New component

components/01_Layouts/_layouts.scss

@@ -1,3 +1,4 @@
 @import 'flexRow/flexRow';
 @import 'flexGrid/flexGrid';
-@import 'contentCrop/contentCrop';
+@import 'contentCrop/contentCrop';
+@import 'fan/fan';

components/01_Layouts/contentCrop/_contentCrop.scss

@@ -1,4 +1,4 @@
-RV-ContentCrop{
+@mixin RV-ContentCrop{
 	&,* {
 		overflow: hidden;
 		word-break: break-all;
@@ -37,5 +37,5 @@ RV-ContentCrop{
 }
 
 .RV-ContentCrop__Container {
-	@extend RV-ContentCrop;
+	@include RV-ContentCrop;
 }

components/01_Layouts/fan/_fan.scss

@@ -0,0 +1,17 @@
+@mixin RV-Fan {
+	&__Container {
+		display: flex;
+
+		&--horizontal {
+			flex-direction: row;
+		}
+
+		&--vertical {
+			flex-direction: column;
+		}
+	}
+}
+
+.RV-Fan {
+	@include RV-Fan;
+}

components/01_Layouts/fan/fan.config.json

@@ -0,0 +1 @@
+{}

components/01_Layouts/fan/fan.hbs

@@ -0,0 +1,8 @@
+<div class="RV-Fan__Container RV-Fan__Container--horizontal">
+	<div class="landscape red RV-Fan__Base"></div>
+	<div class="green RV-Fan__Surface">
+		<p>Some content here</p>
+		<p>More conthent over here</p>
+		<p>And something here</p>
+	</div>
+</div>