From ced2b2d22a8bc62e44a4f1070083773f7ce17912 Mon Sep 17 00:00:00 2001
From: reverend <reverend@reverend2048.de>
Date: Sun, 23 Aug 2020 11:38:45 +0200
Subject: [PATCH] All Rows same height

---
 components/01_Layouts/flexGrid/_flexGrid.scss | 22 +++++++++++++++----
 1 file changed, 18 insertions(+), 4 deletions(-)

diff --git a/components/01_Layouts/flexGrid/_flexGrid.scss b/components/01_Layouts/flexGrid/_flexGrid.scss
index 6b4d0dd..fe4c8e7 100644
--- a/components/01_Layouts/flexGrid/_flexGrid.scss
+++ b/components/01_Layouts/flexGrid/_flexGrid.scss
@@ -1,10 +1,24 @@
-@mixin RV-FlexGrid {
+@mixin RV-FlexGrid--sameHeight($-inline: false) {
+	@if $-inline {
+		grid-auto-rows: 1fr;
+	}
+	
+	@if not $-inline {
+		&__Container {
+			grid-auto-rows: 1fr;
+		}
+	}
+}
+
+@mixin RV-FlexGrid($item_width: 300px, $item_height: 300px) {
 	&__Container {
 		display: grid;
-		grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
+		grid-template-columns: repeat(auto-fill, minmax($item_width, 1fr));
+		grid-template-rows: repeat(auto-fill, $item_height);
+		grid-auto-rows: $item_height;
 
 		&--sameHeight {
-			grid-auto-rows: 1fr;
+			@include RV-FlexGrid--sameHeight(true);	
 		}
 
 		&--spacing {
@@ -13,7 +27,7 @@
 	}
 
 	&__Item {
-		@include align-content;
+		@include RV-AlignContent;
 	}
 }