Skip to content

Commit

Permalink
fix(components): add more options to suit gradient background rotation
Browse files Browse the repository at this point in the history
bugfix/gradient-rotations
  • Loading branch information
samwx committed Nov 1, 2019
1 parent 5739bc5 commit 98c431b
Show file tree
Hide file tree
Showing 2 changed files with 8 additions and 0 deletions.
6 changes: 6 additions & 0 deletions src/scss/utilities/_gradient.scss
Original file line number Diff line number Diff line change
Expand Up @@ -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;
}
Expand Down
2 changes: 2 additions & 0 deletions src/scss/variables/_colors.scss
Original file line number Diff line number Diff line change
Expand Up @@ -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%);

0 comments on commit 98c431b

Please sign in to comment.