s

components/00_Global/_bemGenerator.styl

@@ -30,25 +30,8 @@ RV-Block(name)
  * according to BEM. 
  */
 RV-Block__Modifier(name)
-	// Determining if we are inside a block or after a block
+	attach('RV-Block', unquote('--' + name), block)
-	call_stack = _call_stack_till_first_block()
-	if 'RV-Block' in call_stack
-		// We are called inside a block
-		push(_block_modifier_block_stack, @block{block})
 
-		//Detect if the selector will be generated
-		//by an earlier call of RV-Element
-		if not 'RV-Block__Modifier' in call_stack
-			block_list = _pop_stack(_block_modifier_block_stack)
-			_block_modifier_building_lane[name] = {
-				block_list: block_list
-			}
-	else
-		// We are not called inside a block
-		// Is there a block to attach to
-		if _last_block_name != null
-			.{_last_block_name}--{name}
-				{block}
 
 /*
  * Generates an CSS class for an element
@@ -57,6 +40,7 @@ RV-Block__Modifier(name)
  */
 RV-Element(name)
 	attach('RV-Block', unquote('__' + name), block)
+	tow(name, block)
 
 
 
@@ -70,36 +54,5 @@ RV-Element(name)
  * from RV-Element
  */
 RV-Element__Modifier(name)
-	counter = 0
+	attach('RV-Element', '--' + name, block)
-	for fn in called-from
-		if fn is 'RV-Element'
-			counter += 1
-					
-	if counter <= 1
-		element_modifier_block_stack = _global_scope['_element_modifier_block_stack']
-		append(element_modifier_block_stack, block)
-		_global_scope['_element_modifier_block_stack'] = element_modifier_block_stack
-		
-		//Is this modifier beeing included by another modifier
-		if not 'RV-Element__Modifier' in called-from
-			//No
-			//Is this modifier beeing called in in- or postfix
-			if not 'RV-Element' in called-from
-				//Yes
-				last_element_name = _global_scope['_last_element_name']
-				
-				//Accesing the last generated element and appending the modifier
-				element = _global_scope['_selector_blocks_to_generate'][last_element_name]
-				modifier_list = element['modifier_list']
-				modifier_list[name] = _global_scope['_element_modifier_block_stack']
-				element['modifier_list'] = modifier_list
-
-				_global_scope['_selector_blocks_to_generate'][last_element_name] = element
-			else
-				//No
-				_global_scope['_element_modifier_stack'][name] = _global_scope['_element_modifier_block_stack']
-				
-			_global_scope['_element_modifier_block_stack'] = ()
-		else
-			p('wurstwasser')
 		

components/00_Global/_blockAppendix.styl

@@ -1,6 +1,7 @@
 _lanes = {}
 _stacks = {}
 _last_name = {}
+_being_towed = {}
 
 _reset_last_name(block_type=null)
 	if block_type == null
@@ -103,14 +104,14 @@ _pop_lane(block_type=null)
 		return {}
 
 attach(parent_type, suffix, block)
+	_being_towed[_current_block_type()] = true
 	call_stack = _call_stack_till_first(parent_type)
 	if parent_type in call_stack
 		// We are called inside a block
 		_push_onto_stack(block)
 		//Detect if the selector will be generated
 		//by an earlier call of RV-Element
-		_current_block = _current_block_type()
+		if not _current_block_type() in (call_stack)
-		if not _curent_block in (call_stack)
 			block_list = _pop_stack()
 			_put_into_lane(suffix, block_list, parent_type)
 	else
@@ -118,21 +119,28 @@ attach(parent_type, suffix, block)
 		// Is there a block to attach to
 		_last_parent_name = _get_last_name(parent_type)
 		if _last_parent_name != null
-			& .{_last_parent_name}{suffix}
+			&.{_last_parent_name}{suffix}
+				--attach 'blubb'
 				{block}
 
 tow(name, block, block_type=null)
-	if block_type == null
+	if block_type == null	// Determining if we are inside a block or after a block
 		block_type = called-from[0]
 
-	.{name}
+	if not block_type in _being_towed
-		{block}
+		prefix = '.'+name
+		{prefix}
+			{block}
+	else
+		prefix = ''
 
-	if block_type in _lanes
+	{prefix}
-		for suffix, block_list in _pop_lane(block_type)
+		if block_type in _lanes
-			& .{name}{suffix}
+			for suffix, block_list in _pop_lane(block_type)
-				for b in block_list
+				p('name' name 'suffix' suffix)
-					{b}
+				& {name}{suffix}
+					for current_block in block_list
+						{current_block}
 
 	_set_last_name(name, block_type)
 

components/01_Layouts/fan/_fan.styl

@@ -133,6 +133,9 @@ RV-Fan()
 		color black
 		--blubb wasser
 
+		+RV-Element__Modifier('Wurst')
+			--wurst 'wurst'
+
 +RV-Element('Affter')
 	--hasi 'lein'
 

package.json

@@ -7,14 +7,14 @@
         "sass": "^1.30.0",
         "node-sass": "^4.14.1",
         "sass-loader": "^10.0.5",
-		"scss-bundle": "^3.1.2"
+        "scss-bundle": "^3.1.2"
     },
     "scripts": {
         "sass": "sass components/rcss.scss public/rcss.css --watch",
-		"styleguide": "fractal start --sync",
+        "styleguide": "fractal start --sync",
-		"stylus": "stylus -w components/rcss.styl -o public/rcss.css",
+        "stylus": "stylus -w components/rcss.styl -o public/rcss.css",
-		"suite": "npm run sass & npm run styleguide",
+        "suite": "npm run sass & npm run styleguide",
-		"suiteStylus": "npm run stylus & npm run styleguide",
+        "suiteStylus": "npm run stylus & npm run styleguide",
         "bundle": "scss-bundel"
     }
 }

public/rcss.css

@@ -318,32 +318,23 @@
   bottom: 0;
   right: 0;
 }
-.Fan {
+.Fächer {
-  --base-height: 280px;
+  --wurst: yeet;
-  --base-width: 320px;
-  display: flex;
 }
-.Fan.Fan--fullWidth {
+.Fächer  BLubb--Wurst {
-  flex-flow: row wrap;
+  --wurst: 'wurst';
 }
-.Fan.Fan--vertical {
+.Fächer Fächer__BLubb {
-  flex-direction: column;
+  color: #000;
-  width: max-content;
+  --blubb: wasser;
 }
-.Fan.Fan--horizontal {
+.Fächer__Affter {
-  flex-direction: row;
+  --attach: 'blubb';
+  --hasi: 'lein';
 }
-.Fan.Fan--auto {
+.Fächer--Mafter {
-  flex-flow: row wrap;
+  --attach: 'blubb';
-}
+  --blubb: 'bernd';
-.wurst .Fächer {
-  display: flex;
-}
-.wurst .Fächer .wurst .Fächer__Base--wurst {
-  --wurst: wasser;
-}
-.wurst .wurst__Base--wurst {
-  --wurst: wasser;
 }
 .RV-FlexGrid__Container {
   display: grid;