fix: change default border radius in material theme

telerik · Feb 17, 2022 · 54a6aa9 · 54a6aa9
1 parent f1db475
commit 54a6aa9
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 6 deletions.
diff --git a/packages/material/scss/_variables.scss b/packages/material/scss/_variables.scss
@@ -125,9 +125,10 @@ $padding-x-lg: $padding-x * 1.5 !default;
 $padding-y-lg: $padding-y * 1.5 !default;
 
 /// Border radius for all components.
-$border-radius: 2px !default;
+$border-radius: map-get( $spacing, 1 ) !default;
 $border-radius-sm: $border-radius / 2 !default;
-$border-radius-lg: $border-radius * 2 !default;
+$border-radius-md: $border-radius !default;
+$border-radius-lg: $border-radius * 1.5 !default;
 
 $panel-padding-x: $padding-x !default;
 $panel-padding-y: $padding-y !default;

diff --git a/packages/material/scss/utils/_border.scss b/packages/material/scss/utils/_border.scss
@@ -1,9 +1,9 @@
 $utils-border-radius: (
-    default: map-get( $spacing, 1 ),
+    default: $border-radius-md,
     0: 0,
-    sm: .125rem,
-    md: .25rem,
-    lg: .375rem,
+    sm: $border-radius-sm,
+    md: $border-radius-md,
+    lg: $border-radius-lg,
     full: 9999px
 ) !default;