Uses SCSS partials (#64)

1 files changed, 23 insertions, 0 deletions

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};
+}