diff options
author | kandebonfim <kandebonfim@gmail.com> | 2017-11-11 07:23:50 +0300 |
---|---|---|
committer | kandebonfim <kandebonfim@gmail.com> | 2017-11-11 07:23:50 +0300 |
commit | 4c9c45e3083042f3692ebaab25c61e05fbb91252 (patch) | |
tree | e0475e7ced760d63526f56f96f63590e87fee00a /src | |
parent | 721fb6f5f4d2f9e6ffdce6ec45f631ab125fdb57 (diff) |
Define $parallax-fade-color as default variable
Diffstat (limited to 'src')
-rw-r--r-- | src/_parallax.scss | 9 |
1 files changed, 5 insertions, 4 deletions
diff --git a/src/_parallax.scss b/src/_parallax.scss index da101bf..cb5e932 100644 --- a/src/_parallax.scss +++ b/src/_parallax.scss @@ -4,6 +4,7 @@ $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() { @@ -64,7 +65,7 @@ $parallax-scale: .95 !default; 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 { @@ -82,7 +83,7 @@ $parallax-scale: .95 !default; 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 { @@ -100,7 +101,7 @@ $parallax-scale: .95 !default; 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 { @@ -118,7 +119,7 @@ $parallax-scale: .95 !default; 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 { |