use bootstrap mixins to try to do better

projectblacklight · Mar 29, 2018 · a9f515e · a9f515e
1 parent 5da8eaf
commit a9f515e
Showing 1 changed file with 17 additions and 30 deletions.
diff --git a/app/assets/stylesheets/blacklight/_icons.scss b/app/assets/stylesheets/blacklight/_icons.scss
@@ -5,38 +5,25 @@
   width: $font-size-base;
 }
 
-.btn-primary {
-  .blacklight-icons g {
-    @include stroke-yiq(theme-color("primary"));
+@each $color, $value in $theme-colors {
+  .btn-#{$color} {
+    .blacklight-icons g {
+      @include stroke-yiq(theme-color($color));
+    }
   }
-}
-
-.btn-light {
-  .blacklight-icons g {
-    @include stroke-yiq(theme-color("light"));
-  }
-}
-
-.btn-info {
-  .blacklight-icons g {
-    @include stroke-yiq(theme-color("info"));
-  }
-}
-
-.btn-success {
-  .blacklight-icons g {
-    @include stroke-yiq(theme-color("success"));
-  }
-}
 
-.btn-warning {
-  .blacklight-icons g {
-    @include stroke-yiq(theme-color("warning"));
-  }
-}
+  .btn-outline-#{$color} {
+    .blacklight-icons g {
+      stroke: $value;
+    }
 
-.btn-danger {
-  .blacklight-icons g {
-    @include stroke-yiq(theme-color("danger"));
+    &.hover,
+    &:hover,
+    &:active,
+    &.active {
+      .blacklight-icons g {
+        @include stroke-yiq(theme-color($color));
+      }
+    }
   }
 }