From 0cb6960f0c65c0d791ccdee2f5bc2e2b910cfb76 Mon Sep 17 00:00:00 2001 From: Joe Carstairs <118172583+jcarstairs-scottlogic@users.noreply.github.com> Date: Fri, 19 Jan 2024 09:16:42 +0000 Subject: Uses SCSS partials (#64) --- scss/custom-properties/_colours.scss | 23 +++++++++++++++++++++++ 1 file changed, 23 insertions(+) create mode 100644 scss/custom-properties/_colours.scss (limited to 'scss/custom-properties/_colours.scss') diff --git a/scss/custom-properties/_colours.scss b/scss/custom-properties/_colours.scss new file mode 100644 index 0000000..dadb50e --- /dev/null +++ b/scss/custom-properties/_colours.scss @@ -0,0 +1,23 @@ +@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}; + --background-color: #{colours.$primary-98}; + --background-highlight-color: #{colours.$primary-10}; + --special-text-color: #{colours.$secondary-40}; + --special-text-highlight-color: #{colours.$secondary-90}; +} + +:is(main, article) > section:nth-child(even):not(:is(section, header) :is(section, header)) { + --background-color: #{colours.$primary-95}; +} -- cgit v1.2.3