_parallax.scss in spectre_scss-0.4.6.0

- old
+ new

@@ -2,10 +2,11 @@
 $parallax-deg: 3deg !default;
 $parallax-offset: 4.5px !default;
 $parallax-offset-z: 50px !default;
 $parallax-perspective: 1000px !default;
 $parallax-scale: .95 !default;
+$parallax-fade-color: rgba(255, 255, 255, .35) !default;
 
 // Mixin: Parallax direction
 @mixin parallax-dir() {
   height: 50%;
   position: absolute;
@@ -62,11 +63,11 @@
 
     &:hover ~ .parallax-content {
       transform: perspective($parallax-perspective) rotateX($parallax-deg) rotateY(-$parallax-deg);
 
       &::before {
-        background: linear-gradient(135deg, rgba(255, 255, 255, .35) 0%, transparent 50%);
+        background: linear-gradient(135deg, $parallax-fade-color 0%, transparent 50%);
       }
 
       .parallax-front {
         transform: translate3d($parallax-offset, $parallax-offset, $parallax-offset-z) scale($parallax-scale);
       }
@@ -80,11 +81,11 @@
 
     &:hover ~ .parallax-content {
       transform: perspective($parallax-perspective) rotateX($parallax-deg) rotateY($parallax-deg);
 
       &::before {
-        background: linear-gradient(-135deg, rgba(255, 255, 255, .35) 0%, transparent 50%);
+        background: linear-gradient(-135deg, $parallax-fade-color 0%, transparent 50%);
       }
 
       .parallax-front {
         transform: translate3d(-$parallax-offset, $parallax-offset, $parallax-offset-z) scale($parallax-scale);
       }
@@ -98,11 +99,11 @@
 
     &:hover ~ .parallax-content {
       transform: perspective($parallax-perspective) rotateX(-$parallax-deg) rotateY(-$parallax-deg);
 
       &::before {
-        background: linear-gradient(45deg, rgba(255, 255, 255, .35) 0%, transparent 50%);
+        background: linear-gradient(45deg, $parallax-fade-color 0%, transparent 50%);
       }
 
       .parallax-front {
         transform: translate3d($parallax-offset, -$parallax-offset, $parallax-offset-z) scale($parallax-scale);
       }
@@ -116,10 +117,10 @@
 
     &:hover ~ .parallax-content {
       transform: perspective($parallax-perspective) rotateX(-$parallax-deg) rotateY($parallax-deg);
 
       &::before {
-        background: linear-gradient(-45deg, rgba(255, 255, 255, .35) 0%, transparent 50%);
+        background: linear-gradient(-45deg, $parallax-fade-color 0%, transparent 50%);
       }
 
       .parallax-front {
         transform: translate3d(-$parallax-offset, -$parallax-offset, $parallax-offset-z) scale($parallax-scale);
       }