@spark-hire/bootstrap-themes 0.7.14 → 0.7.15

package/html/light.html

@@ -948,7 +948,13 @@
             <div class="bs-component">
               <div class="alert alert-dismissible alert-danger">
                 <button type="button" class="close" data-dismiss="alert">&times;</button>
-                <strong>Oh snap!</strong> <a href="#" class="alert-link">Change a few things up</a> and try submitting again.
+                <strong>
+                  <svg id="glyphicons-basic" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" class="mr-1" width="20">
+                    <path id="circle-info" d="M16,4A12,12,0,1,0,28,16,12.01312,12.01312,0,0,0,16,4Zm2.42529,10.91565L16.6,21h1.25958a.5.5,0,0,1,.48505.62134l-.25,1A.50007.50007,0,0,1,17.60962,23H14a1.40763,1.40763,0,0,1-1.42529-1.91565L14.4,15h-.75958a.5.5,0,0,1-.48505-.62134l.25-1A.49994.49994,0,0,1,13.89038,13H17A1.40763,1.40763,0,0,1,18.42529,14.91565Zm.14435-3.33337A.5.5,0,0,1,18.07642,12H15.59021a.5.5,0,0,1-.49316-.58228l.33331-2A.5.5,0,0,1,15.92358,9h2.48621a.5.5,0,0,1,.49316.58228Z"/>
+                  </svg>
+                  Oh snap!
+                </strong> 
+                <a href="#" class="alert-link">Change a few things up</a> and try submitting again.
               </div>
             </div>
           </div>

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@spark-hire/bootstrap-themes",
-  "version": "0.7.14",
+  "version": "0.7.15",
   "description": "Custom Bootstrap 4 Themes",
   "repository": {
     "type": "git",

package/scss/alert.scss

@@ -3,3 +3,12 @@
     @include transition($btn-transition);
   }
 }
+
+@each $color,
+$value in $theme-colors {
+  .alert.alert-#{$color} {
+    svg {
+      fill: theme-color-level($color, 6);
+    }
+  }
+}