From 190475dbad9018aaff5a121b6a681a26112dbc97 Mon Sep 17 00:00:00 2001
From: Jimmy Cai <jimmehcai@gmail.com>
Date: Wed, 9 Sep 2020 16:03:09 +0200
Subject: [PATCH] refactor(scss): create breakpoints.scss

---
 assets/scss/breakpoints.scss | 4 ++++
 assets/scss/style.scss       | 2 ++
 assets/scss/variables.scss   | 5 -----
 3 files changed, 6 insertions(+), 5 deletions(-)
 create mode 100644 assets/scss/breakpoints.scss

diff --git a/assets/scss/breakpoints.scss b/assets/scss/breakpoints.scss
new file mode 100644
index 0000000..e97b3e5
--- /dev/null
+++ b/assets/scss/breakpoints.scss
@@ -0,0 +1,4 @@
+$on-phone: 812px;
+$on-tablet: 1024px;
+$on-desktop: 1519px;
+$on-desktop-large: 1920px;
\ No newline at end of file
diff --git a/assets/scss/style.scss b/assets/scss/style.scss
index 7aea03b..7fee808 100644
--- a/assets/scss/style.scss
+++ b/assets/scss/style.scss
@@ -1,3 +1,5 @@
+@import "breakpoints.scss";
+
 @import "variables.scss";
 @import "helper/shadow.scss";
 
diff --git a/assets/scss/variables.scss b/assets/scss/variables.scss
index 2f20ecc..10e9707 100644
--- a/assets/scss/variables.scss
+++ b/assets/scss/variables.scss
@@ -1,11 +1,6 @@
 $defaultTagBackgrounds: #8ea885, #df7988, #0177b8, #ffb900, #6b69d6;
 $defaultTagColors: #fff, #fff, #fff, #fff, #fff;
 
-$on-phone: 812px;
-$on-tablet: 1024px;
-$on-desktop: 1519px;
-$on-desktop-large: 1920px;
-
 /*
 *   CSS Variables
 */