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

Compare commits

base: icedream:dea7abe8619f9be802d7401f3def9bf04ec1b828
Branches Tags
icedream:master
icedream:disable-fog-animation
icedream:header/meta/overlay
icedream:header/meta/side-by-side
...
compare: icedream:7f15cacbe07710e96657accc01842e67f8b98db0
Branches Tags
icedream:master
icedream:disable-fog-animation
icedream:header/meta/overlay
icedream:header/meta/side-by-side

2 Commits
dea7abe861 ... 7f15cacbe0

Author SHA1 Message Date
Icedream 7f15cacbe0
Turn up the fog effect.
gitea/icedream/rekt-theme/master This commit looks good Details
2018-07-23 02:21:01 +02:00
Icedream 93874949d8
Add variable for toggling pulse effect. 2018-07-23 02:20:42 +02:00
2 changed files with 8 additions and 3 deletions
Show Stats Expand all files Collapse all files

3
src/_variables.scss
View File

@ -18,10 +18,11 @@ $icedream-metadata-overlay-background-gradient-to: transparent !default;
$icedream-metadata-prefix: '🎶 Now playing: ' !default; $icedream-metadata-prefix: '🎶 Now playing: ' !default;
$icedream-nav-tab-fix: false !default; $icedream-nav-tab-fix: false !default;
$icedream-nav-bg-fade: true !default; $icedream-nav-bg-fade: true !default;
$icedream-fog-base-opacity: 0.05 !default; $icedream-fog-base-opacity: 0.15 !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;

8
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%;
animation: icedream-bg-slide linear $icedream-fog-bg-slide-animation-length infinite, @if $icedream-fog-bg-pulse {
icedream-bg-pulse ease-in-out $icedream-fog-bg-pulse-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;
} @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 {