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
Show stats Download patch file Download diff file Expand all files Collapse all files

4
package-lock.json generated
View file

@ -1,12 +1,12 @@
{ {
"name": "coryd.dev", "name": "coryd.dev",
"version": "19.5.31", "version": "19.5.32",
"lockfileVersion": 3, "lockfileVersion": 3,
"requires": true, "requires": true,
"packages": { "packages": {
"": { "": {
"name": "coryd.dev", "name": "coryd.dev",
"version": "19.5.31", "version": "19.5.32",
"license": "MIT", "license": "MIT",
"dependencies": { "dependencies": {
"@cdransf/api-text": "^1.4.0", "@cdransf/api-text": "^1.4.0",

2
package.json
View file

@ -1,6 +1,6 @@
{ {
"name": "coryd.dev", "name": "coryd.dev",
"version": "19.5.31", "version": "19.5.32",
"description": "The source for my personal site. Built using 11ty.", "description": "The source for my personal site. Built using 11ty.",
"type": "module", "type": "module",
"scripts": { "scripts": {

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

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