Skip to content

Commit

Permalink
feat(3 column class list): add 3 column class
Browse files Browse the repository at this point in the history
affects: @buildit/gravity-ui-web

Add 3 column class that starts with 1 column on narrow viewports and increases to 2, 3 and then 4
columns as the width increases.
  • Loading branch information
Elohina committed Oct 24, 2019
1 parent 806f6f7 commit 58d1294
Showing 1 changed file with 13 additions and 0 deletions.
13 changes: 13 additions & 0 deletions packages/gravity-ui-web/src/sass/04-objects/_layouts.scss
Original file line number Diff line number Diff line change
Expand Up @@ -6,6 +6,19 @@
}
}

// Max 3 column.
// Starts with 1 column on narrow viewports and
// increases to 2 and then 3 columns as the width
// increases.
.grav-o-three-column {
@media (min-width: grav-breakpoint(small)) {
@include grav-l-column-layout(2);
}
@media (min-width: grav-breakpoint(medium)) {
@include grav-l-column-layout(3, $additive: true);
}
}

// Max 4 column.
// Starts with 1 column on narrow viewports and
// increases to 2, 3 and then 4 columns as the width
Expand Down

0 comments on commit 58d1294

Please sign in to comment.