diff options
| author | Joe Carstairs <65492573+Sycamost@users.noreply.github.com> | 2023-08-18 20:32:28 +0100 |
|---|---|---|
| committer | Joe Carstairs <65492573+Sycamost@users.noreply.github.com> | 2023-08-18 20:33:50 +0100 |
| commit | e543b0657656dff8edac5bdd0553e792276cc2b4 (patch) | |
| tree | e2cf795c39d813f471f1f650aaa8ce220bd81724 /public/css/variables/colours.css | |
| parent | b58491b5096b6fc3a7f224a8d50b39648fc7660c (diff) | |
Moves CSS variables to /variables folder
Diffstat (limited to 'public/css/variables/colours.css')
| -rw-r--r-- | public/css/variables/colours.css | 28 |
1 files changed, 28 insertions, 0 deletions
diff --git a/public/css/variables/colours.css b/public/css/variables/colours.css new file mode 100644 index 0000000..c045cb3 --- /dev/null +++ b/public/css/variables/colours.css @@ -0,0 +1,28 @@ +@import 'palette-hex.css'; +@import '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); +} + +:is(main, article) { + --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); +} + +:is(main, article) > section:nth-child(even):not(:is(section, header) :is(section, header)) { + --background-color: var(--color-primary-100); +}
\ No newline at end of file |