2021-03-28 21:39:22 -04:00
|
|
|
/*==========*/
|
|
|
|
|
/* The Vars */
|
|
|
|
|
/*==========*/
|
|
|
|
|
|
|
|
|
|
:root {
|
|
|
|
|
--space: 0.5em;
|
|
|
|
|
--positioning: absolute;
|
|
|
|
|
--border-thin: 0.5ch;
|
|
|
|
|
--measure: 60ch;
|
|
|
|
|
--ratio: 1.5;
|
|
|
|
|
--s-5: calc(var(--s-4) / var(--ratio));
|
|
|
|
|
--s-4: calc(var(--s-3) / var(--ratio));
|
|
|
|
|
--s-3: calc(var(--s-2) / var(--ratio));
|
|
|
|
|
--s-2: calc(var(--s-1) / var(--ratio));
|
|
|
|
|
--s-1: calc(var(--s0) / var(--ratio));
|
|
|
|
|
--s0: 1rem;
|
|
|
|
|
--s1: calc(var(--s0) * var(--ratio));
|
|
|
|
|
--s2: calc(var(--s1) * var(--ratio));
|
|
|
|
|
--s3: calc(var(--s2) * var(--ratio));
|
|
|
|
|
--s4: calc(var(--s3) * var(--ratio));
|
|
|
|
|
--s5: calc(var(--s4) * var(--ratio));
|
|
|
|
|
--font-size-base: var(--s0);
|
|
|
|
|
--font-size-biggish: var(--s1);
|
|
|
|
|
--font-size-big: var(--s2);
|
2021-03-28 22:42:42 -04:00
|
|
|
--font-size-bigger: var(--s3);
|
2021-03-28 21:39:22 -04:00
|
|
|
}
|
