YourWishes/domsPlace
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Added Horizontal Gradients

Browse Source
This commit is contained in:
Dominic Masters
2018-05-14 08:44:06 +10:00
parent 3dd71b38cc
commit 696789c3ae
1 changed files with 8 additions and 0 deletions

8
public/styles/tools/_gradient.scss

@ -14,3 +14,11 @@
background-image: linear-gradient(to bottom, #{$colorTop} 0%,#{$colorBottom} 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#{$colorTop}', endColorstr='#{$colorBottom}',GradientType=0 ); /* IE6-9 */
}
@mixin t-horizontal-gradient($colorLeft, $colorRight) {
background-color: $colorLeft;
background-image: -moz-linear-gradient(left, #{$colorLeft} 0%, #{$colorRight} 100%);
background-image: -webkit-linear-gradient(left, #{$colorLeft} 0%,#{$colorRight} 100%);
background-image: linear-gradient(to right, #{$colorLeft} 0%,#{$colorRight} 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#{$colorLeft}', endColorstr='#{$colorRight}', GradientType=1);
}