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/flexRow/_flexRow.scss
+++ b/components/01_Layouts/flexRow/_flexRow.scss
@@ -1,22 +1,21 @@
-RV-FlexRow {
-	display: flex;
-	flex-direction: row;
-	gap: 10px;
-	justify-content: space-around;
+@mixin RV-FlexRow {
+	&__Container {
+		display: flex;
+		flex-direction: row;
+		gap: 10px;
+		justify-content: space-around;

-	&--wrap {
-		flex-wrap: wrap;
+		&--wrap {
+			flex-wrap: wrap;
+		}
 	}

-	* {
+	&__Item {
 		width: 100%;
+		@include align-content;
 	}
 }

-.RV-FlexRow__Container {
-	@extend RV-FlexRow;
-
-	.RV-FlexRow__Item {
-		@include align-content;
-	}
+.RV-FlexRow{
+	@include RV-FlexRow;
 }