From 01b3714505840e5d2e1786f236338862416047ca Mon Sep 17 00:00:00 2001 From: reverend Date: Sun, 21 Mar 2021 18:46:39 +0100 Subject: [PATCH] Adapting flex values --- components/01_Layouts/flexRow/_flexRow.styl | 20 ++++++++++++++------ 1 file changed, 14 insertions(+), 6 deletions(-) diff --git a/components/01_Layouts/flexRow/_flexRow.styl b/components/01_Layouts/flexRow/_flexRow.styl index 645ee4d..b4dcec5 100644 --- a/components/01_Layouts/flexRow/_flexRow.styl +++ b/components/01_Layouts/flexRow/_flexRow.styl @@ -27,26 +27,32 @@ RV-FlexRow--wrap() RV-FlexRow__Item--narrower() +RV-Element--modifier() - flex-grow 1 + flex-grow 2 + flex-shrink 10 RV-FlexRow__Item--narrow() +RV-Element--modifier() - flex-grow 2 + flex-grow 4 + flex-shrink 8 RV-FlexRow__Item--wide() +RV-Element--modifier() - flex-grow 4 + flex-grow 8 + flex-shrink 4 RV-FlexRow__Item--wider() +RV-Element--modifier() - flex-grow 5 + flex-grow 10 + flex-shrink 2 /* * Item has always the given width */ RV-FlexRow__Item--fixedSize(width) +RV-Element--modifier() - RV-Sizes--fixedSize(width) + flex-basis width + flex-grow 0 + flex-shrink 0 /* * Item width relativ to the container @@ -83,7 +89,9 @@ RV-FlexRow__Item--content() ########### */ RV-FlexRow__Item(fixedSize=100px) +RV-Element() - flex-grow 3 + flex-basis 20px + flex-grow 5 + flex-shrink 5 RV-FlexRow__Item--narrower() RV-FlexRow__Item--narrow()