be31ad9f21
- Maximum of 3 columns in "web" layout, with 360px fixed width columns, 40px gutters and excess padding left and right. - 2 columns in "tablet" layout, with variable size columns and 24px gutters. - 1 columns in "phone" layout, with 16px gutters.
22 lines
423 B
SCSS
22 lines
423 B
SCSS
@import '../styleguide_demo_bp';
|
|
@import '../palette/palette';
|
|
@import '_column-layout';
|
|
|
|
.column-layout {
|
|
background-color: nth($paletteGrey, 2);
|
|
}
|
|
|
|
.column-layout > * {
|
|
min-height: 300px;
|
|
background-color: nth($paletteGreen, 2);
|
|
padding: 16px;
|
|
}
|
|
|
|
.column-layout > *:nth-of-type(3n+1) {
|
|
background-color: nth($paletteRed, 2);
|
|
}
|
|
|
|
.column-layout > *:nth-of-type(3n+2) {
|
|
background-color: nth($paletteBlue, 2);
|
|
}
|