matcha-core 1.0.0 → 1.0.1

package/core.scss

@@ -562,10 +562,10 @@ $grid-prefix: "col";
             $infix: if($media-size == null, "", "-#{$breakpoint}");
 
             @each $class-suffix, $value in (
-                row: (flex-direction: row),
-                row-reverse: (flex-direction: row-reverse),
-                column: (flex-direction: column),
-                column-reverse: (flex-direction: column-reverse),
+                row: (display:flex, flex-direction: row),
+                row-reverse: (display:flex, flex-direction: row-reverse),
+                column: (display:flex, flex-direction: column),
+                column-reverse: (display:flex, flex-direction: column-reverse),
 
                 nowrap: (flex-wrap: nowrap),
                 wrap: (flex-wrap: wrap),

package/matcha-core.css

@@ -53169,34 +53169,42 @@
 }
 
 .flex-row {
+	display: flex;
 	flex-direction: row;
 }
 
 .flex-row--force {
+	display: flex !important;
 	flex-direction: row !important;
 }
 
 .flex-row-reverse {
+	display: flex;
 	flex-direction: row-reverse;
 }
 
 .flex-row-reverse--force {
+	display: flex !important;
 	flex-direction: row-reverse !important;
 }
 
 .flex-column {
+	display: flex;
 	flex-direction: column;
 }
 
 .flex-column--force {
+	display: flex !important;
 	flex-direction: column !important;
 }
 
 .flex-column-reverse {
+	display: flex;
 	flex-direction: column-reverse;
 }
 
 .flex-column-reverse--force {
+	display: flex !important;
 	flex-direction: column-reverse !important;
 }
 
@@ -53412,34 +53420,42 @@
 
 @media screen and (min-width: 600px) {
 	.flex-sm-row {
+		display: flex;
 		flex-direction: row;
 	}
 
 	.flex-sm-row--force {
+		display: flex !important;
 		flex-direction: row !important;
 	}
 
 	.flex-sm-row-reverse {
+		display: flex;
 		flex-direction: row-reverse;
 	}
 
 	.flex-sm-row-reverse--force {
+		display: flex !important;
 		flex-direction: row-reverse !important;
 	}
 
 	.flex-sm-column {
+		display: flex;
 		flex-direction: column;
 	}
 
 	.flex-sm-column--force {
+		display: flex !important;
 		flex-direction: column !important;
 	}
 
 	.flex-sm-column-reverse {
+		display: flex;
 		flex-direction: column-reverse;
 	}
 
 	.flex-sm-column-reverse--force {
+		display: flex !important;
 		flex-direction: column-reverse !important;
 	}
 
@@ -53656,34 +53672,42 @@
 
 @media screen and (min-width: 1024px) {
 	.flex-md-row {
+		display: flex;
 		flex-direction: row;
 	}
 
 	.flex-md-row--force {
+		display: flex !important;
 		flex-direction: row !important;
 	}
 
 	.flex-md-row-reverse {
+		display: flex;
 		flex-direction: row-reverse;
 	}
 
 	.flex-md-row-reverse--force {
+		display: flex !important;
 		flex-direction: row-reverse !important;
 	}
 
 	.flex-md-column {
+		display: flex;
 		flex-direction: column;
 	}
 
 	.flex-md-column--force {
+		display: flex !important;
 		flex-direction: column !important;
 	}
 
 	.flex-md-column-reverse {
+		display: flex;
 		flex-direction: column-reverse;
 	}
 
 	.flex-md-column-reverse--force {
+		display: flex !important;
 		flex-direction: column-reverse !important;
 	}
 
@@ -53900,34 +53924,42 @@
 
 @media screen and (min-width: 1440px) {
 	.flex-lg-row {
+		display: flex;
 		flex-direction: row;
 	}
 
 	.flex-lg-row--force {
+		display: flex !important;
 		flex-direction: row !important;
 	}
 
 	.flex-lg-row-reverse {
+		display: flex;
 		flex-direction: row-reverse;
 	}
 
 	.flex-lg-row-reverse--force {
+		display: flex !important;
 		flex-direction: row-reverse !important;
 	}
 
 	.flex-lg-column {
+		display: flex;
 		flex-direction: column;
 	}
 
 	.flex-lg-column--force {
+		display: flex !important;
 		flex-direction: column !important;
 	}
 
 	.flex-lg-column-reverse {
+		display: flex;
 		flex-direction: column-reverse;
 	}
 
 	.flex-lg-column-reverse--force {
+		display: flex !important;
 		flex-direction: column-reverse !important;
 	}
 
@@ -54144,34 +54176,42 @@
 
 @media screen and (min-width: 1920px) {
 	.flex-xl-row {
+		display: flex;
 		flex-direction: row;
 	}
 
 	.flex-xl-row--force {
+		display: flex !important;
 		flex-direction: row !important;
 	}
 
 	.flex-xl-row-reverse {
+		display: flex;
 		flex-direction: row-reverse;
 	}
 
 	.flex-xl-row-reverse--force {
+		display: flex !important;
 		flex-direction: row-reverse !important;
 	}
 
 	.flex-xl-column {
+		display: flex;
 		flex-direction: column;
 	}
 
 	.flex-xl-column--force {
+		display: flex !important;
 		flex-direction: column !important;
 	}
 
 	.flex-xl-column-reverse {
+		display: flex;
 		flex-direction: column-reverse;
 	}
 
 	.flex-xl-column-reverse--force {
+		display: flex !important;
 		flex-direction: column-reverse !important;
 	}