ContentCrop for Fan Layout

components/01_Layouts/contentCrop/_contentCrop.styl

@@ -28,7 +28,7 @@ RV-ContentCrop__Text--fade(background-color=white)
 		top -25%
 		width 100%
 		height 25%
-		z-index -10
+		z-index 10
 
 RV-ContentCrop__Text--ellipsis(background-color=white)
 	&:after
@@ -49,7 +49,6 @@ RV-ContentCrop__Text(line-height=1.1, background-color=white)
 		text-overflow ellipsis
 		// Determining the max line count and caclulating the height
 		line-height line-height
-		z-index -20
 		position relative
 		background-color background-color
 		max-height  floor(100% / line-height / 16) * line-height * 16
@@ -130,19 +129,7 @@ RV-ContentCrop__Image()
 		object-fit cover
 		display block
 		
-RV-ContentCrop(line-height=1.1, prefix='&')
-
-	// Heuristic, just to be safe
-	line-height = line-height * 1.1
-	background-color = white
-	display block
-	overflow hidden
-
-	RV-ContentCrop__Image()
-	RV-ContentCrop__Text(line-height)
-
-	RV-ContentCrop__Shapes()
-
+RV-ContentCrop--shorthands()
 	&--left
 		RV-ContentCrop--left()
 
@@ -158,5 +145,20 @@ RV-ContentCrop(line-height=1.1, prefix='&')
 	&--center
 		RV-ContentCrop--center()
 		
+	RV-ContentCrop__Shapes()
+		
+		
+RV-ContentCrop(line-height=1.1, prefix='&')
+	// Heuristic, just to be safe
+	line-height = line-height * 1.1
+	background-color = white
+	display block
+	overflow hidden
+
+	RV-ContentCrop__Image()
+	RV-ContentCrop__Text(line-height)
+
+		
 .RV-ContentCrop
-	RV-ContentCrop()
+	RV-ContentCrop()
+	RV-ContentCrop--shorthands()