From d250ff859f7fcf3f20769c06fdcd3551e153bbfd Mon Sep 17 00:00:00 2001
From: matt <matt@fiddaman.net>
Date: Tue, 25 Jan 2022 20:08:35 +0000
Subject: [PATCH] Added sass helper functions and mixins

---
 src/stylesheets/abstracts/_functions.scss |  5 +++++
 src/stylesheets/abstracts/_mixins.scss    | 14 ++++++++++++++
 src/stylesheets/abstracts/_variables.scss | 12 ++++++++++++
 src/stylesheets/main.scss                 |  1 +
 4 files changed, 32 insertions(+)
 create mode 100644 src/stylesheets/abstracts/_functions.scss

diff --git a/src/stylesheets/abstracts/_functions.scss b/src/stylesheets/abstracts/_functions.scss
new file mode 100644
index 0000000..526f643
--- /dev/null
+++ b/src/stylesheets/abstracts/_functions.scss
@@ -0,0 +1,5 @@
+@use 'sass:color';
+
+@function darken-colour($colour, $amount: 15) {
+	@return color.scale($colour, $lightness: $amount * -1%);
+}
diff --git a/src/stylesheets/abstracts/_mixins.scss b/src/stylesheets/abstracts/_mixins.scss
index 9f7f657..2082ce4 100644
--- a/src/stylesheets/abstracts/_mixins.scss
+++ b/src/stylesheets/abstracts/_mixins.scss
@@ -15,3 +15,17 @@
 	}
 }
 
+@mixin respond-to($breakpoint) {
+	$value: map-get($breakpoints, $breakpoint);
+
+	@if $value != null {
+		@media (min-width: $value) {
+			@content;
+		}
+	}
+
+	@else {
+		@warn 'No value could be retrieved from `#{$breakpoint}`. '
+		+ 'Please make sure it is defined in `$breakpoints` map.';
+	}
+}
diff --git a/src/stylesheets/abstracts/_variables.scss b/src/stylesheets/abstracts/_variables.scss
index 22c19b2..bf5ab91 100644
--- a/src/stylesheets/abstracts/_variables.scss
+++ b/src/stylesheets/abstracts/_variables.scss
@@ -3,3 +3,15 @@ $text-font-stack: 'Roboto', 'Arial', sans-serif !default;
 
 // Colours
 $text-colour: rgb(34, 34, 34) !default;
+$primary-colour:  #d71433;
+$secondary-colour:  #46b43d;
+
+$primary-colour-dark: darken-colour($primary-colour);
+$secondary-colour-dark: darken-colour($secondary-colour);
+
+// Breakpoints
+$breakpoints: (
+	'small'  : 767px,
+	'medium' : 992px,
+	'large'  : 1200px
+);
diff --git a/src/stylesheets/main.scss b/src/stylesheets/main.scss
index 09e2847..b24d65f 100644
--- a/src/stylesheets/main.scss
+++ b/src/stylesheets/main.scss
@@ -1,3 +1,4 @@
+@import 'abstracts/functions';
 @import 'abstracts/variables';
 @import 'abstracts/mixins';