diff --git a/components/01_Layouts/breakPoint/_breakPoint.styl b/components/01_Layouts/breakPoint/_breakPoint.styl index 0ab4d13..30326ef 100644 --- a/components/01_Layouts/breakPoint/_breakPoint.styl +++ b/components/01_Layouts/breakPoint/_breakPoint.styl @@ -6,7 +6,7 @@ RV-BreakPoint__Item--inside() +RV-Element--modifier() flex-grow 0 -RV-BreakPoint__Item(breakPoint, fixedSize=var(--fixedSize)) +RV-BreakPoint__Item(breakPoint) +RV-Element() RV-FlexRow__Item() 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--inside() - RV-BreakPoint__Item--fixedSize(fixedSize) // Test skipping a level or two RV-BreakPoint--wrap__Item--outside() @@ -69,7 +68,6 @@ RV-BreakPoint(breakPoint) +RV-Block() RV-CSSParameter({ breakPoint: breakPoint - fixedSize: 100px }) && @@ -82,7 +80,7 @@ RV-BreakPoint(breakPoint) RV-Reset() gap 0px - RV-BreakPoint__Item(--breakPoint, --fixedSize) + RV-BreakPoint__Item(--breakPoint) RV-BreakPoint--wrap() RV-BreakPoint--horizontal() diff --git a/components/01_Layouts/flexRow/_flexRow.styl b/components/01_Layouts/flexRow/_flexRow.styl index 2772ad7..645ee4d 100644 --- a/components/01_Layouts/flexRow/_flexRow.styl +++ b/components/01_Layouts/flexRow/_flexRow.styl @@ -81,7 +81,7 @@ RV-FlexRow__Item--content() /* ########## * Item class ########### */ -RV-FlexRow__Item() +RV-FlexRow__Item(fixedSize=100px) +RV-Element() flex-grow 3 @@ -89,7 +89,7 @@ RV-FlexRow__Item() RV-FlexRow__Item--narrow() RV-FlexRow__Item--wide() RV-FlexRow__Item--wider() - RV-FlexRow__Item--fixedSize(--width) + RV-FlexRow__Item--fixedSize(fixedSize) RV-FlexRow__Item--half() RV-FlexRow__Item--third() RV-FlexRow__Item--quarter() @@ -98,18 +98,17 @@ RV-FlexRow__Item() /* ########## * Block ########### */ -RV-FlexRow() +RV-FlexRow(itemFixedSize=100px) +RV-Block() RV-CSSParameter({ - width: 100px + itemFixedSize: itemFixedSize }) display flex - RV-FlexRow__Item() - - RV-FlexRow--breakPoint(--localBreakPoint, --mediaBreakPoint) + RV-FlexRow__Item(--itemFixedSize) + RV-FlexRow--horizontal() RV-FlexRow--vertical() RV-FlexRow--wrap() -RV-FlexRow() \ No newline at end of file +RV-FlexRow(100px) \ No newline at end of file