From 159107072c1d12ed7ab7c8eb0eb78bc47ce0abd7 Mon Sep 17 00:00:00 2001 From: Rodrigo Couto Date: Tue, 17 Nov 2020 09:06:55 -0300 Subject: [PATCH] feat(style): implemented flex grow and shrink --- .../src/styles/generic/_flex.scss | 31 +++++++++++++++++++ 1 file changed, 31 insertions(+) diff --git a/packages/svelte-materialify/src/styles/generic/_flex.scss b/packages/svelte-materialify/src/styles/generic/_flex.scss index dbb725e3..b9d5285e 100644 --- a/packages/svelte-materialify/src/styles/generic/_flex.scss +++ b/packages/svelte-materialify/src/styles/generic/_flex.scss @@ -249,3 +249,34 @@ } } } + +.flex-grow-0 { + flex-grow: 0; +} + +.flex-grow-1 { + flex-grow: 1; +} + +.flex-shrink-0 { + flex-shrink: 0; +} + +.flex-shrink-1 { + flex-shrink: 1; +} + +@include create_breakpoints() using ($screen_size) { + .flex-#{$screen_size}-grow-0 { + flex-grow: 0; + } + .flex-#{$screen_size}-grow-1 { + flex-grow: 1; + } + .flex-#{$screen_size}-shrink-0 { + flex-shrink: 0; + } + .flex-#{$screen_size}-shrink-1 { + flex-shrink: 1; + } +}