chore: cleanup
This commit is contained in:
parent
54cc4bdc01
commit
ae03a77a67
13 changed files with 12 additions and 156 deletions
4
package-lock.json
generated
4
package-lock.json
generated
|
@ -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",
|
||||
|
|
|
@ -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": {
|
||||
|
|
|
@ -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;
|
||||
}
|
|
@ -12,15 +12,6 @@
|
|||
justify-content: center;
|
||||
}
|
||||
|
||||
& a {
|
||||
outline: none;
|
||||
|
||||
&:focus img,
|
||||
&:focus-within img {
|
||||
outline: var(--outline-default);
|
||||
}
|
||||
}
|
||||
|
||||
& img {
|
||||
image-rendering: pixelated;
|
||||
}
|
||||
|
|
|
@ -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);
|
||||
}
|
||||
}
|
||||
}
|
|
@ -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;
|
||||
|
|
|
@ -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);
|
||||
|
|
|
@ -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;
|
||||
|
|
|
@ -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 {
|
||||
|
|
|
@ -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 {
|
||||
|
|
|
@ -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);
|
||||
|
|
|
@ -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;
|
||||
|
|
|
@ -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;
|
||||
|
||||
|
|
Reference in a new issue