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

Small fixes

Browse Source
This commit is contained in:
reverend 2021-03-19 12:46:49 +01:00
parent cb4e4a978f
commit 05a483e76f
2 changed files with 9 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
components/01_Layouts/breakPoint/_breakPoint.styl
View File

@ -6,7 +6,7 @@ RV-BreakPoint__Item--inside()
+RV-Element--modifier() +RV-Element--modifier()
flex-grow 0 flex-grow 0
RV-BreakPoint__Item(breakPoint, fixedSize=var(--fixedSize)) RV-BreakPoint__Item(breakPoint)
+RV-Element() +RV-Element()
RV-FlexRow__Item() RV-FlexRow__Item()
flex-basis 'calc(%s * 999 - 100% * 999)' % breakPoint flex-basis 'calc(%s * 999 - 100% * 999)' % breakPoint
@ -16,7 +16,6 @@ RV-BreakPoint__Item(breakPoint, fixedSize=var(--fixedSize))
RV-BreakPoint__Item--outside() RV-BreakPoint__Item--outside()
RV-BreakPoint__Item--inside() RV-BreakPoint__Item--inside()
RV-BreakPoint__Item--fixedSize(fixedSize)
// Test skipping a level or two // Test skipping a level or two
RV-BreakPoint--wrap__Item--outside() RV-BreakPoint--wrap__Item--outside()
@ -69,7 +68,6 @@ RV-BreakPoint(breakPoint)
+RV-Block() +RV-Block()
RV-CSSParameter({ RV-CSSParameter({
breakPoint: breakPoint breakPoint: breakPoint
fixedSize: 100px
}) })
&& &&
@ -82,7 +80,7 @@ RV-BreakPoint(breakPoint)
RV-Reset() RV-Reset()
gap 0px gap 0px
RV-BreakPoint__Item(--breakPoint, --fixedSize) RV-BreakPoint__Item(--breakPoint)
RV-BreakPoint--wrap() RV-BreakPoint--wrap()
RV-BreakPoint--horizontal() RV-BreakPoint--horizontal()

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

@ -81,7 +81,7 @@ RV-FlexRow__Item--content()
/* ########## /* ##########
* Item class * Item class
########### */ ########### */
RV-FlexRow__Item() RV-FlexRow__Item(fixedSize=100px)
+RV-Element() +RV-Element()
flex-grow 3 flex-grow 3
@ -89,7 +89,7 @@ RV-FlexRow__Item()
RV-FlexRow__Item--narrow() RV-FlexRow__Item--narrow()
RV-FlexRow__Item--wide() RV-FlexRow__Item--wide()
RV-FlexRow__Item--wider() RV-FlexRow__Item--wider()
RV-FlexRow__Item--fixedSize(--width) RV-FlexRow__Item--fixedSize(fixedSize)
RV-FlexRow__Item--half() RV-FlexRow__Item--half()
RV-FlexRow__Item--third() RV-FlexRow__Item--third()
RV-FlexRow__Item--quarter() RV-FlexRow__Item--quarter()
@ -98,18 +98,17 @@ RV-FlexRow__Item()
/* ########## /* ##########
* Block * Block
########### */ ########### */
RV-FlexRow() RV-FlexRow(itemFixedSize=100px)
+RV-Block() +RV-Block()
RV-CSSParameter({ RV-CSSParameter({
width: 100px itemFixedSize: itemFixedSize
}) })
display flex display flex
RV-FlexRow__Item() RV-FlexRow__Item(--itemFixedSize)
RV-FlexRow--breakPoint(--localBreakPoint, --mediaBreakPoint)
RV-FlexRow--horizontal() RV-FlexRow--horizontal()
RV-FlexRow--vertical() RV-FlexRow--vertical()
RV-FlexRow--wrap() RV-FlexRow--wrap()
RV-FlexRow() RV-FlexRow(100px)