From 58d129456383ab7d2ca97e4217fd314dbdf7bbd4 Mon Sep 17 00:00:00 2001 From: Elohina Guevara Date: Thu, 24 Oct 2019 14:25:40 +0100 Subject: [PATCH] feat(3 column class list): add 3 column class 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. --- .../src/sass/04-objects/_layouts.scss | 13 +++++++++++++ 1 file changed, 13 insertions(+) diff --git a/packages/gravity-ui-web/src/sass/04-objects/_layouts.scss b/packages/gravity-ui-web/src/sass/04-objects/_layouts.scss index 86544f7c..d852e832 100644 --- a/packages/gravity-ui-web/src/sass/04-objects/_layouts.scss +++ b/packages/gravity-ui-web/src/sass/04-objects/_layouts.scss @@ -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