Fixing min width of fan container

components/01_Layouts/fan/_fan.styl

@@ -31,6 +31,7 @@ RV-Fan--vertical(base-height, base-width)
 	+RV-Block__Modifier--name('vertical')
 		flex-direction column
 		width max-content
+		min-width initial
 		
 		+RV-Element('Surface')
 			width calc_width(base-width)
@@ -45,11 +46,14 @@ RV-Fan--vertical(base-height, base-width)
 RV-Fan--auto(base-height, base-width)
 	+RV-Block__Modifier--name('auto')
 		flex-flow row wrap
+		min-width initial
 
 		+RV-Element('Surface')
 			min-width calc_width('calc(%s)' % base-width)
 			width calc_width('calc(100% - %s)' % base-width)
 			height calc_height(base-height)
+			flex-grow unset
+			flex-basis unset
 
 /*
  * Also initialy horizontal, changes to vertical when
@@ -75,7 +79,9 @@ RV-Fan__Base(base-height, base-width)
 	+RV-Element--name('Base')
 		height calc_height(base-height)
 		width calc_width(base-width)
-		flex 0 0 auto
+		flex-grow 0
+		flex-shrink 0
+		flex-basis auto
 
 RV-Fan__Surface--fixedHeight(height)
 	+RV-Element__Modifier--name('fixedHeight')
@@ -95,6 +101,10 @@ RV-Fan__Surface(base-height, base-width)
 		overflow hidden
 		height calc_height(base-height)
 		width calc_width()
+		
+		flex-grow 20
+		flex-shrink 0
+		flex-basis calc_width(base-width)
 
 /* ############
  * Block Mixin
@@ -102,6 +112,7 @@ RV-Fan__Surface(base-height, base-width)
 RV-Fan()
 	display flex
 	position relative
+	min-width calc(2 * var(--base-width))
 
 /* #########
  * CSS-Class