diff options
| author | Joe Carstairs <65492573+joeacarstairs@users.noreply.github.com> | 2024-02-01 22:30:29 +0000 |
|---|---|---|
| committer | GitHub <noreply@github.com> | 2024-02-01 22:30:29 +0000 |
| commit | d1d7e9c5bdc169149ccf0f5605b73a3921c111c8 (patch) | |
| tree | dc74a32ed9d46fad175b41c6acf79d54b3a81678 /scss | |
| parent | 08a61f7bcbbb140863b0f2c3523929bfe4076d9f (diff) | |
Updates from staging (#79)
* Adds no-breadcrumbs variant of the navbar (#75)
* README: replaces 'Sycamost' with 'joeacarstairs' (#74)
* Design system board (#77)
* Simplifies theme selector syntax
* Adds .dark theming class
* Adds design system page (dev env only)
* Closes the Sangschaw (#78)
* Closes the Sangschaw
* Fixes syntax
---------
Co-authored-by: Joe Carstairs <65492573+Sycamost@users.noreply.github.com>
---------
Co-authored-by: Joe Carstairs <118172583+jcarstairs-scottlogic@users.noreply.github.com>
Co-authored-by: Joe Carstairs <65492573+Sycamost@users.noreply.github.com>
Diffstat (limited to 'scss')
| -rw-r--r-- | scss/base/_theme.scss | 16 | ||||
| -rw-r--r-- | scss/custom-properties/_colours.scss | 20 |
2 files changed, 17 insertions, 19 deletions
diff --git a/scss/base/_theme.scss b/scss/base/_theme.scss index f5d178c..c97c788 100644 --- a/scss/base/_theme.scss +++ b/scss/base/_theme.scss @@ -1,13 +1,11 @@ -:root { +:is( + :root, + .dark, + main, + article, + :is(main, article) > section:not(:is(section, header) :is(section, header)) +) { color: var(--text-color); background-color: var(--background-color); } -:is(main, article) { - color: var(--text-color); - background-color: var(--background-color); -} - -:is(main, article) > section:not(:is(section, header) :is(section, header)) { - background-color: var(--background-color); -}
\ No newline at end of file diff --git a/scss/custom-properties/_colours.scss b/scss/custom-properties/_colours.scss index dadb50e..138a724 100644 --- a/scss/custom-properties/_colours.scss +++ b/scss/custom-properties/_colours.scss @@ -1,14 +1,5 @@ @use '../values/colours' as colours; -:root { - --text-color: #{colours.$primary-98}; - --text-highlight-color: #{colours.$primary-10}; - --background-color: #{colours.$primary-10}; - --background-highlight-color: #{colours.$primary-90}; - --special-text-color: #{colours.$secondary-90}; - --special-text-highlight-color: #{colours.$secondary-10}; -} - :is(main, article) { --text-color: #{colours.$primary-10}; --text-highlight-color: #{colours.$primary-90}; @@ -18,6 +9,15 @@ --special-text-highlight-color: #{colours.$secondary-90}; } -:is(main, article) > section:nth-child(even):not(:is(section, header) :is(section, header)) { +:root, .dark { + --text-color: #{colours.$primary-98}; + --text-highlight-color: #{colours.$primary-10}; + --background-color: #{colours.$primary-10}; + --background-highlight-color: #{colours.$primary-90}; + --special-text-color: #{colours.$secondary-90}; + --special-text-highlight-color: #{colours.$secondary-10}; +} + +:is(main, article) > section:nth-child(even):not(:is(section, header) :is(section, header)):not(.dark *) { --background-color: #{colours.$primary-95}; } |