From 9a43b1c17f095fa0ec42e2b42c8f8f8dec3d9d02 Mon Sep 17 00:00:00 2001
From: Oliver-Akins <Tyler.Akins1999@gmail.com>
Date: Fri, 17 Dec 2021 01:44:34 -0600
Subject: [PATCH] Add mixins for the size breakpoints

---
 web-svelte/src/styles/mixins.scss | 23 +++++++++++++++++++++++
 1 file changed, 23 insertions(+)
 create mode 100644 web-svelte/src/styles/mixins.scss

diff --git a/web-svelte/src/styles/mixins.scss b/web-svelte/src/styles/mixins.scss
new file mode 100644
index 0000000..c36180b
--- /dev/null
+++ b/web-svelte/src/styles/mixins.scss
@@ -0,0 +1,23 @@
+@mixin small {
+	@media (min-width: 576px) {
+		@content;
+	}
+}
+
+@mixin medium {
+	@media (min-width: 768px) {
+		@content;
+	}
+}
+
+@mixin large {
+	@media (min-width: 992px) {
+		@content;
+	}
+}
+
+@mixin x-large {
+	@media (min-width: 1200px) {
+		@content;
+	}
+}
\ No newline at end of file