fix(Background color gradients): Fixed gradient use in background cla…

…sses. Added BLiP gradient.
takenet · May 30, 2018 · a7e9a5e · a7e9a5e
1 parent b47284e
commit a7e9a5e
Show file tree

Hide file tree

Showing 2 changed files with 13 additions and 3 deletions.
diff --git a/src/scss/utilities/_background-color.scss b/src/scss/utilities/_background-color.scss
@@ -71,7 +71,15 @@
   background-color: $bp-color-black;
 }
 
-.bp-bg-gradient {
-  background-color: $bp-color-gradient;
+.bp-bg-shine {
+  background-image: $bp-gradient-shine;
+}
+
+.bp-bg-blip {
+  background-image: $bp-gradient-blip;
+}
+
+.bp-bg-suit {
+  background-image: $bp-gradient-suit;
 }
 
diff --git a/src/scss/variables/_colors.scss b/src/scss/variables/_colors.scss
@@ -38,7 +38,9 @@ $bp-color-disabled: $bp-color-offwhite;
 $bp-color-white: #ffffff;
 $bp-color-black: #000000;
 
-$bp-color-gradient: linear-gradient(180deg, #f9fbfc 0%, #ecf1f3 100%);
+$bp-gradient-shine: linear-gradient(180deg, #f9fbfc 0%, #ecf1f3 100%);
+$bp-gradient-blip: linear-gradient(90deg, #51DBE3 0%, #28B4C3 100%);
+$bp-gradient-suit: linear-gradient(90deg,#3d4554,#2f3747);
 
 //3rd parties
 $bp-color-facebook: #3c5a99;