fix(utils): use different border-radius for different themes

telerik · Oct 18, 2021 · c3991c7 · c3991c7
1 parent 92814c7
commit c3991c7
Show file tree

Hide file tree

Showing 4 changed files with 35 additions and 0 deletions.
diff --git a/packages/bootstrap/scss/utils/_border.scss b/packages/bootstrap/scss/utils/_border.scss
@@ -1 +1,11 @@
+$utils-border-radius: (
+    default: map-get( $spacing, 1 ),
+    0: 0,
+    sm: .2rem,
+    md: .25rem,
+    lg: .3rem,
+    circle: 50%,
+    pill: 9999px
+) !default;
+
 @import "~@progress/kendo-theme-default/scss/utils/_border.scss";
diff --git a/packages/classic/scss/utils/_border.scss b/packages/classic/scss/utils/_border.scss
@@ -1 +1,11 @@
+$utils-border-radius: (
+    default: map-get( $spacing, 1 ),
+    0: 0,
+    sm: map-get( $spacing, 1) / 2,
+    md: map-get( $spacing, 1),
+    lg: map-get( $spacing, 1) * 1.5,
+    circle: 50%,
+    pill: 9999px
+) !default;
+
 @import "~@progress/kendo-theme-default/scss/utils/_border.scss";
diff --git a/packages/default/scss/utils/_border.scss b/packages/default/scss/utils/_border.scss
@@ -93,6 +93,11 @@
                 $_selector-suffix: if( $radius == default, "", "-#{$radius}" );
 
                 .k-#{$_selector-base}#{$_selector-suffix} {
+                    @each $prop in $props {
+                        #{$prop}: $value;
+                    }
+                }
+                .\!k-#{$_selector-base}#{$_selector-suffix} {
                     @each $prop in $props {
                         #{$prop}: $value !important;
                     }

diff --git a/packages/material/scss/utils/_border.scss b/packages/material/scss/utils/_border.scss
@@ -1 +1,11 @@
+$utils-border-radius: (
+    default: map-get( $spacing, 1 ),
+    0: 0,
+    sm: .125rem,
+    md: .25rem,
+    lg: .375rem,
+    circle: 50%,
+    pill: 9999px
+) !default;
+
 @import "~@progress/kendo-theme-default/scss/utils/_border.scss";