From 97cc2f3c319f25a343be1a9296e694e6c5cd2d6b Mon Sep 17 00:00:00 2001
From: Seifeldin Mahjoub <seifsayed@gmail.com>
Date: Wed, 26 Aug 2020 00:35:42 +0200
Subject: [PATCH] chore: use color mixin in badges

---
 src/components/_badges.scss | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/src/components/_badges.scss b/src/components/_badges.scss
index 18725a0..f735355 100644
--- a/src/components/_badges.scss
+++ b/src/components/_badges.scss
@@ -2,7 +2,8 @@
   @include border-style();
   @include color('color', 'primary-text');
   @include color('background-color', 'muted');
-  border: 2px solid $primary;
+  @include color('border-color', 'primary');
+  border: 2px solid;
   border-color: transparent;
   display: inline-block;
   font-size: 75%;
@@ -16,6 +17,6 @@
 
 @each $colorName, $color in $colors {
   .badge.#{$colorName} {
-    background-color: $color;
+    @include color('background-color', #{$colorName});
   }
 }