Add mixins for the size breakpoints

2021-12-17 01:44:34 -06:00 · 2021-12-17 01:44:34 -06:00 · 9a43b1c17f
commit 9a43b1c17f
parent cef8234b85
1 changed files with 23 additions and 0 deletions
--- a/web-svelte/src/styles/mixins.scss
+++ 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;
+	}
+}