Fixing min width of fan container
This commit is contained in:
parent
219b8a646d
commit
01fdcc731e
@ -31,6 +31,7 @@ RV-Fan--vertical(base-height, base-width)
|
|||||||
+RV-Block__Modifier--name('vertical')
|
+RV-Block__Modifier--name('vertical')
|
||||||
flex-direction column
|
flex-direction column
|
||||||
width max-content
|
width max-content
|
||||||
|
min-width initial
|
||||||
|
|
||||||
+RV-Element('Surface')
|
+RV-Element('Surface')
|
||||||
width calc_width(base-width)
|
width calc_width(base-width)
|
||||||
@ -45,11 +46,14 @@ RV-Fan--vertical(base-height, base-width)
|
|||||||
RV-Fan--auto(base-height, base-width)
|
RV-Fan--auto(base-height, base-width)
|
||||||
+RV-Block__Modifier--name('auto')
|
+RV-Block__Modifier--name('auto')
|
||||||
flex-flow row wrap
|
flex-flow row wrap
|
||||||
|
min-width initial
|
||||||
|
|
||||||
+RV-Element('Surface')
|
+RV-Element('Surface')
|
||||||
min-width calc_width('calc(%s)' % base-width)
|
min-width calc_width('calc(%s)' % base-width)
|
||||||
width calc_width('calc(100% - %s)' % base-width)
|
width calc_width('calc(100% - %s)' % base-width)
|
||||||
height calc_height(base-height)
|
height calc_height(base-height)
|
||||||
|
flex-grow unset
|
||||||
|
flex-basis unset
|
||||||
|
|
||||||
/*
|
/*
|
||||||
* Also initialy horizontal, changes to vertical when
|
* Also initialy horizontal, changes to vertical when
|
||||||
@ -75,7 +79,9 @@ RV-Fan__Base(base-height, base-width)
|
|||||||
+RV-Element--name('Base')
|
+RV-Element--name('Base')
|
||||||
height calc_height(base-height)
|
height calc_height(base-height)
|
||||||
width calc_width(base-width)
|
width calc_width(base-width)
|
||||||
flex 0 0 auto
|
flex-grow 0
|
||||||
|
flex-shrink 0
|
||||||
|
flex-basis auto
|
||||||
|
|
||||||
RV-Fan__Surface--fixedHeight(height)
|
RV-Fan__Surface--fixedHeight(height)
|
||||||
+RV-Element__Modifier--name('fixedHeight')
|
+RV-Element__Modifier--name('fixedHeight')
|
||||||
@ -96,12 +102,17 @@ RV-Fan__Surface(base-height, base-width)
|
|||||||
height calc_height(base-height)
|
height calc_height(base-height)
|
||||||
width calc_width()
|
width calc_width()
|
||||||
|
|
||||||
|
flex-grow 20
|
||||||
|
flex-shrink 0
|
||||||
|
flex-basis calc_width(base-width)
|
||||||
|
|
||||||
/* ############
|
/* ############
|
||||||
* Block Mixin
|
* Block Mixin
|
||||||
* ############ */
|
* ############ */
|
||||||
RV-Fan()
|
RV-Fan()
|
||||||
display flex
|
display flex
|
||||||
position relative
|
position relative
|
||||||
|
min-width calc(2 * var(--base-width))
|
||||||
|
|
||||||
/* #########
|
/* #########
|
||||||
* CSS-Class
|
* CSS-Class
|
||||||
|
Loading…
Reference in New Issue
Block a user