chore: css consolidation + tokens

This commit is contained in:
Cory Dransfeldt 2024-06-30 20:30:41 -07:00
parent b3ce317a90
commit 9df10a074f
No known key found for this signature in database
15 changed files with 67 additions and 65 deletions

View file

@ -1,4 +1,7 @@
button {
appearance: none;
border: none;
&:not(.theme-toggle) {
border-radius: var(--rounded-full);
padding: var(--sizing-sm) var(--sizing-lg);

View file

@ -10,7 +10,7 @@ textarea {
font-family: var(--font-mono);
color: var(--text-color);
background-color: var(--background-color);
border: 1px solid var(--accent-color);
border: var(--border-default);
padding: var(--sizing-sm);
font-size: var(--font-size-base);
width: 100%;
@ -29,6 +29,12 @@ textarea:focus-within {
padding: calc(var(--sizing-sm) + 1px);
}
select {
color: var(--text-color);
background-color: var(--background-color);
padding: var(--sizing-xs) var(--sizing-sm);
}
.search__form {
margin-top: 0;

View file

@ -89,7 +89,7 @@
}
& img {
border: 1px solid var(--accent-color);
border: var(--border-default);
transition-property: border-color;
transition-timing-function: var(--transition-ease-in-out);
transition-duration: 300ms;

View file

@ -26,7 +26,7 @@
}
& img {
border: 1px solid var(--accent-color);
border: var(--border-default);
width: calc(var(--sizing-3xl) * 1.5);
height: calc(var(--sizing-3xl) * 1.5);
}
@ -58,6 +58,14 @@
& .title {
font-weight: var(--font-weight-bold);
line-height: 1.5;
&:focus-within {
outline: var(--outline);
}
& a {
outline: 0;
}
}
& .title,