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",
"version": "19.5.31",
"version": "19.5.32",
"lockfileVersion": 3,
"requires": true,
"packages": {
"": {
"name": "coryd.dev",
"version": "19.5.31",
"version": "19.5.32",
"license": "MIT",
"dependencies": {
"@cdransf/api-text": "^1.4.0",

2
package.json
View file

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

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);