diff options
| author | Yan Zhu <picturepan2@hotmail.com> | 2017-11-12 08:20:11 +0300 |
|---|---|---|
| committer | GitHub <noreply@github.com> | 2017-11-12 08:20:11 +0300 |
| commit | 95a15428f1d4421193be009a83c354c6033b214c (patch) | |
| tree | d9c98a4afaa97c6c9b84650cd1038cf8176ec7c5 /src | |
| parent | df37b3ffbbe37f5838fb51a79ba7957c46869291 (diff) | |
| parent | 4c9c45e3083042f3692ebaab25c61e05fbb91252 (diff) | |
Merge pull request #332 from startae/feature/parallax-fade-color
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 { |