feat(utils): add border color utility classnames

telerik · Feb 15, 2021 · 2568bd2 · 2568bd2
1 parent 69ac5c7
commit 2568bd2
Showing 1 changed file with 13 additions and 2 deletions.
diff --git a/packages/default/scss/utils/_border.scss b/packages/default/scss/utils/_border.scss
@@ -1,6 +1,8 @@
 @include exports( "utils/border" ) {
 
     // Border utility classes
+    // sass-lint:disable-block no-important
+
     $utils-border-sides: (
         "border",
         "border-top",
@@ -14,7 +16,9 @@
         1: 1px
     ) !default;
 
-    // sass-lint:disable no-important
+    $utils-border-color: $theme-colors !default;
+
+
     @if $utils-border-sides and $utils-border-width {
         @each $side in $utils-border-sides {
 
@@ -29,6 +33,13 @@
             }
         }
     }
-    // sass-lint:enable no-important
+
+    @if $utils-border-color {
+        @each $name, $color in $utils-border-color {
+            .k-border-#{$name} {
+                border-color: $color !important;
+            }
+        }
+    }
 
 }