Skip to content

Commit 2894d79

Browse files
committed
Add focus styles
1 parent 4849638 commit 2894d79

File tree

1 file changed

+9
-0
lines changed

1 file changed

+9
-0
lines changed

packages/block-library/src/social-link/editor.scss

Lines changed: 9 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -20,6 +20,15 @@
2020

2121
// This rule is duplicated from the style.scss and needs to be the same as there.
2222
padding: 0.25em;
23+
24+
// Focus styles replicate the `@wordpress/components` button component.
25+
&:focus:not(:disabled) {
26+
border-radius: 2px;
27+
box-shadow: 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color);
28+
29+
// Windows High Contrast mode will show this outline, but not the box-shadow.
30+
outline: 3px solid transparent;
31+
}
2332
}
2433

2534
.wp-block-social-links.is-style-pill-shape .wp-social-link button {

0 commit comments

Comments
 (0)