All files / packages/design-system/ui/utilities/grid/docs demoStylesGrid.js

0% Statements 0/0
0% Branches 0/0
0% Functions 0/0
0% Lines 0/0

Press n or j to go to the next uncovered block, b, p or k for the previous block.

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44                                                                                       
export default `
/* stylelint-disable selector-class-pattern */
 
.slds-grid {
  height: auto;
  min-height: 8.75rem;
  margin-bottom: 1rem;
}
 
.slds-grid > .slds-grid {
  height: auto;
  margin-bottom: 0;
}
 
.slds-col,
.slds-grid > div:not(.slds-col) {
  display: inline-flex;
  background: #54698d;
  color: #fff;
  text-align: center;
  background-clip: content-box;
  border: 1px solid #fff;
  border-radius: 0;
}
 
.slds-col > span {
  align-self: center;
  margin: auto;
  font-size: 1.575rem;
  padding: 0.5rem;
}
 
.slds-wrap {
  align-items: stretch;
}
 
.slds-grid > div:not(.slds-col) > span {
  align-self: center;
  margin: auto;
  font-size: 1.575rem;
  padding: 0.5rem;
}
`;