scss-library/components/01_Layouts/breakPoint/_breakPoint.styl

93 lines
1.7 KiB
Stylus
Raw Normal View History

RV-BreakPoint__Item--outside()
+RV-Element--modifier()
flex-shrink 999
RV-BreakPoint__Item--inside()
+RV-Element--modifier()
flex-grow 0
2021-03-19 12:46:49 +01:00
RV-BreakPoint__Item(breakPoint)
+RV-Element()
RV-FlexRow__Item()
flex-basis 'calc(%s * 999 - 100% * 999)' % breakPoint
overflow: hidden;
--outer-spacing 0
--inner-spacing 0
RV-BreakPoint__Item--outside()
RV-BreakPoint__Item--inside()
// Test skipping a level or two
RV-BreakPoint--wrap__Item--outside()
+RV-Element--modifier()
margin-bottom -100vh
RV-BreakPoint--wrap__Item()
+RV-Element()
RV-BreakPoint--wrap__Item--outside()
2021-03-10 18:06:32 +01:00
RV-BreakPoint--wrap()
+RV-Block--modifier()
RV-BreakPoint--wrap__Item()
RV-BreakPoint--horizontal__Item--outside()
+RV-Element--modifier()
margin-bottom unset
height unset
RV-BreakPoint--horizontal__Item()
+RV-Element()
RV-BreakPoint--horizontal__Item--outside()
2021-03-10 18:06:32 +01:00
RV-BreakPoint--horizontal()
+RV-Block--modifier()
flex-wrap nowrap
flex-direction row
RV-BreakPoint--horizontal__Item()
RV-BreakPoint--vertical__Item--outside()
+RV-Element--modifier()
margin-bottom unset
height unset
RV-BreakPoint--vertical__Item()
+RV-Element()
RV-BreakPoint--vertical__Item--outside()
RV-BreakPoint--vertical()
+RV-Block--modifier()
flex-direction column
flex-wrap nowrap
height 100%
RV-BreakPoint--vertical__Item()
RV-BreakPoint(breakPoint)
+RV-Block()
RV-CSSParameter({
breakPoint: breakPoint
})
&&
--inner-spacing 0
RV-FlexRow()
RV-FlexRow--wrap()
overflow-y hidden
RV-Reset()
gap 0px
2021-03-19 12:46:49 +01:00
RV-BreakPoint__Item(--breakPoint)
RV-BreakPoint--wrap()
RV-BreakPoint--horizontal()
RV-BreakPoint--vertical()
RV-BreakPoint(500px)