diff --git a/.changeset/slow-bobcats-sleep.md b/.changeset/slow-bobcats-sleep.md new file mode 100644 index 0000000000..f61f7e54a9 --- /dev/null +++ b/.changeset/slow-bobcats-sleep.md @@ -0,0 +1,5 @@ +--- +"@primer/css": patch +--- + +Adding focus outline to the invisible buttons `.btn-invisible` and `.close-button`. diff --git a/src/buttons/misc.scss b/src/buttons/misc.scss index 342b4dec7e..7506fb584e 100644 --- a/src/buttons/misc.scss +++ b/src/buttons/misc.scss @@ -49,8 +49,9 @@ &.zeroclipboard-is-active { color: var(--color-text-link); background: none; + border-color: var(--color-btn-active-border); outline: none; - box-shadow: none; + box-shadow: var(--color-btn-focus-shadow); } &:disabled, @@ -107,8 +108,12 @@ color: var(--color-text-primary); } - &:active { + &:active, + &:focus { color: var(--color-text-tertiary); + border-color: var(--color-btn-active-border); + outline: none; + box-shadow: var(--color-btn-focus-shadow); } }