icedream
/
rekt-theme
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

Add variable for toggling pulse effect.

disable-fog-animation
Icedream 2018-07-23 02:20:42 +02:00
parent dea7abe861
commit 93874949d8
Signed by: icedream
GPG Key ID: 1573F6D8EFE4D0CF
2 changed files with 7 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
src/_variables.scss
View File

@ -22,6 +22,7 @@ $icedream-fog-base-opacity: 0.05 !default;
$icedream-fog-bg: true !default; $icedream-fog-bg: true !default;
$icedream-fog-bg-blur: false !default; $icedream-fog-bg-blur: false !default;
$icedream-fog-bg-animated: true !default; $icedream-fog-bg-animated: true !default;
$icedream-fog-bg-pulse: true !default;
$icedream-fog-bg-pulse-animation-length: 68s !default; $icedream-fog-bg-pulse-animation-length: 68s !default;
$icedream-fog-bg-slide-animation-length: 25s !default; $icedream-fog-bg-slide-animation-length: 25s !default;
$icedream-station-fill-background-color: rgba(255, 255, 255, .1) !default; $icedream-station-fill-background-color: rgba(255, 255, 255, .1) !default;

4
src/main/_smoke.scss
View File

@ -30,8 +30,12 @@
@if $icedream-fog-bg-animated { @if $icedream-fog-bg-animated {
background-repeat: repeat-x; background-repeat: repeat-x;
background-size: 100% 100%; background-size: 100% 100%;
@if $icedream-fog-bg-pulse {
animation: icedream-bg-slide linear $icedream-fog-bg-slide-animation-length infinite, 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; 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: scale(2, 1) translateX(0);
transform-origin: left; transform-origin: left;
@keyframes icedream-bg-pulse { @keyframes icedream-bg-pulse {