diff --git a/src/styles/global/_colors.scss b/src/styles/global/_variables.scss
similarity index 86%
rename from src/styles/global/_colors.scss
rename to src/styles/global/_variables.scss
index d19e2208..592160e3 100644
--- a/src/styles/global/_colors.scss
+++ b/src/styles/global/_variables.scss
@@ -29,3 +29,15 @@ $bordercolor: #ccc;
 $actioncolor1: rgb(132,184,25);
 $actioncolor2: rgb(0,149,52);
 
+//rgba(0,0,0,.4)
+//rgba(0,0,0,.3)
+//rgba(0,0,0,.2)
+//#ccc
+//#222
+//#db4f39
+//#84b819
+
+$breakpoint-small: 480px;
+$breakpoint-medium: 700px;
+$breakpoint-large: 1280px;
+
diff --git a/src/styles/main.scss b/src/styles/main.scss
index 688ab7f4..a310e18d 100644
--- a/src/styles/main.scss
+++ b/src/styles/main.scss
@@ -23,7 +23,8 @@
 
 @import "libs/libs";
 
-@import "global/colors";
+@import "global/variables";
+@import "global/mixins";
 
 @import "global/base";
 @import "global/angular";