cdransf/coryd.dev-eleventy
Archived
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

fix: focus behavior

Browse source
This commit is contained in:
Cory Dransfeldt 2024-06-23 19:50:03 -07:00
parent 5204abbc3b
commit 95c90d13a3
No known key found for this signature in database
3 changed files with 10 additions and 5 deletions
Download patch file Download diff file Expand all files Collapse all files

9
src/assets/styles/components/buttons.css
View file

@ -27,14 +27,19 @@ button {
transition-duration: var(--transition-duration-default);
}
&:not(.active):focus,
&:not(.active):focus-within {
&:not(.theme-toggle, .active):focus,
&:not(.theme-toggle, .active):focus-within {
transition-property: none;
outline: 2px dashed var(--accent-color);
padding: calc(var(--sizing-sm) + 2px) calc(var(--sizing-lg) + 2px);
border: 0;
}
&.theme-toggle:focus,
&.theme-toggle:focus-within {
outline: 2px dashed var(--accent-color);
}
&.small {
font-size: var(--font-size-sm);
line-height: var(--line-height-sm);