From 05b23653c742be39ff204dca437c852c0c93f99a Mon Sep 17 00:00:00 2001
From: reverend <reverend@reverend2048.de>
Date: Wed, 10 Mar 2021 01:03:42 +0100
Subject: [PATCH] Adapting flexgrid

---
 components/01_Layouts/flexGrid/flexGrid.hbs | 40 ++++++---------------
 1 file changed, 10 insertions(+), 30 deletions(-)

diff --git a/components/01_Layouts/flexGrid/flexGrid.hbs b/components/01_Layouts/flexGrid/flexGrid.hbs
index 6436a71..7b4d443 100644
--- a/components/01_Layouts/flexGrid/flexGrid.hbs
+++ b/components/01_Layouts/flexGrid/flexGrid.hbs
@@ -30,53 +30,33 @@
 
 <div class="RV-FlexGrid RV-FlexGrid{{modifier}} RV-Spacing__Inner--medium">
 	<div class="RV-FlexGrid__Item RV-BoxShadow RV-BoxShadow--{{item-shadow}} RV-Spacing__Inner--medium">
-		<div class="RV-ContentCrop">
-			<img class="RV-Image" src="{{path '/images/square.jpeg'}}"/>
-		</div>
+		<img class="RV-Image RV-FocalPoint" src="{{path '/images/square.jpeg'}}"/>
 	</div>
 	<div class="RV-FlexGrid__Item RV-BoxShadow RV-BoxShadow--{{item-shadow}} RV-Spacing__Inner--medium">
-		<div class="RV-ContentCrop">
-			<img class="RV-Image" src="{{path '/images/portrait.jpeg'}}"/>
-		</div>
+		<img class="RV-Image RV-FocalPoint RV-FocalPoint--upperHalf" src="{{path '/images/portrait.jpeg'}}"/>
 	</div>
 	<div class="RV-FlexGrid__Item RV-BoxShadow RV-BoxShadow--{{item-shadow}} RV-Spacing__Inner--medium">
-		<div class="RV-ContentCrop">
-			<img class="RV-Image" src="{{path '/images/portrait.jpeg'}}"/>
-		</div>
+		<img class="RV-Image RV-FocalPoint RV-FocalPoint--lowerHalf" src="{{path '/images/portrait.jpeg'}}"/>
 	</div>
 	<div class="RV-FlexGrid__Item RV-BoxShadow RV-BoxShadow--{{item-shadow}} RV-Spacing__Inner--medium">
-		<div class="RV-ContentCrop">
-			<img class="RV-Image" src="{{path '/images/landscape.jpeg'}}"/>
-		</div>
+		<img class="RV-Image RV-FocalPoint RV-FocalPoint--leftHalf" src="{{path '/images/landscape.jpeg'}}"/>
 	</div>
 	<div class="RV-FlexGrid__Item RV-BoxShadow RV-BoxShadow--{{item-shadow}} RV-Spacing__Inner--medium">
-		<div class="RV-ContentCrop">
-			<img class="RV-Image" src="{{path '/images/square.jpeg'}}"/>
-		</div>
+		<img class="RV-Image RV-FocalPoint RV-FocalPoint--rightHalf" src="{{path '/images/square.jpeg'}}"/>
 	</div>
 	<div class="RV-FlexGrid__Item RV-BoxShadow RV-BoxShadow--{{item-shadow}} RV-Spacing__Inner--medium">
-		<div class="RV-ContentCrop">
-			<img class="RV-Image" src="{{path '/images/landscape.jpeg'}}"/>
-		</div>
+		<img class="RV-Image RV-FocalPoint" src="{{path '/images/landscape.jpeg'}}"/>
 	</div>
 	<div class="RV-FlexGrid__Item RV-BoxShadow RV-BoxShadow--{{item-shadow}} RV-Spacing__Inner--medium">
-		<div class="RV-ContentCrop">
-			<img class="RV-Image" src="{{path '/images/landscape.jpeg'}}"/>
-		</div>
+		<img class="RV-Image RV-FocalPoint" src="{{path '/images/landscape.jpeg'}}"/>
 	</div>
 	<div class="RV-FlexGrid__Item RV-BoxShadow RV-BoxShadow--{{item-shadow}} RV-Spacing__Inner--medium">
-		<div class="RV-ContentCrop">
-			<img class="RV-Image" src="{{path '/images/portrait.jpeg'}}"/>
-		</div>
+		<img class="RV-Image RV-FocalPoint" src="{{path '/images/portrait.jpeg'}}"/>
 	</div>
 	<div class="RV-FlexGrid__Item RV-BoxShadow RV-BoxShadow--{{item-shadow}} RV-Spacing__Inner--medium">
-		<div class="RV-ContentCrop">
-			<img class="RV-Image" src="{{path '/images/square.jpeg'}}"/>
-		</div>
+		<img class="RV-Image RV-FocalPoint" src="{{path '/images/square.jpeg'}}"/>
 	</div>
 	<div class="RV-FlexGrid__Item RV-BoxShadow RV-BoxShadow--{{item-shadow}} RV-Spacing__Inner--medium">
-		<div class="RV-ContentCrop">
-			<img class="RV-Image" src="{{path '/images/portrait.jpeg'}}"/>
-		</div>
+		<img class="RV-Imag RV-FocalPoint" src="{{path '/images/portrait.jpeg'}}"/>
 	</div>									
 </div>
\ No newline at end of file