mirror
/
shoelace
kopia lustrzana https://github.com/shoelace-style/shoelace
1
0
Forkuj 0
Kod Zgłoszenia Packages Projekty Wydania Wiki Aktywność

Expose --focus-ring prop on tab

pull/130/head
Cory LaViska 2020-07-20 16:56:35 -04:00
rodzic 45a38ea66f
commit b45ca1a6d3
2 zmienionych plików z 6 dodań i 3 usunięć
Pokaż statystyki Ściągnij plik aktualizacji Ściągnij plik porównania Expand all files Collapse all files

2
src/components/tab-group/tab-group.scss
Wyświetl plik

@ -22,7 +22,7 @@
// Remove the focus ring when the user isn't interacting with a keyboard // Remove the focus ring when the user isn't interacting with a keyboard
&:not(.focus-visible) ::slotted(sl-tab) { &:not(.focus-visible) ::slotted(sl-tab) {
--focus-ring-box-shadow: none; --focus-ring: none;
} }
} }

7
src/components/tab/tab.scss
Wyświetl plik

@ -1,7 +1,10 @@
@import 'component'; @import 'component';
/**
* @prop --focus-ring: The focus ring's box shadow.
*/
:host { :host {
--focus-ring-box-shadow: var(--sl-focus-ring-box-shadow-inset); --focus-ring: var(--sl-focus-ring-box-shadow-inset);
display: inline-block; display: inline-block;
} }
@ -28,7 +31,7 @@
&:focus:not(.tab--disabled) { &:focus:not(.tab--disabled) {
color: var(--sl-color-primary-50); color: var(--sl-color-primary-50);
box-shadow: var(--focus-ring-box-shadow); box-shadow: var(--focus-ring);
} }
&.tab--active:not(.tab--disabled) { &.tab--active:not(.tab--disabled) {