minor fixes
This commit is contained in:
parent
d6b4f0aff2
commit
1b29d90548
@ -33,8 +33,7 @@ RV-Fan--horizontal(base-height, base-width)
|
|||||||
flex-grow 0
|
flex-grow 0
|
||||||
|
|
||||||
RV-BreakPoint--horizontal()
|
RV-BreakPoint--horizontal()
|
||||||
|
min-width base-width
|
||||||
min-width unset
|
|
||||||
|
|
||||||
/*
|
/*
|
||||||
* Base above, Surfce below
|
* Base above, Surfce below
|
||||||
@ -69,7 +68,6 @@ RV-Fan--auto(base-height, base-width)
|
|||||||
flex-grow 1
|
flex-grow 1
|
||||||
|
|
||||||
+RV-Element('Surface')
|
+RV-Element('Surface')
|
||||||
height base-height
|
|
||||||
box-sizing border-box
|
box-sizing border-box
|
||||||
flex-grow 99999
|
flex-grow 99999
|
||||||
|
|
||||||
@ -111,8 +109,8 @@ RV-Fan__Surface(base-height, base-width)
|
|||||||
flex-grow 1
|
flex-grow 1
|
||||||
|
|
||||||
> *
|
> *
|
||||||
height calc_height()
|
height calc_height(100%)
|
||||||
width calc_width()
|
width calc_width(100%)
|
||||||
|
|
||||||
/* ############
|
/* ############
|
||||||
* Block Mixin
|
* Block Mixin
|
||||||
@ -120,7 +118,7 @@ RV-Fan__Surface(base-height, base-width)
|
|||||||
RV-Fan(base-height, base-width)
|
RV-Fan(base-height, base-width)
|
||||||
display flex
|
display flex
|
||||||
position relative
|
position relative
|
||||||
min-width base-width
|
min-width min-content
|
||||||
|
|
||||||
+RV-Block('RV-Fan')
|
+RV-Block('RV-Fan')
|
||||||
RV-CSSParameter({
|
RV-CSSParameter({
|
||||||
|
@ -66,18 +66,21 @@ RV-FlexRow__Item--fixedSize(width)
|
|||||||
*/
|
*/
|
||||||
RV-FlexRow__Item--half()
|
RV-FlexRow__Item--half()
|
||||||
+RV-Element--modifier()
|
+RV-Element--modifier()
|
||||||
|
overflow hidden
|
||||||
flex-grow 0
|
flex-grow 0
|
||||||
flex-shrink 0
|
flex-shrink 0
|
||||||
flex-basis 50%
|
flex-basis 50%
|
||||||
|
|
||||||
RV-FlexRow__Item--third()
|
RV-FlexRow__Item--third()
|
||||||
+RV-Element--modifier()
|
+RV-Element--modifier()
|
||||||
|
overflow hidden
|
||||||
flex-grow 0
|
flex-grow 0
|
||||||
flex-shrink 0
|
flex-shrink 0
|
||||||
flex-basis (100/3)%
|
flex-basis (100/3)%
|
||||||
|
|
||||||
RV-FlexRow__Item--quarter()
|
RV-FlexRow__Item--quarter()
|
||||||
+RV-Element--modifier()
|
+RV-Element--modifier()
|
||||||
|
overflow hidden
|
||||||
flex-grow 0
|
flex-grow 0
|
||||||
flex-shrink 0
|
flex-shrink 0
|
||||||
flex-basis 25%
|
flex-basis 25%
|
||||||
@ -99,22 +102,19 @@ RV-FlexRow()
|
|||||||
|
|
||||||
RV-CSSParameter({
|
RV-CSSParameter({
|
||||||
width: 100px
|
width: 100px
|
||||||
localBreakPoint: 500px,
|
|
||||||
mediaBreakPoint: 100vw
|
|
||||||
})
|
})
|
||||||
|
|
||||||
+RV-Element()
|
+RV-Element()
|
||||||
|
RV-FlexRow__Item()
|
||||||
RV-FlexRow__Item--narrower()
|
RV-FlexRow__Item--narrower()
|
||||||
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(--width)
|
||||||
RV-FlexRow__Item--narrower()
|
|
||||||
RV-FlexRow__Item--half()
|
RV-FlexRow__Item--half()
|
||||||
RV-FlexRow__Item--third()
|
RV-FlexRow__Item--third()
|
||||||
RV-FlexRow__Item--quarter()
|
RV-FlexRow__Item--quarter()
|
||||||
RV-FlexRow__Item--content()
|
RV-FlexRow__Item--content()
|
||||||
RV-FlexRow__Item()
|
|
||||||
|
|
||||||
RV-FlexRow--breakPoint(--localBreakPoint, --mediaBreakPoint)
|
RV-FlexRow--breakPoint(--localBreakPoint, --mediaBreakPoint)
|
||||||
RV-FlexRow--horizontal()
|
RV-FlexRow--horizontal()
|
||||||
|
Loading…
Reference in New Issue
Block a user