playground

components/00_Global/_global.styl

@@ -1,3 +1,4 @@
+@import './_blockAppendix'
 @import './_bemGenerator'
 @import './_selectorHook'
 @import './_cssParameter'

components/01_Layouts/fan/_fan.styl

@@ -14,6 +14,7 @@
  * 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
@@ -27,6 +28,7 @@ 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
@@ -41,6 +43,7 @@ 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
@@ -56,6 +59,7 @@ 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)
@@ -73,7 +77,7 @@ RV-Fan__Base--wurst()
 /* ###############
  * Element Mixins
  * ############### */
- 
+ /*
 RV-Fan__Base(base-height, base-width)
 	+RV-Element('Base')
 		height base-height
@@ -90,20 +94,19 @@ RV-Fan__Surface--fixedWidth(width)
 
 RV-Fan__Surface()
 	+RV-Element('Surface')
-		@block{
-			RV-ContentCrop()
-		}
+		RV-ContentCrop()
 
 /* ############
  * Block Mixin
  * ############ */
+ /*
 RV-Fan()
 	display flex
 
 /* #########
  * CSS-Class
  * ######### */
-
+/*
 +RV-Block('Fan')
 	RV-CSSParameter({
 		base-height: 280px,
@@ -122,13 +125,16 @@ RV-Fan()
 	RV-Fan--vertical(base-height, base-width)
 	RV-Fan--horizontal(base-height, base-width)
 	RV-Fan--auto(base-height, base-width)
+*/
++RV-Block('Fächer')
+	--wurst yeet
+	RV-Fan__Surface(50px, 50px)
+	+RV-Element('BLubb')
+		color black
+		--blubb wasser
 
++RV-Element('Affter')
+	--hasi 'lein'
 
-+RV-Block('wurst')
-	+RV-Block('Fächer')
-		RV-Fan()
-		RV-Fan__Base(50px, 50px)
-		RV-Fan__Base--wurst()
-			
-		RV-Fan__Surface(50px, 50px)
-		
++RV-Block__Modifier('Mafter')
+	--blubb 'bernd'