feat: Screwdriver style mixin for Bootstrap buttons (#1082)

screwdriver-cd · Jul 4, 2024 · bcf7f11 · bcf7f11
1 parent 6f694e0
commit bcf7f11
Showing 1 changed file with 23 additions and 0 deletions.
diff --git a/app/styles/screwdriver-button.scss b/app/styles/screwdriver-button.scss
@@ -0,0 +1,23 @@
+@use 'screwdriver-colors' as colors;
+
+@mixin styles {
+  .btn-primary {
+    color: colors.$sd-white;
+    background-color: colors.$sd-running;
+    border-color: colors.$sd-running;
+
+    &:hover {
+      background-color: rgba(colors.$sd-running, 0.75);
+      border-color: transparent;
+    }
+  }
+
+  .btn-outline-primary {
+    color: colors.$sd-running;
+    border-color: colors.$sd-running;
+
+    &:hover {
+      background-color: rgba(colors.$sd-running, 0.1);
+    }
+  }
+}