chore(core): add missing color functions imports

telerik · Jan 10, 2025 · b7a6064 · b7a6064
1 parent 95e9fe2
commit b7a6064
Show file tree

Hide file tree

Showing 11 changed files with 35 additions and 23 deletions.
diff --git a/packages/core/scss/components/badge/_theme.scss b/packages/core/scss/components/badge/_theme.scss
@@ -1,5 +1,6 @@
 @use "../../color-system/_swatch-legacy.scss" as *;
 @use "../../functions/index.import.scss" as *;
+@use "../../color-system/_functions.import.scss" as *;
 @use "../../_variables.scss" as *;
 
 @mixin kendo-badge--theme-base() {

diff --git a/packages/core/scss/components/bottom-navigation/_theme.scss b/packages/core/scss/components/bottom-navigation/_theme.scss
@@ -1,6 +1,7 @@
 @use "../../color-system/_swatch-legacy.scss" as *;
 @use "../../mixins/index.import.scss" as *;
 @use "../../functions/index.import.scss" as *;
+@use "../../color-system/_functions.import.scss" as *;
 @use "../../_variables.scss" as *;
 @use "./variables.scss" as *;
 

diff --git a/packages/core/scss/components/calendar/_theme.scss b/packages/core/scss/components/calendar/_theme.scss
@@ -1,5 +1,6 @@
 @use "../../mixins/index.import.scss" as *;
 @use "../../color-system/_swatch-legacy.scss" as *;
+@use "../../color-system/_functions.import.scss" as *;
 @use "../../_variables.scss" as *;
 @use "./variables.scss" as *;
 

diff --git a/packages/core/scss/components/card/_theme.scss b/packages/core/scss/components/card/_theme.scss
@@ -1,6 +1,7 @@
 @use "../../mixins/index.import.scss" as *;
 @use "../../functions/index.import.scss" as *;
 @use "../../color-system/_swatch-legacy.scss" as *;
+@use "../../color-system/_functions.import.scss" as *;
 @use "../../_variables.scss" as *;
 @use "./variables.scss" as *;
 

diff --git a/packages/core/scss/components/chat/_theme.scss b/packages/core/scss/components/chat/_theme.scss
@@ -1,6 +1,7 @@
 @use "../../mixins/index.import.scss" as *;
 @use "../../color-system/_swatch-legacy.scss" as *;
 @use "../../motion/index.import.scss" as *;
+@use "../../color-system/_functions.import.scss" as *;
 @use "../../_variables.scss" as *;
 @use "./variables.scss" as *;
 

diff --git a/packages/core/scss/components/gantt/_theme.scss b/packages/core/scss/components/gantt/_theme.scss
@@ -1,5 +1,6 @@
 @use "../../mixins/index.import.scss" as *;
 @use "../../color-system/_swatch-legacy.scss" as *;
+@use "../../color-system/_functions.import.scss" as *;
 @use "./variables.scss" as *;
 
 @mixin kendo-gantt--theme-base() {

diff --git a/packages/core/scss/components/mediaplayer/_theme.scss b/packages/core/scss/components/mediaplayer/_theme.scss
@@ -1,5 +1,6 @@
 @use "../../mixins/index.import.scss" as *;
 @use "../../_variables.scss" as *;
+@use "../../color-system/_functions.import.scss" as *;
 @use "./variables.scss" as *;
 
 @mixin kendo-media-player--theme-base() {

diff --git a/packages/core/scss/components/messagebox/_theme.scss b/packages/core/scss/components/messagebox/_theme.scss
@@ -2,6 +2,7 @@
 @use "../../functions/index.import.scss" as *;
 @use "../../mixins/index.import.scss" as *;
 @use "../../color-system/_swatch-legacy.scss" as *;
+@use "../../color-system/_functions.import.scss" as *;
 @use "./_variables.scss" as *;
 @use "../../_variables.scss" as *;
 

diff --git a/packages/core/scss/components/progressbar/_theme.scss b/packages/core/scss/components/progressbar/_theme.scss
@@ -1,6 +1,7 @@
 @use "../../mixins/index.import.scss" as *;
 @use "../../functions/index.import.scss" as *;
 @use "../../color-system/_constants.scss" as *;
+@use "../../color-system/_functions.import.scss" as *;
 @use "../../_variables.scss" as *;
 @use "./variables.scss" as *;
 

diff --git a/packages/core/scss/components/tabstrip/_layout.scss b/packages/core/scss/components/tabstrip/_layout.scss
@@ -282,6 +282,10 @@
             .k-item {
                 @include border-top-radius( $kendo-tabstrip-item-border-radius );
                 border-bottom-width: 0;
+
+                .k-link {
+                    justify-content: center;
+                }
             }
             .k-item:active,
             .k-item.k-active {

diff --git a/packages/core/scss/components/toolbar/_layout.scss b/packages/core/scss/components/toolbar/_layout.scss
@@ -45,30 +45,29 @@
         &.k-toolbar-scrollable {
             flex-wrap: nowrap;
             position: relative;
+        }
+
+        &.k-toolbar-scrollable-overlay {
+            &::before,
+            &::after {
+                content: '';
+                height: 100%;
+                aspect-ratio: 1;
+                position: absolute;
+                z-index: 3;
+            }
+
+            &::before {
+                inset-inline-start: 0;
+            }
+
+            &::after {
+                inset-inline-end: 0;
+            }
 
-            &.k-toolbar-scrollable-overlay {
-                &::before {
-                    content: '';
-                    height: 100%;
-                    aspect-ratio: 1;
-                    position: absolute;
-                    inset-inline-start: 0;
-                    z-index: 3;
-                }
-
-                &::after {
-                    content: '';
-                    height: 100%;
-                    aspect-ratio: 1;
-                    position: absolute;
-                    inset-inline-end: 0;
-                    z-index: 3;
-                }
-
-                &.k-toolbar-scrollable-start::before,
-                &.k-toolbar-scrollable-end::after {
-                    display: none;
-                }
+            &.k-toolbar-scrollable-start::before,
+            &.k-toolbar-scrollable-end::after {
+                display: none;
             }
 
         }