From 98c431ba868c78058163a7bacb1963fa981b33d1 Mon Sep 17 00:00:00 2001
From: samx <samuelmartins.sw@gmail.com>
Date: Fri, 1 Nov 2019 16:06:50 -0300
Subject: [PATCH] fix(components): add more options to suit gradient background
 rotation

bugfix/gradient-rotations
---
 src/scss/utilities/_gradient.scss | 6 ++++++
 src/scss/variables/_colors.scss   | 2 ++
 2 files changed, 8 insertions(+)

diff --git a/src/scss/utilities/_gradient.scss b/src/scss/utilities/_gradient.scss
index 5e16e62..f8a7d9b 100644
--- a/src/scss/utilities/_gradient.scss
+++ b/src/scss/utilities/_gradient.scss
@@ -11,6 +11,12 @@
 .bp-grad-suit {
   background-image: $bp-gradient-suit;
 }
+.bp-grad-suit-bottom-up {
+  background-image: $bp-gradient-suit-bottom-up;
+}
+.bp-grad-suit-top-down {
+  background-image: $bp-gradient-suit-top-down;
+}
 .bp-grad-business {
   background-image: $bp-gradient-business;
 }
diff --git a/src/scss/variables/_colors.scss b/src/scss/variables/_colors.scss
index ca1a9d6..5f0ce95 100644
--- a/src/scss/variables/_colors.scss
+++ b/src/scss/variables/_colors.scss
@@ -64,5 +64,7 @@ $bp-gradient-shine: linear-gradient(180deg, #f9fbfc 0%, #ecf1f3 100%);
 $bp-gradient-bot: linear-gradient(90deg, #51dbe3 0%, #28b4c3 100%);
 $bp-gradient-blip: linear-gradient(137.45deg, #1bd6e7 0%, #0fc3f8 56.17%, #0abcff 100%);
 $bp-gradient-suit: linear-gradient(90deg, #3d4554, #2f3747);
+$bp-gradient-suit-bottom-up: linear-gradient(180deg, #3d4554, #2f3747);
+$bp-gradient-suit-top-down: linear-gradient(0deg, #3d4554, #2f3747);
 $bp-gradient-business: linear-gradient(90deg, #202f3f 0%, #102834 100%);
 $bp-gradient-enterprise: linear-gradient(90deg, #2e3237 0%, #1f2018 100%);