diff --git a/.changeset/orange-camels-heal.md b/.changeset/orange-camels-heal.md new file mode 100644 index 00000000..6a82f602 --- /dev/null +++ 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 index a5ee1577..8638eee8 100644 --- 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 {