From 42f3a60817f99712e229db35551f51c44eccf0d1 Mon Sep 17 00:00:00 2001
From: Henrik Hautakoski <henrik.hautakoski@gmail.com>
Date: Mon, 2 Dec 2019 23:58:20 +0100
Subject: [PATCH] app/assets/sass/components/_badge.scss: adding contextual
 colors.

---
 app/assets/sass/components/_badge.scss | 28 ++++++++++++++++++++++++++
 1 file changed, 28 insertions(+)

diff --git a/app/assets/sass/components/_badge.scss b/app/assets/sass/components/_badge.scss
index 46107e7..2ef9993 100644
--- a/app/assets/sass/components/_badge.scss
+++ b/app/assets/sass/components/_badge.scss
@@ -11,8 +11,36 @@
         display: none;
     }
 
+    //    Contextual colors
+    // ----------------------------------
+
+    &-default {
+        color: white;
+        background-color: $gray;
+    }
+
     &-primary {
         color: white;
         background-color: $brand-color;
     }
+
+    &-info {
+        color: white;
+        background-color: $brand-info;
+    }
+
+    &-success {
+        color: white;
+        background-color: $brand-success;
+    }
+
+    &-warning {
+        color: black;
+        background-color: $brand-warning;
+    }
+
+    &-danger {
+        color: white;
+        background-color: $brand-danger;
+    }
 }