chore(utils): add flex direction breakpoint classes

zhpenkov · zhpenkov · commit 4e0437e73f51 · 2024-07-19T14:41:54.000+03:00
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);

Original file line number	Diff line number	Diff line change
`@@ -40,3 +40,11 @@`
`40`	`40`
`41`	`41`	`}`
`42`	`42`	`}`
	`43`	`+`
	`44`	`+@mixin kendo-utils--flex-grid--flex-direction--responsive($key) {`
	`45`	`+`
	`46`	`+ // Flex direction responsive utility classes`
	`47`	`+ $kendo-utils-flex-direction: k-map-get( $kendo-utils, "flex-direction" ) !default;`
	`48`	`+ @include generate-utils( flex-#{$key}, flex-direction, $kendo-utils-flex-direction, $important: false );`
	`49`	`+`
	`50`	`+}`
Original file line number	Diff line number	Diff line change
`@@ -52,6 +52,7 @@`
`52`	`52`	`}`
`53`	`53`
`54`	`54`	`@mixin kendo-utils--flex-grid--responsive($key) {`
	`55`	`+ @include kendo-utils--flex-grid--flex-direction--responsive($key);`
`55`	`56`	`@include kendo-utils--flex-grid--gap--responsive($key);`
`56`	`57`	`@include kendo-utils--flex-grid--grid-column-start-end--responsive($key);`
`57`	`58`	`@include kendo-utils--flex-grid--grid-row-start-end--responsive($key);`