I think i finally got it
This commit is contained in:
		@@ -14,7 +14,6 @@
 | 
			
		||||
 * Base is fixed, given size, Surface is given height
 | 
			
		||||
 * but will fill the parent's width
 | 
			
		||||
 */
 | 
			
		||||
/*
 | 
			
		||||
RV-Fan--horizontal(base-height, base-width)
 | 
			
		||||
	+RV-Block__Modifier('horizontal')
 | 
			
		||||
		flex-direction row
 | 
			
		||||
@@ -28,7 +27,6 @@ RV-Fan--horizontal(base-height, base-width)
 | 
			
		||||
 * Base is fixed, given size, base is given width
 | 
			
		||||
 * minimal height is given height, will grow with content
 | 
			
		||||
 */
 | 
			
		||||
 /*
 | 
			
		||||
RV-Fan--vertical(base-height, base-width)
 | 
			
		||||
	+RV-Block__Modifier('vertical')
 | 
			
		||||
		flex-direction column
 | 
			
		||||
@@ -43,7 +41,6 @@ RV-Fan--vertical(base-height, base-width)
 | 
			
		||||
 * the width of the parent is less than 2 x base-width
 | 
			
		||||
 * Width of the base and surface in vertical are base-width
 | 
			
		||||
 */
 | 
			
		||||
 /*
 | 
			
		||||
RV-Fan--auto(base-height, base-width)
 | 
			
		||||
	+RV-Block__Modifier('auto')
 | 
			
		||||
		flex-flow row wrap
 | 
			
		||||
@@ -59,7 +56,6 @@ RV-Fan--auto(base-height, base-width)
 | 
			
		||||
 * Width of the base and the surface in vertical mode 
 | 
			
		||||
 * are 100% of the parent width
 | 
			
		||||
 */
 | 
			
		||||
 /*
 | 
			
		||||
RV-Fan--fullWidth(base-height, base-width)
 | 
			
		||||
	+RV-Block__Modifier('fullWidth')
 | 
			
		||||
		RV-Fan--auto(base-height, base-width)
 | 
			
		||||
@@ -69,15 +65,10 @@ RV-Fan--fullWidth(base-height, base-width)
 | 
			
		||||
			
 | 
			
		||||
		+RV-Element('Surface')
 | 
			
		||||
			flex-grow 1
 | 
			
		||||
 | 
			
		||||
RV-Fan__Base--wurst()
 | 
			
		||||
	+RV-Element__Modifier('wurst')
 | 
			
		||||
		--wurst wasser
 | 
			
		||||
	
 | 
			
		||||
/* ###############
 | 
			
		||||
 * Element Mixins
 | 
			
		||||
 * ############### */
 | 
			
		||||
 /*
 | 
			
		||||
RV-Fan__Base(base-height, base-width)
 | 
			
		||||
	+RV-Element('Base')
 | 
			
		||||
		height base-height
 | 
			
		||||
@@ -99,15 +90,26 @@ RV-Fan__Surface()
 | 
			
		||||
/* ############
 | 
			
		||||
 * Block Mixin
 | 
			
		||||
 * ############ */
 | 
			
		||||
 /*
 | 
			
		||||
RV-Fan()
 | 
			
		||||
	display flex
 | 
			
		||||
 | 
			
		||||
/* #########
 | 
			
		||||
 * CSS-Class
 | 
			
		||||
 * ######### */
 | 
			
		||||
/*
 | 
			
		||||
+RV-Block('Fan')
 | 
			
		||||
 | 
			
		||||
.test
 | 
			
		||||
	+RV-Block('Hasi')
 | 
			
		||||
		--hasi 'lein'
 | 
			
		||||
		
 | 
			
		||||
		+RV-Element('Flauschi')
 | 
			
		||||
			--hasi 'flauschi'
 | 
			
		||||
		
 | 
			
		||||
		+RV-Element('Löffel')
 | 
			
		||||
			--flauschi 'löffel'
 | 
			
		||||
 | 
			
		||||
 | 
			
		||||
 | 
			
		||||
+RV-Block('RV-Fan')
 | 
			
		||||
	RV-CSSParameter({
 | 
			
		||||
		base-height: 280px,
 | 
			
		||||
		base-width: 320px
 | 
			
		||||
@@ -125,18 +127,35 @@ RV-Fan()
 | 
			
		||||
	RV-Fan--vertical(base-height, base-width)
 | 
			
		||||
	RV-Fan--horizontal(base-height, base-width)
 | 
			
		||||
	RV-Fan--auto(base-height, base-width)
 | 
			
		||||
*/
 | 
			
		||||
 | 
			
		||||
.test
 | 
			
		||||
	--test 'test'
 | 
			
		||||
		
 | 
			
		||||
 | 
			
		||||
/*
 | 
			
		||||
RV-Test()
 | 
			
		||||
	+RV-Block('Fächer')
 | 
			
		||||
	+RV-Block('Block')
 | 
			
		||||
		--wurst yeet
 | 
			
		||||
		RV-Fan__Surface(50px, 50px)
 | 
			
		||||
		+RV-Element('susses')
 | 
			
		||||
			+RV-Element('BLubb')
 | 
			
		||||
		//RV-Fan__Surface(50px, 50px)
 | 
			
		||||
		+RV-Element('Element')
 | 
			
		||||
			+RV-Element('Subelement')
 | 
			
		||||
				color black
 | 
			
		||||
				--blubb wasser
 | 
			
		||||
 | 
			
		||||
			+RV-Element__Modifier('pp')
 | 
			
		||||
				+RV-Element__Modifier('Wurst')
 | 
			
		||||
				--wasser 'wurst'
 | 
			
		||||
		
 | 
			
		||||
			+RV-Element__Modifier('ElementModifier')
 | 
			
		||||
				--pp 'wurst'
 | 
			
		||||
				
 | 
			
		||||
		+RV-Element__Modifier('ElementModifierAfter')
 | 
			
		||||
			--pipi 'kaka'
 | 
			
		||||
		
 | 
			
		||||
		
 | 
			
		||||
		+RV-Block__Modifier('BlockModifier')
 | 
			
		||||
			border 1px solid red
 | 
			
		||||
			+RV-Element('ElementInBlockModifier')
 | 
			
		||||
				color pink
 | 
			
		||||
				+RV-Element__Modifier('ElementModifier')
 | 
			
		||||
					color skyblue
 | 
			
		||||
	
 | 
			
		||||
.wurstwasser
 | 
			
		||||
	RV-Test()
 | 
			
		||||
	RV-Test()
 | 
			
		||||
*/
 | 
			
		||||
		Reference in New Issue
	
	Block a user