chore(utils): add flex direction breakpoint classes

telerik · Jul 19, 2024 · 4e0437e · 4e0437e
1 parent f18311c
commit 4e0437e
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 0 deletions.
diff --git a/packages/utils/scss/flex-grid/_flex-direction.scss b/packages/utils/scss/flex-grid/_flex-direction.scss
@@ -40,3 +40,11 @@
 
     }
 }
+
+@mixin kendo-utils--flex-grid--flex-direction--responsive($key) {
+
+    // Flex direction responsive utility classes
+    $kendo-utils-flex-direction: k-map-get( $kendo-utils, "flex-direction" ) !default;
+    @include generate-utils( flex-#{$key}, flex-direction, $kendo-utils-flex-direction, $important: false );
+
+}
diff --git a/packages/utils/scss/flex-grid/index.import.scss b/packages/utils/scss/flex-grid/index.import.scss
@@ -52,6 +52,7 @@
 }
 
 @mixin kendo-utils--flex-grid--responsive($key) {
+    @include kendo-utils--flex-grid--flex-direction--responsive($key);
     @include kendo-utils--flex-grid--gap--responsive($key);
     @include kendo-utils--flex-grid--grid-column-start-end--responsive($key);
     @include kendo-utils--flex-grid--grid-row-start-end--responsive($key);