generated from inherentlee/11ty
I won't even try to chunk this up
This commit is contained in:
@@ -0,0 +1,58 @@
|
||||
.color {
|
||||
--color-bg-light-2025: #f0f0f0;
|
||||
--color-text-light-2025: #640054;
|
||||
--color-header-light-2025: #185370;
|
||||
--color-warn-light-2025: #fbcc0a;
|
||||
|
||||
--color-bg-dark-2025: #1f1f1f;
|
||||
--color-text-dark-2025: #91c73b;
|
||||
--color-header-dark-2025: #ff9b37;
|
||||
--color-warn-dark-2025: #540033;
|
||||
|
||||
border-radius: .5rem;
|
||||
padding: .5rem;
|
||||
text-align: center;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
@media (prefers-color-scheme: light) {
|
||||
.color {
|
||||
border: .1rem solid var(--color-bg-dark);
|
||||
}
|
||||
}
|
||||
|
||||
@media (prefers-color-scheme: dark) {
|
||||
.color {
|
||||
border: .1rem solid var(--color-bg-light);
|
||||
}
|
||||
}
|
||||
|
||||
#bg-light-2025,
|
||||
#warn-light-2025 {
|
||||
color: var(--color-text-light-2025);
|
||||
}
|
||||
|
||||
#text-light-2025,
|
||||
#header-light-2025 {
|
||||
color: var(--color-bg-light-2025);
|
||||
}
|
||||
|
||||
#bg-dark-2025,
|
||||
#warn-dark-2025 {
|
||||
color: var(--color-text-dark-2025);
|
||||
}
|
||||
|
||||
#text-dark-2025,
|
||||
#header-dark-2025 {
|
||||
color: var(--color-bg-dark-2025);
|
||||
}
|
||||
|
||||
#bg-light-2025 { background-color: var(--color-bg-light-2025); }
|
||||
#text-light-2025 { background-color: var(--color-text-light-2025); }
|
||||
#header-light-2025 { background-color: var(--color-header-light-2025); }
|
||||
#warn-light-2025 { background-color: var(--color-warn-light-2025); }
|
||||
|
||||
#bg-dark-2025 { background-color: var(--color-bg-dark-2025); }
|
||||
#text-dark-2025 { background-color: var(--color-text-dark-2025); }
|
||||
#header-dark-2025 { background-color: var(--color-header-dark-2025); }
|
||||
#warn-dark-2025 { background-color: var(--color-warn-dark-2025); }
|
||||
Reference in New Issue
Block a user