chore: css consolidation + tokens
This commit is contained in:
parent
b3ce317a90
commit
9df10a074f
15 changed files with 67 additions and 65 deletions
|
@ -1,4 +1,7 @@
|
|||
button {
|
||||
appearance: none;
|
||||
border: none;
|
||||
|
||||
&:not(.theme-toggle) {
|
||||
border-radius: var(--rounded-full);
|
||||
padding: var(--sizing-sm) var(--sizing-lg);
|
||||
|
|
|
@ -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;
|
||||
|
||||
|
|
|
@ -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;
|
||||
|
|
|
@ -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,
|
||||
|
|
Reference in a new issue