Relativ CSS Class Names

2020-08-21 17:20:29 +02:00
parent 232c869d43
commit 066de9a052
4 changed files with 65 additions and 68 deletions
--- a/components/01_Layouts/flexGrid/_flexGrid.scss
+++ b/components/01_Layouts/flexGrid/_flexGrid.scss
@@ -1,20 +1,22 @@
-RV-FlexGrid{
-	display: grid;
-	grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
+@mixin RV-FlexGrid {
+	&__Container {
+		display: grid;
+		grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));

-	&--sameHeight {
-		grid-auto-rows: 1fr;
+		&--sameHeight {
+			grid-auto-rows: 1fr;
+		}
+
+		&--spacing {
+			gap: 10px;
+		}
 	}

-	&--spacing {
-		gap: 10px;
+	&__Item {
+		@include align-content;
 	}
 }

-.RV-FlexGrid__Container {
-	@extend RV-FlexGrid;
-
-	.RV-FlexGrid__Item {
-		@include align-content;
-	}
-} 
+.RV-FlexGrid{
+	@include RV-FlexGrid;
+}