Converting Stylus to BEM-Generator and adding Boxshadows

components/02_Styles/spacing/_spacing.styl

@@ -1,54 +1,46 @@
 RV-Spacing__Outer--small()
-	margin spacing-small
+	+RV-Element__Modifier('small')
+		margin spacing-small
+		--outer-spacing spacing-small
 
 RV-Spacing__Outer--medium()
-	margin spacing-medium
+	+RV-Element__Modifier('medium')
+		margin spacing-medium
+		--outer-spacing spacing-medium
 
 RV-Spacing__Outer--large()
-	margin spacing-large
-
+	+RV-Element__Modifier('large')
+		margin spacing-large
+		--outer-spacing spacing-large
 
 RV-Spacing__Inner--small()
-	padding spacing-small
-	gap spacing-small
-	column-gap spacing-small
-	
-	RV-Utils__Hook--catch('masonry_grid', spacing-small)
+	+RV-Element__Modifier('small')
+		padding spacing-small
+		gap spacing-small
+		column-gap spacing-small		
+		--inner-spacing spacing-small
 
 RV-Spacing__Inner--medium()
-	padding spacing-medium
-	gap spacing-medium
-	column-gap spacing-medium
-	
-	RV-Utils__Hook--catch('masonry_grid', spacing-medium)
+	+RV-Element__Modifier('medium')
+		padding spacing-medium
+		gap spacing-medium
+		column-gap spacing-medium		
+		--inner-spacing spacing-medium
 
 RV-Spacing__Inner--large()
-	padding spacing-large
-	gap spacing-large
-	column-gap spacing-large
+	+RV-Element__Modifier('large')
+		padding spacing-large
+		gap spacing-large
+		column-gap spacing-large
+		--inner-spacing spacing-large
 
-	RV-Utils__Hook--catch('masonry_grid', spacing-large)
++RV-Block('RV-Spacing')
+	+RV-Element('Outer')
+		RV-Spacing__Outer--small()
+		RV-Spacing__Outer--medium()
+		RV-Spacing__Outer--large()
 
-RV-Spacing(prefix='&')
-	{prefix}__Outer
-		&--small
-			RV-Spacing__Outer--small()
-
-		&--medium
-			RV-Spacing__Outer--medium()
-
-		&--large
-			RV-Spacing__Outer--large()
-
-	{prefix}__Inner 
-		&--small
-			RV-Spacing__Inner--small()
-
-		&--medium
-			RV-Spacing__Inner--medium()
-
-		&--large
-			RV-Spacing__Inner--large()
-			
-.RV-Spacing
-	RV-Spacing()
+	+RV-Element('Inner')
+		RV-Spacing__Inner--small()
+		RV-Spacing__Inner--medium()
+		RV-Spacing__Inner--large()