chore: cleanup

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",

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": {

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

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

src/assets/styles/components/banners.css

@@ -36,28 +36,23 @@
   &.old-post,
   &.rss,
   &.warning {
-    &.error { --border-color: var(--error); }
+    &.error { --banner-accent-color: var(--error); }
-    &.github { --border-color: var(--brand-github); }
+    &.github { --banner-accent-color: var(--brand-github); }
-    &.npm { --border-color: var(--brand-npm); }
+    &.npm { --banner-accent-color: var(--brand-npm); }
-    &.old-post { --border-color: var(--gray-dark); }
+    &.old-post { --banner-accent-color: var(--gray-dark); }
-    &.rss { --border-color: var(--brand-rss); }
+    &.rss { --banner-accent-color: var(--brand-rss); }
-    &.warning { --border-color: var(--warning); }
+    &.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);
+      color: var(--banner-accent-color);
-    }
-
-    & p a:focus,
-    & p a:focus-within {
-      outline: 2px dashed var(--border-color);
     }
 
     & svg {
-      stroke: var(--border-color);
+      stroke: var(--banner-accent-color);
     }
   }
 }

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;

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

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;

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 {

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 {

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

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;

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;