From bf1aa929c1810cc898a049478b38730b114a83b8 Mon Sep 17 00:00:00 2001
From: Sebin Nyshkim <sebin.nyshkim@icloud.com>
Date: Fri, 28 Jan 2022 23:34:08 +0100
Subject: [PATCH] feat: add light/dark mode media query mixin

---
 src/scss/_mixins.scss | 24 +++++++++++++++++-------
 1 file changed, 17 insertions(+), 7 deletions(-)

diff --git a/src/scss/_mixins.scss b/src/scss/_mixins.scss
index fe9750a..0f0ab56 100644
--- a/src/scss/_mixins.scss
+++ b/src/scss/_mixins.scss
@@ -1,20 +1,30 @@
 @mixin mq-bigscreen() {
-  @media (min-width: 125em)  {
-    @content
+  @media (min-width: 125em) {
+    @content;
   }
-};
+}
 
 @mixin mq-desktop() {
   @media (min-width: 50em) {
-    @content
+    @content;
   }
-};
+}
 
 @mixin mq-mobile() {
   @media (max-width: 35em) {
-    @content
+    @content;
   }
-};
+}
+
+@mixin theme($theme) {
+  @media (prefers-color-scheme: $theme) {
+    @content;
+  }
+}
+
+@mixin radial-background($primary, $secondary) {
+  background: radial-gradient(circle at top left, $primary 5%, $secondary 100%) fixed no-repeat;
+}
 
 @mixin button($btn-color, $darken: 10%) {
   box-shadow: 0 0.5em 0 0 darken($btn-color, $darken);