Cleaned up shared styles

src/styles/_utility.scss

@@ -0,0 +1,6 @@
+@mixin drag-cursor {
+    cursor : -webkit-grab;
+    cursor : -moz-grab;
+    cursor : -o-grab;
+    cursor : grab;
+}

src/styles/_vars.scss

@@ -1,3 +1,4 @@
+// Colors
 $color-gray: #a5a2a2;
 $color-red: #dd2020;
 $color-orange: #ffae42;
@@ -14,3 +15,26 @@ $color-darkest-gray: #222222;
 $color-light-gray: #e5e5e5;
 $color-light-gray-transparent: rgba(229, 229, 229, .5);
 $color-lightest-gray: #f0f0f0;
+
+// Typography
+$font-weight-normal: 400;
+$font-weight-bold: 700;
+$font-size-xsmall: 10px;
+$font-size-small: 12px;
+$font-size: 14px;
+$font-size-large: 18px;
+$font-size-xlarge: 24px;
+
+// Measurements
+$border-radius: 4px;
+$gp: 16px;
+$navHeight: 48px;
+$container-width: 900px;
+$list-header-height: 30px;
+$list-width: 300px;
+$list-width-wide: 340px;
+
+// Media queries
+$small: "max-width: 780px";
+$medium: "max-width: 1024px";
+

src/styles/modules/_all.scss

@@ -1,2 +0,0 @@
-@import "_colors";
-@import "_utility";

src/styles/modules/_utility.scss

@@ -1,54 +0,0 @@
-@mixin container-xs {
-    width: 320px;
-    max-height: 100%;
-    margin: 60px auto;
-    background: $color-white;
-    padding: $gp;
-    border-radius: $border-radius;
-}
-
-@mixin container {
-    width: 1200px;
-    max-width: 100%;
-    margin: 100px auto;
-}
-
-@mixin drag-cursor {
-    cursor : -webkit-grab;
-    cursor : -moz-grab;
-    cursor : -o-grab;
-    cursor : grab;
-}
-
-@mixin dragging-cursor {
-    cursor : -webkit-grabbing;
-    cursor : -moz-grabbing;
-    cursor : -o-grabbing;
-    cursor : grabbing;
-}
-
-@mixin floating-close-button {
-    position: absolute;
-    top: 0;
-    right: 0;
-    margin: $gp / 2;
-}
-
-@mixin shake {
-    animation: shake 1000ms;
-    animation-iteration-count: infinite;
-}
-
-@keyframes shake {
-    0% { transform: rotate(0deg); }
-    10% { transform: rotate(-1deg); }
-    20% { transform: rotate(1deg); }
-    30% { transform: rotate(0deg); }
-    40% { transform: rotate(1deg); }
-    50% { transform: rotate(-1deg); }
-    60% { transform: rotate(0deg); }
-    70% { transform: rotate(-1deg); }
-    80% { transform: rotate(1deg); }
-    90% { transform: rotate(0deg); }
-    100% { transform: rotate(-1deg); }
-}

src/styles/partials/_base.scss

@@ -1,5 +0,0 @@
-@import "_reset";
-@import "_measurements";
-@import "_typography";
-@import "_buttons";
-@import "_inputs";

src/styles/partials/_measurements.scss

@@ -1,11 +0,0 @@
-$border-radius: 4px;
-$gp: 16px;
-$navHeight: 48px;
-$container-width: 900px;
-$list-header-height: 30px;
-$list-width: 300px;
-$list-width-wide: 340px;
-
-// Media queries
-$small: "max-width: 780px";
-$medium: "max-width: 1024px";

src/styles/partials/_typography.scss

@@ -1,9 +0,0 @@
-// Typography
-$font-weight-normal: 400;
-$font-weight-bold: 700;
-
-$font-size-xsmall: 10px;
-$font-size-small: 12px;
-$font-size: 14px;
-$font-size-large: 18px;
-$font-size-xlarge: 24px;

src/styles/styles.scss

@@ -1,2 +1,5 @@
-@import "modules/all";
-@import "partials/base";
+@import "_vars";
+@import "_utility";
+@import "_reset";
+@import "_buttons";
+@import "_inputs";