Merge pull request #8 from appirio-tech/common-mixins

Move common colors for tracks and members to mixins
appirio-tech · May 3, 2016 · da60fe0 · da60fe0
2 parents f545b92 + 36329bf
commit da60fe0
Show file tree

Hide file tree

Showing 3 changed files with 31 additions and 13 deletions.
diff --git a/src/styles/_common.scss b/src/styles/_common.scss
diff --git a/src/styles/_mixins.scss b/src/styles/_mixins.scss
@@ -1,3 +1,13 @@
+// Mixins
+
+// Table of Contents
+//
+// Font families
+// Labels
+// Body
+// Headings
+// Common
+
 // Font families and weights
 @mixin roboto-light {
   font-family: 'Roboto', Helvetica, Arial, sans-serif;
@@ -129,3 +139,24 @@
   font-size: $tc-heading-extra-small;
   line-height: $base-unit * 5;
 }
+
+// Common
+@mixin tc-track-colors {
+  &.develop { color: $tc-green; }
+  &.design  { color: $tc-light-blue; }
+  &.data    { color: $tc-orange; }
+}
+
+@mixin tc-track-background-colors {
+  &.develop { background-color: $tc-green; }
+  &.design  { background-color: $tc-light-blue; }
+  &.data    { background-color: $tc-orange; }
+}
+
+@mixin tc-member-level-background-colors {
+  &.level-1 { background-color: $tc-level-1; }
+  &.level-2 { background-color: $tc-level-2; }
+  &.level-3 { background-color: $tc-level-3; }
+  &.level-4 { background-color: $tc-level-4; }
+  &.level-5 { background-color: $tc-level-5; }
+}
diff --git a/src/styles/_tc-styles.scss b/src/styles/_tc-styles.scss
@@ -1,6 +1,5 @@
 @import 'reset';
 @import 'tc-includes';
-@import 'common';
 @import 'typography';
 @import 'buttons';