From 93874949d80439da107dd6372c410cd902766555 Mon Sep 17 00:00:00 2001 From: Carl Kittelberger Date: Mon, 23 Jul 2018 02:20:42 +0200 Subject: [PATCH] Add variable for toggling pulse effect. --- src/_variables.scss | 1 + src/main/_smoke.scss | 8 ++++++-- 2 files changed, 7 insertions(+), 2 deletions(-) diff --git a/src/_variables.scss b/src/_variables.scss index 9d8d905..4b9cb0a 100644 --- a/src/_variables.scss +++ b/src/_variables.scss @@ -22,6 +22,7 @@ $icedream-fog-base-opacity: 0.05 !default; $icedream-fog-bg: true !default; $icedream-fog-bg-blur: false !default; $icedream-fog-bg-animated: true !default; +$icedream-fog-bg-pulse: true !default; $icedream-fog-bg-pulse-animation-length: 68s !default; $icedream-fog-bg-slide-animation-length: 25s !default; $icedream-station-fill-background-color: rgba(255, 255, 255, .1) !default; diff --git a/src/main/_smoke.scss b/src/main/_smoke.scss index e41b581..c59f502 100644 --- a/src/main/_smoke.scss +++ b/src/main/_smoke.scss @@ -30,8 +30,12 @@ @if $icedream-fog-bg-animated { background-repeat: repeat-x; background-size: 100% 100%; - animation: icedream-bg-slide linear $icedream-fog-bg-slide-animation-length infinite, - icedream-bg-pulse ease-in-out $icedream-fog-bg-pulse-animation-length infinite; + @if $icedream-fog-bg-pulse { + animation: icedream-bg-slide linear $icedream-fog-bg-slide-animation-length infinite, + icedream-bg-pulse ease-in-out $icedream-fog-bg-pulse-animation-length infinite; + } @else { + animation: icedream-bg-slide linear $icedream-fog-bg-slide-animation-length infinite; + } transform: scale(2, 1) translateX(0); transform-origin: left; @keyframes icedream-bg-pulse {