diff options
| author | Joe Carstairs <65492573+Sycamost@users.noreply.github.com> | 2023-08-18 20:30:49 +0100 |
|---|---|---|
| committer | Joe Carstairs <65492573+Sycamost@users.noreply.github.com> | 2023-08-18 20:30:49 +0100 |
| commit | b58491b5096b6fc3a7f224a8d50b39648fc7660c (patch) | |
| tree | 534bce4146efaf7a0e372acf1e1525fbd98d8d85 /public/main.css | |
| parent | 005e9af621282f086419051c780efa3e9c5bf001 (diff) | |
Pulls out colours
Diffstat (limited to 'public/main.css')
| -rw-r--r-- | public/main.css | 23 |
1 files changed, 2 insertions, 21 deletions
diff --git a/public/main.css b/public/main.css index 7e3ae7b..7edf58b 100644 --- a/public/main.css +++ b/public/main.css @@ -1,17 +1,7 @@ +@import 'css/colours.css'; @import 'css/btn.css'; -@import 'css/palette-hex.css'; -@import 'css/palette-oklch.css' supports(color: oklch(55% 0.15 290)); - -:root { - --text-color: var(--color-primary-50); - --text-highlight-color: var(--color-primary-100); - --background-color: var(--color-primary-800); - --background-highlight-color: var(--color-primary-700); - --special-text-color: var(--color-secondary-200); - --special-text-highlight-color: var(--color-secondary-300); - --special-background-color: var(--color-secondary-900); - --special-background-highlight-color: var(--color-secondary-800); +:root { --max-width-prose-content: 35rem; --max-width-all-content: 56.6rem; /* golden ratio * prose content width */ @@ -49,14 +39,6 @@ container-name: main; container-type: inline-size; - --text-color: var(--color-primary-900); - --text-highlight-color: var(--color-primary-800); - --background-color: var(--color-primary-50); - --background-highlight-color: var(--color-primary-200); - --special-text-color: var(--color-secondary-700); - --special-text-highlight-color: var(--color-secondary-600); - --special-background-color: var(--color-secondary-50); - --special-background-highlight-color: var(--color-secondary-100); color: var(--text-color); background-color: var(--background-color); } @@ -77,7 +59,6 @@ } :is(main, article) > section:nth-child(even):not(:is(section, header) :is(section, header)) { - --background-color: var(--color-primary-100); background-color: var(--background-color); } |