From 6c273a68e6fe0322b864c9b0356f29de12153ad5 Mon Sep 17 00:00:00 2001 From: Oliver-Akins Date: Mon, 20 Nov 2023 23:08:03 -0700 Subject: [PATCH] Add basic SCSS as an example of how to do it for later --- styles/mixins/sr-only.scss | 5 +++++ styles/root.scss | 9 +++++++++ styles/vars/_colours.scss | 1 + 3 files changed, 15 insertions(+) create mode 100644 styles/mixins/sr-only.scss create mode 100644 styles/root.scss create mode 100644 styles/vars/_colours.scss diff --git a/styles/mixins/sr-only.scss b/styles/mixins/sr-only.scss new file mode 100644 index 0000000..d985af7 --- /dev/null +++ b/styles/mixins/sr-only.scss @@ -0,0 +1,5 @@ +@mixin sr-only { + width: 1px; + height: 1px; + position: absolute; +} \ No newline at end of file diff --git a/styles/root.scss b/styles/root.scss new file mode 100644 index 0000000..dc390df --- /dev/null +++ b/styles/root.scss @@ -0,0 +1,9 @@ +@use "./vars/_colours.scss" as *; +@use "./mixins/sr-only.scss" as *; + +.screenreader { + background-color: $background; + color: $background; + + @include sr-only; +} \ No newline at end of file diff --git a/styles/vars/_colours.scss b/styles/vars/_colours.scss new file mode 100644 index 0000000..bdb4c21 --- /dev/null +++ b/styles/vars/_colours.scss @@ -0,0 +1 @@ +$background: white; \ No newline at end of file