Converting Layouts to mixin name based generatort

components/01_Layouts/flexRow/_flexRow.styl

@@ -21,14 +21,6 @@ RV-FlexRow--wrap()
 		flex-direction row
 		flex-wrap wrap
 
-
-/* ##########
- * Item class
-  ########### */
-RV-FlexRow__Item()
-	+RV-Element()
-		flex-grow 3
-
 /*
  * Varios relative width of items to each other
  */
@@ -87,20 +79,12 @@ RV-FlexRow__Item--content()
 		flex-basis max-content
 
 /* ##########
- * Block
+ * Item class
   ########### */
-RV-FlexRow()
-	display flex
-
-+RV-Block('RV-FlexRow')
-	RV-FlexRow()
-	
-	RV-CSSParameter({
-		width: 100px
-	})
-	
+RV-FlexRow__Item()
 	+RV-Element()
-		RV-FlexRow__Item()
+		flex-grow 3
+		
 		RV-FlexRow__Item--narrower()
 		RV-FlexRow__Item--narrow()
 		RV-FlexRow__Item--wide()
@@ -110,8 +94,22 @@ RV-FlexRow()
 		RV-FlexRow__Item--third()
 		RV-FlexRow__Item--quarter()
 		RV-FlexRow__Item--content()
-	
-	RV-FlexRow--breakPoint(--localBreakPoint, --mediaBreakPoint)
-	RV-FlexRow--horizontal()
-	RV-FlexRow--vertical()
-	RV-FlexRow--wrap()
+
+/* ##########
+ * Block
+  ########### */
+RV-FlexRow()
+	+RV-Block()
+		RV-CSSParameter({
+			width: 100px
+		})
+		display flex
+		
+		RV-FlexRow__Item()
+		
+		RV-FlexRow--breakPoint(--localBreakPoint, --mediaBreakPoint)
+		RV-FlexRow--horizontal()
+		RV-FlexRow--vertical()
+		RV-FlexRow--wrap()
+
+RV-FlexRow()