From 95c90d13a3ff5a45e7c6c1d948b500a6d821b30d Mon Sep 17 00:00:00 2001 From: Cory Dransfeldt Date: Sun, 23 Jun 2024 19:50:03 -0700 Subject: [PATCH] fix: focus behavior --- package-lock.json | 4 ++-- package.json | 2 +- src/assets/styles/components/buttons.css | 9 +++++++-- 3 files changed, 10 insertions(+), 5 deletions(-) diff --git a/package-lock.json b/package-lock.json index 4d292fbb..e289690a 100644 --- a/package-lock.json +++ b/package-lock.json @@ -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", diff --git a/package.json b/package.json index 30c584e2..76028753 100644 --- a/package.json +++ b/package.json @@ -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": { diff --git a/src/assets/styles/components/buttons.css b/src/assets/styles/components/buttons.css index e46a7529..f5f7dfe2 100644 --- a/src/assets/styles/components/buttons.css +++ b/src/assets/styles/components/buttons.css @@ -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);