2021-09-01 14:07:43 +00:00
|
|
|
:root {
|
2023-06-04 15:23:18 +00:00
|
|
|
--test-var: #909090;
|
2021-09-02 01:19:30 +00:00
|
|
|
// COLORS
|
2023-10-05 14:18:24 +00:00
|
|
|
--background-color: black;
|
|
|
|
|
--background-color-secondary: #202020;
|
2021-09-16 20:51:09 +00:00
|
|
|
--background-color-tertiary: #ff6e6c;
|
2021-09-02 01:19:30 +00:00
|
|
|
|
2023-10-05 14:18:24 +00:00
|
|
|
--primary: #000;
|
2021-12-07 20:51:53 +00:00
|
|
|
--secondary: #ff6e6c;
|
|
|
|
|
|
|
|
|
|
--text-primary: #1f1135;
|
2021-09-16 20:51:09 +00:00
|
|
|
--text-secondary: #ffffff;
|
2021-12-07 20:51:53 +00:00
|
|
|
--text-tertiary: #301e4e;
|
2021-09-02 01:19:30 +00:00
|
|
|
|
2021-12-07 20:51:53 +00:00
|
|
|
--link-color: #301e4e;
|
2021-09-02 01:19:30 +00:00
|
|
|
|
|
|
|
|
--tag-color: #301e4e;
|
|
|
|
|
|
|
|
|
|
--button-color: #ff636c;
|
|
|
|
|
|
|
|
|
|
// SPACING
|
2021-12-08 01:51:09 +00:00
|
|
|
--ratio: 1.2;
|
2021-09-01 14:07:43 +00:00
|
|
|
--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));
|
2021-09-16 20:51:09 +00:00
|
|
|
|
|
|
|
|
--max-width: 1000px;
|
2021-12-03 02:32:32 +00:00
|
|
|
|
2021-09-02 01:19:30 +00:00
|
|
|
}
|
