From fe62d86d37fd5e2654bfd5095abc50d9685d8c78 Mon Sep 17 00:00:00 2001
From: lilia <liliakai@gmail.com>
Date: Sat, 9 Apr 2016 00:17:08 -0700
Subject: [PATCH] Move mixins to a separate file

// FREEBIE
---
 stylesheets/_mixins.scss    | 17 +++++++++++++++++
 stylesheets/_variables.scss | 17 -----------------
 stylesheets/manifest.scss   |  3 +++
 3 files changed, 20 insertions(+), 17 deletions(-)
 create mode 100644 stylesheets/_mixins.scss

diff --git a/stylesheets/_mixins.scss b/stylesheets/_mixins.scss
new file mode 100644
index 00000000..59d56cab
--- /dev/null
+++ b/stylesheets/_mixins.scss
@@ -0,0 +1,17 @@
+@mixin color-svg($svg, $color) {
+    -webkit-mask: url($svg) no-repeat center;
+    -webkit-mask-size: 100%;
+    background-color: $color;
+}
+@mixin header-icon-white($svg) {
+  @include color-svg($svg, rgba(255,255,255, 0.8));
+  &:focus, &:hover {
+    @include color-svg($svg, white);
+  }
+}
+@mixin header-icon-black($svg) {
+  @include color-svg($svg, rgba(0,0,0, 0.5));
+  &:focus, &:hover {
+    @include color-svg($svg, black);
+  }
+}
diff --git a/stylesheets/_variables.scss b/stylesheets/_variables.scss
index 875ea687..1e90d295 100644
--- a/stylesheets/_variables.scss
+++ b/stylesheets/_variables.scss
@@ -42,20 +42,3 @@ $big-avatar-min-width: 900px;
 
 $border-radius: 5px;
 
-@mixin color-svg($svg, $color) {
-    -webkit-mask: url($svg) no-repeat center;
-    -webkit-mask-size: 100%;
-    background-color: $color;
-}
-@mixin header-icon-white($svg) {
-  @include color-svg($svg, rgba(255,255,255, 0.8));
-  &:focus, &:hover {
-    @include color-svg($svg, white);
-  }
-}
-@mixin header-icon-black($svg) {
-  @include color-svg($svg, rgba(0,0,0, 0.5));
-  &:focus, &:hover {
-    @include color-svg($svg, black);
-  }
-}
diff --git a/stylesheets/manifest.scss b/stylesheets/manifest.scss
index de4f61f8..74b46567 100644
--- a/stylesheets/manifest.scss
+++ b/stylesheets/manifest.scss
@@ -4,7 +4,10 @@
 
 // Global Settings, Variables, and Mixins
   @import 'variables';
+  @import 'mixins';
   @import 'global';
+
+// Components
   @import 'progress';
 
 // Build the main view