reverend/scss-library
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

Adapting flex values

Browse Source
This commit is contained in:
reverend 2021-03-21 18:46:39 +01:00
parent adefd4c8d2
commit 01b3714505
1 changed files with 14 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

20
components/01_Layouts/flexRow/_flexRow.styl
View File

@ -27,26 +27,32 @@ RV-FlexRow--wrap()
RV-FlexRow__Item--narrower() RV-FlexRow__Item--narrower()
+RV-Element--modifier() +RV-Element--modifier()
flex-grow 1 flex-grow 2
flex-shrink 10
RV-FlexRow__Item--narrow() RV-FlexRow__Item--narrow()
+RV-Element--modifier() +RV-Element--modifier()
flex-grow 2 flex-grow 4
flex-shrink 8
RV-FlexRow__Item--wide() RV-FlexRow__Item--wide()
+RV-Element--modifier() +RV-Element--modifier()
flex-grow 4 flex-grow 8
flex-shrink 4
RV-FlexRow__Item--wider() RV-FlexRow__Item--wider()
+RV-Element--modifier() +RV-Element--modifier()
flex-grow 5 flex-grow 10
flex-shrink 2
/* /*
* Item has always the given width * Item has always the given width
*/ */
RV-FlexRow__Item--fixedSize(width) RV-FlexRow__Item--fixedSize(width)
+RV-Element--modifier() +RV-Element--modifier()
RV-Sizes--fixedSize(width) flex-basis width
flex-grow 0
flex-shrink 0
/* /*
* Item width relativ to the container * Item width relativ to the container
@ -83,7 +89,9 @@ RV-FlexRow__Item--content()
########### */ ########### */
RV-FlexRow__Item(fixedSize=100px) RV-FlexRow__Item(fixedSize=100px)
+RV-Element() +RV-Element()
flex-grow 3 flex-basis 20px
flex-grow 5
flex-shrink 5
RV-FlexRow__Item--narrower() RV-FlexRow__Item--narrower()
RV-FlexRow__Item--narrow() RV-FlexRow__Item--narrow()