diff --git a/components/01_Layouts/breakPoint/_breakPoint.styl b/components/01_Layouts/breakPoint/_breakPoint.styl index 4946bb1..9620b57 100644 --- a/components/01_Layouts/breakPoint/_breakPoint.styl +++ b/components/01_Layouts/breakPoint/_breakPoint.styl @@ -1,7 +1,7 @@ -RV-BreakPoint__Item(localBreakPoint) +RV-BreakPoint__Item() +RV-Element() RV-FlexRow__Item() - flex-basis 'calc(%s * 999 - 100% * 999)' % localBreakPoint + flex-basis 'calc(%s * 999 - 100% * 999)' % --localBreakPoint overflow: hidden; --outer-spacing 0 --inner-spacing 0 @@ -33,12 +33,12 @@ RV-BreakPoint(localBreakPoint) RV-BreakPoint--horizontal() +RV-Block--modifier() flex-wrap nowrap - min-width max-content + min-width min-content +RV-Element('Item') +RV-Element--modifier('outside') margin-bottom unset - height unset + height unset RV-BreakPoint--vertical() +RV-Block--modifier() @@ -54,6 +54,7 @@ RV-BreakPoint--vertical() +RV-Block('RV-BreakPoint') RV-CSSParameter({ localBreakPoint: 500px + fixedSize: 100px }) && @@ -65,6 +66,7 @@ RV-BreakPoint--vertical() RV-BreakPoint__Item(--localBreakPoint) RV-BreakPoint__Item--outside() RV-BreakPoint__Item--inside() + RV-BreakPoint__Item--fixedSize(--fixedSize) RV-BreakPoint--horizontal() RV-BreakPoint--vertical() diff --git a/components/01_Layouts/breakPoint/breakPoint.hbs b/components/01_Layouts/breakPoint/breakPoint.hbs index 2f4fe8c..98865b8 100644 --- a/components/01_Layouts/breakPoint/breakPoint.hbs +++ b/components/01_Layouts/breakPoint/breakPoint.hbs @@ -13,7 +13,7 @@
Larger
-
ItemItem
+
Content
ItemItem