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-10 00:55:04 +01:00
parent ecef5d1e12
commit 212c587f7f
2 changed files with 7 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -1,7 +1,7 @@
RV-BreakPoint__Item(localBreakPoint) RV-BreakPoint__Item()
+RV-Element() +RV-Element()
RV-FlexRow__Item() RV-FlexRow__Item()
flex-basis 'calc(%s * 999 - 100% * 999)' % localBreakPoint flex-basis 'calc(%s * 999 - 100% * 999)' % --localBreakPoint
overflow: hidden; overflow: hidden;
--outer-spacing 0 --outer-spacing 0
--inner-spacing 0 --inner-spacing 0
@ -33,12 +33,12 @@ RV-BreakPoint(localBreakPoint)
RV-BreakPoint--horizontal() RV-BreakPoint--horizontal()
+RV-Block--modifier() +RV-Block--modifier()
flex-wrap nowrap flex-wrap nowrap
min-width max-content min-width min-content
+RV-Element('Item') +RV-Element('Item')
+RV-Element--modifier('outside') +RV-Element--modifier('outside')
margin-bottom unset margin-bottom unset
height unset height unset
RV-BreakPoint--vertical() RV-BreakPoint--vertical()
+RV-Block--modifier() +RV-Block--modifier()
@ -54,6 +54,7 @@ RV-BreakPoint--vertical()
+RV-Block('RV-BreakPoint') +RV-Block('RV-BreakPoint')
RV-CSSParameter({ RV-CSSParameter({
localBreakPoint: 500px localBreakPoint: 500px
fixedSize: 100px
}) })
&& &&
@ -65,6 +66,7 @@ RV-BreakPoint--vertical()
RV-BreakPoint__Item(--localBreakPoint) RV-BreakPoint__Item(--localBreakPoint)
RV-BreakPoint__Item--outside() RV-BreakPoint__Item--outside()
RV-BreakPoint__Item--inside() RV-BreakPoint__Item--inside()
RV-BreakPoint__Item--fixedSize(--fixedSize)
RV-BreakPoint--horizontal() RV-BreakPoint--horizontal()
RV-BreakPoint--vertical() RV-BreakPoint--vertical()

2
components/01_Layouts/breakPoint/breakPoint.hbs
View File

@ -13,7 +13,7 @@
<div>Larger</div> <div>Larger</div>
</div> </div>
<div class="RV-BreakPoint__Item RV-Dummy"> <div class="RV-BreakPoint__Item RV-Dummy">
<div>ItemItem</div> <div>Content</div>
</div> </div>
<div class="RV-BreakPoint__Item RV-Dummy"> <div class="RV-BreakPoint__Item RV-Dummy">
<div>ItemItem</div> <div>ItemItem</div>