Marketing: Add disabled states for buttons (and tweak hover) (#1768)

* Add disabled styles * Make sure links aren't decorated * Create orange-camels-heal.md * Stylelint auto-fixes Co-authored-by: Actions Auto Build <actions@github.com>
primer · Dec 6, 2021 · 4abb1af · 4abb1af
1 parent 8e9ba62
commit 4abb1af
Show file tree

Hide file tree

Showing 2 changed files with 13 additions and 0 deletions.
diff --git a/.changeset/orange-camels-heal.md b/.changeset/orange-camels-heal.md
@@ -0,0 +1,5 @@
+---
+"@primer/css": patch
+---
+
+Marketing: Add disabled states for buttons (and tweak hover)
diff --git a/src/marketing/buttons/button.scss b/src/marketing/buttons/button.scss
@@ -38,6 +38,7 @@
   }
 
   &:hover {
+    text-decoration: none;
     box-shadow: var(--color-mktg-btn-shadow-hover) !important;
   }
 
@@ -68,6 +69,13 @@
       opacity: 0.5 !important;
     }
   }
+
+  &.disabled,
+  &[disabled] {
+    pointer-events: none;
+    cursor: default;
+    opacity: 0.5;
+  }
 }
 
 .btn-muted-mktg {