diff --git a/package-lock.json b/package-lock.json index 4c08cdb5..982add37 100644 --- a/package-lock.json +++ b/package-lock.json @@ -1,12 +1,12 @@ { "name": "coryd.dev", - "version": "24.17.0", + "version": "24.18.0", "lockfileVersion": 3, "requires": true, "packages": { "": { "name": "coryd.dev", - "version": "24.17.0", + "version": "24.18.0", "license": "MIT", "dependencies": { "@cdransf/api-text": "^1.5.0", diff --git a/package.json b/package.json index 6bfa8e29..a91e1fa7 100644 --- a/package.json +++ b/package.json @@ -1,6 +1,6 @@ { "name": "coryd.dev", - "version": "24.17.0", + "version": "24.18.0", "description": "The source for my personal site. Built using 11ty (and other tools).", "type": "module", "scripts": { diff --git a/src/assets/styles/base/index.css b/src/assets/styles/base/index.css index e8a8b560..0c98022c 100644 --- a/src/assets/styles/base/index.css +++ b/src/assets/styles/base/index.css @@ -3,8 +3,6 @@ body { color: var(--text-color); background: var(--background-color); font-family: var(--font-mono); - scrollbar-width: thin; - scrollbar-color: var(--accent-color) var(--gray-light); } html { @@ -27,25 +25,6 @@ body { background: var(--accent-color); } -::-webkit-scrollbar-track { - background-color: var(--gray-light); -} - -::-webkit-scrollbar-thumb { - background: var(--accent-color); - border-radius: var(--border-radius-full); -} - -::-webkit-scrollbar-button { - background-color: var(--accent-color); -} - -::-webkit-scrollbar, -body::-webkit-scrollbar { - width: var(--sizing-md); - height: var(--sizing-md); -} - p { margin: var(--margin-vertical-base-horizontal-zero); overflow: visible; @@ -79,7 +58,6 @@ p { & a { text-decoration: underline; - text-decoration-style: dashed; text-underline-offset: var(--spacing-xs); } } @@ -172,26 +150,6 @@ a { stroke: var(--accent-color-hover); } -a:focus, -a:focus-within -a:has(svg):focus svg, -a:has(svg):focus-within svg { - outline: var(--outline-default); - border-radius: var(--border-radius-slight); - text-decoration: none; -} - -a.icon-link:focus, -a.icon-link:focus-within { - outline: var(--outline-default); - border-radius: var(--border-radius-slight); - text-decoration: none; - - & svg { - outline: none; - } -} - a:hover, a:focus, a:active, @@ -549,5 +507,4 @@ ul, ol { border-radius: var(--border-radius-slight); height: auto; width: 100%; - display: block; } \ No newline at end of file diff --git a/src/assets/styles/components/badge-grid.css b/src/assets/styles/components/badge-grid.css index aa3c972c..2dccaebd 100644 --- a/src/assets/styles/components/badge-grid.css +++ b/src/assets/styles/components/badge-grid.css @@ -12,15 +12,6 @@ justify-content: center; } - & a { - outline: none; - - &:focus img, - &:focus-within img { - outline: var(--outline-default); - } - } - & img { image-rendering: pixelated; } diff --git a/src/assets/styles/components/banners.css b/src/assets/styles/components/banners.css index f8328a9f..920c0c2f 100644 --- a/src/assets/styles/components/banners.css +++ b/src/assets/styles/components/banners.css @@ -36,28 +36,23 @@ &.old-post, &.rss, &.warning { - &.error { --border-color: var(--error); } - &.github { --border-color: var(--brand-github); } - &.npm { --border-color: var(--brand-npm); } - &.old-post { --border-color: var(--gray-dark); } - &.rss { --border-color: var(--brand-rss); } - &.warning { --border-color: var(--warning); } + &.error { --banner-accent-color: var(--error); } + &.github { --banner-accent-color: var(--brand-github); } + &.npm { --banner-accent-color: var(--brand-npm); } + &.old-post { --banner-accent-color: var(--gray-dark); } + &.rss { --banner-accent-color: var(--brand-rss); } + &.warning { --banner-accent-color: var(--warning); } - border-color: var(--border-color); + border-color: var(--banner-accent-color); & p a:hover, & p a:active, & p a:focus { - color: var(--border-color); - } - - & p a:focus, - & p a:focus-within { - outline: 2px dashed var(--border-color); + color: var(--banner-accent-color); } & svg { - stroke: var(--border-color); + stroke: var(--banner-accent-color); } } } \ No newline at end of file diff --git a/src/assets/styles/components/buttons.css b/src/assets/styles/components/buttons.css index 0bdec78f..13ef5e54 100644 --- a/src/assets/styles/components/buttons.css +++ b/src/assets/styles/components/buttons.css @@ -35,20 +35,6 @@ button, transition-duration: var(--transition-duration-default); } - &:not(.theme-toggle, .active):focus, - &:not(.theme-toggle, .active):focus-within { - transition-property: none; - outline: var(--outline-default); - padding: calc(var(--spacing-xs) + 2px) calc(var(--spacing-md) + 2px); - border: 0; - } - - &.theme-toggle:focus, - &.theme-toggle:focus-within { - outline: var(--outline-default); - border-radius: var(--border-radius-slight); - } - &.secondary { color: var(--accent-color); background: transparent; diff --git a/src/assets/styles/components/forms.css b/src/assets/styles/components/forms.css index 9622555d..ba49133e 100644 --- a/src/assets/styles/components/forms.css +++ b/src/assets/styles/components/forms.css @@ -33,16 +33,6 @@ textarea:focus-within { padding: calc(var(--spacing-sm) + 1px); } -input:focus, -input:focus-within, -textarea:focus, -textarea:focus-within, -select:focus, -select:focus-within { - border: 0; - outline: var(--outline-default); -} - select { color: var(--text-color); border: var(--border-gray); diff --git a/src/assets/styles/components/media-grid.css b/src/assets/styles/components/media-grid.css index fe8208de..33a69364 100644 --- a/src/assets/styles/components/media-grid.css +++ b/src/assets/styles/components/media-grid.css @@ -75,12 +75,6 @@ border-color: var(--accent-color-hover) } - & a:focus .item::after, - & a:focus-within .item::after { - border: 0; - outline: var(--outline-default); - } - & .meta-text { position: absolute; z-index: 2; diff --git a/src/assets/styles/components/menu.css b/src/assets/styles/components/menu.css index 7a1fb72a..4de554e4 100644 --- a/src/assets/styles/components/menu.css +++ b/src/assets/styles/components/menu.css @@ -29,19 +29,12 @@ menu { & .menu-button-container { display: none; - outline: none; margin-left: var(--spacing-md); & svg { cursor: pointer; } - &:focus, - &:focus-within { - outline: var(--outline-default); - border-radius: var(--border-radius-slight); - } - &:hover svg, &:focus svg, &:focus-within svg, @@ -125,17 +118,6 @@ menu { & .active { font-size: var(--font-size-lg); } - - &:focus a, - &:focus-within a { - outline: none; - } - - &:focus, - &:focus-within { - border-top: var(--outline-default); - border-bottom: var(--outline-default); - } } .menu-button-container { diff --git a/src/assets/styles/components/modal.css b/src/assets/styles/components/modal.css index 06d8b35c..185a3867 100644 --- a/src/assets/styles/components/modal.css +++ b/src/assets/styles/components/modal.css @@ -51,22 +51,10 @@ display: inline-flex; vertical-align: middle; - &:active svg, - &:focus svg, - &:focus-within svg { - outline: var(--outline-default); - border-radius: var(--border-radius-slight); - } - & svg { cursor: pointer; stroke: var(--accent-color); - &:focus { - outline: var(--outline-default); - border-radius: var(--border-radius-slight); - } - &:hover, &:focus, &:active { diff --git a/src/assets/styles/components/music-chart.css b/src/assets/styles/components/music-chart.css index 3115775f..88638466 100644 --- a/src/assets/styles/components/music-chart.css +++ b/src/assets/styles/components/music-chart.css @@ -43,12 +43,6 @@ display: flex; } - & a:focus img, - & a:focus-within img { - outline: var(----outline-default); - border: 0; - } - & img { border: var(--border-default); border-radius: var(--border-radius-slight); diff --git a/src/assets/styles/components/tab-buttons.css b/src/assets/styles/components/tab-buttons.css index 6506591c..f7be347d 100644 --- a/src/assets/styles/components/tab-buttons.css +++ b/src/assets/styles/components/tab-buttons.css @@ -27,15 +27,6 @@ input[id="tracks-recent"] ~ [for="tracks-recent"]:has(+ [for="tracks-window"]) { background: transparent; } -#tracks-recent:not(:checked) ~ [for="tracks-recent"]:focus, -#tracks-recent:not(:checked) ~ [for="tracks-recent"]:focus-within, -#tracks-window:not(:checked) ~ [for="tracks-window"]:focus, -#tracks-window:not(:checked) ~ [for="tracks-window"]:focus-within { - transition-property: none; - outline: var(--outline-default); - border: 0; -} - #tracks-recent:checked ~ [for="tracks-recent"], #tracks-window:checked ~ [for="tracks-window"] { cursor: not-allowed; diff --git a/src/assets/styles/pages/watching.css b/src/assets/styles/pages/watching.css index 97a6991a..0633e7f1 100644 --- a/src/assets/styles/pages/watching.css +++ b/src/assets/styles/pages/watching.css @@ -1,9 +1,3 @@ -a:focus > .watching.hero::after, -a:focus-within > .watching.hero::after { - border: 0; - outline: var(--outline-default); -} - a:hover > .watching.hero::after, a:active > .watching.hero::after { border-color: var(--accent-color-hover); @@ -93,12 +87,6 @@ a:active > .watching.hero::after { border-color: var(--accent-color-hover) } - & a:focus .item::after, - & a:focus-within .item::after { - border: 0; - outline: var(--outline-default); - } - & div { position: relative;