34 lines
883 B
CSS
34 lines
883 B
CSS
:root {
|
|
--font-size: 18px;
|
|
--font-family-headings: 'Sour Gummy', sans-serif;
|
|
--font-family-copy: 'Poppins', serif;
|
|
--text-line-height: 1.5;
|
|
|
|
--page-spacing: 1em;
|
|
|
|
--container-spacing-top-safe: max(1rem, env(safe-area-inset-top));
|
|
--container-spacing-right-safe: max(1rem, env(safe-area-inset-right));
|
|
--container-spacing-bottom-safe: max(1rem, env(safe-area-inset-bottom));
|
|
--container-spacing-left-safe: max(1rem, env(safe-area-inset-left));
|
|
|
|
--border-thin: 0.0625em;
|
|
--border-radius: 0.75em;
|
|
|
|
--textblock-padding: 0 var(--container-spacing-right-safe) 0 var(--container-spacing-left-safe);
|
|
|
|
--refimage-max-width: 50rem;
|
|
|
|
--transition-color: color 0.5s, background-color 0.5s;
|
|
|
|
@media (min-height: 64em) {
|
|
--page-spacing: 3em;
|
|
}
|
|
|
|
@media (min-width: 80em) {
|
|
--font-size: 20px;
|
|
}
|
|
|
|
@media (min-width: 120em) {
|
|
--font-size: 24px;
|
|
}
|
|
}
|