Adapting Layouts to the new bem generator

components/01_Layouts/contentCrop/_contentCrop.styl

@@ -1,30 +1,30 @@
 RV-ContentCrop--bottom()
-	+RV-Block__Modifier--name('bottom')
+	+RV-Block--modifier()
 		.RV-Image *
 			object-position bottom 
 		
 RV-ContentCrop--top()
-	+RV-Block__Modifier--name('top')
+	+RV-Block--modifier()
 		.RV-Image *
 			object-position top
 
 RV-ContentCrop--right()
-	+RV-Block__Modifier--name('right')
+	+RV-Block--modifier()
 		.RV-Image *
 			object-position right
 
 RV-ContentCrop--left()
-	+RV-Block__Modifier--name('left')
+	+RV-Block--modifier()
 		.RV-Image *
 			object-position left
 			
 RV-ContentCrop--center()
-	+RV-Block__Modifier--name('center')
+	+RV-Block--modifier()
 		.RV-Image *
 			object-position center
 
 RV-ContentCrop--square()
-	+RV-Block__Modifier--name('square')
+	+RV-Block--modifier()
 		width 100%
 		padding-top 100%
 		position relative
@@ -38,7 +38,7 @@ RV-ContentCrop--square()
 			right 0
 		
 RV-ContentCrop--circle()
-	+RV-Block__Modifier--name('circle')
+	+RV-Block--modifier()
 		border-radius 50%
 		width 100%
 		padding-top 100%
@@ -58,7 +58,7 @@ RV-ContentCrop--XtoY(x=1, y=1)
 		y: y
 	})
 	
-	+RV-Block__Modifier--name('XtoY')
+	+RV-Block--modifier()
 		width 100%
 		padding-top 100% * (--y / --x)
 		position relative
@@ -72,27 +72,27 @@ RV-ContentCrop--XtoY(x=1, y=1)
 			right 0
 
 RV-ContentCrop--1to2()
-	+RV-Block__Modifier--name('1to2')
+	+RV-Block--modifier()
 		RV-ContentCrop__XtoY(1, 2)
 
 RV-ContentCrop--2to1()
-	+RV-Block__Modifier--name('2to1')
+	+RV-Block--modifier()
 		RV-ContentCrop__XtoY(2, 1)
 
 RV-ContentCrop--4to3()
-	+RV-Block__Modifier--name('4to3')
+	+RV-Block--modifier()
 		RV-ContentCrop__XtoY(4, 3)
 
 RV-ContentCrop--16to9()
-	+RV-Block__Modifier--name('16to9')
+	+RV-Block--modifier()
 		RV-ContentCrop__XtoY(16, 9)
 
 RV-ContentCrop--3to2()
-	+RV-Block__Modifier--name('3to2')
+	+RV-Block--modifier()
 		RV-ContentCrop__XtoY(3, 2)
 
 RV-ContentCrop__Text--fade(background-color=white)
-	+RV-Element__Modifier--name('fade')
+	+RV-Element--modifier()
 		&:after
 			background-image linear-gradient(180deg, rgba(255, 255, 255, 0), background-color)
 			display block
@@ -106,7 +106,7 @@ RV-ContentCrop__Text--fade(background-color=white)
 			z-index 10
 
 RV-ContentCrop__Text--ellipsis(background-color=white)
-	+RV-Element__Modifier--name('ellipsis')
+	+RV-Element--modifier()
 		&:after
 			position relative
 			display block
@@ -159,50 +159,21 @@ RV-ContentCrop(line-height=1.1, height=350px)
 	
 	RV-ContentCrop(line-height, height)
 	
-	+RV-Element()
-		RV-ContentCrop__Image()
+	RV-ContentCrop__Image()
 	
-	+RV-Element()
-		RV-ContentCrop__Text(line-height)
-		
-		+RV-Element__Modifier()
-			RV-ContentCrop__Text--ellipsis()
-			
-		+RV-Element__Modifier()
-			RV-ContentCrop__Text--fade()
+	+RV-Element('Text')
+		RV-ContentCrop__Text--ellipsis()
+		RV-ContentCrop__Text--fade()
 	
-	+RV-Block__Modifier()
-		RV-ContentCrop--bottom()
-		
-	+RV-Block__Modifier()
-		RV-ContentCrop--top()
-	
-	+RV-Block__Modifier()
-		RV-ContentCrop--right()
-	
-	+RV-Block__Modifier()
-		RV-ContentCrop--left()
-	
-	+RV-Block__Modifier()
-		RV-ContentCrop--center()
-	
-	+RV-Block__Modifier()
-		RV-ContentCrop--square()
-		
-	+RV-Block__Modifier()
-		RV-ContentCrop--circle()
-		
-	+RV-Block__Modifier()
-		RV-ContentCrop--1to2()
-		
-	+RV-Block__Modifier()
-		RV-ContentCrop--2to1()
-		
-	+RV-Block__Modifier()
-		RV-ContentCrop--4to3()
-		
-	+RV-Block__Modifier()
-		RV-ContentCrop--16to9()
-		
-	+RV-Block__Modifier()
-		RV-ContentCrop--3to2()
+	RV-ContentCrop--bottom()
+	RV-ContentCrop--top()
+	RV-ContentCrop--right()
+	RV-ContentCrop--left()
+	RV-ContentCrop--center()
+	RV-ContentCrop--square()
+	RV-ContentCrop--circle()
+	RV-ContentCrop--1to2()
+	RV-ContentCrop--2to1()
+	RV-ContentCrop--4to3()
+	RV-ContentCrop--16to9()
+	RV-ContentCrop--3to2()