From 9dfd022dfb87c987f15898dbd40431f8fe08a64a Mon Sep 17 00:00:00 2001
From: Carl Kittelberger <icedream@icedream.pw>
Date: Mon, 16 Jul 2018 01:25:26 +0200
Subject: [PATCH] Add subtle out-of-sync opacity manipulation for smoke effect.

---
 src/_variables.scss  |  3 ++-
 src/main/_smoke.scss | 20 +++++++++++++++++++-
 2 files changed, 21 insertions(+), 2 deletions(-)

diff --git a/src/_variables.scss b/src/_variables.scss
index 256b9ef..fb9d8d0 100644
--- a/src/_variables.scss
+++ b/src/_variables.scss
@@ -20,7 +20,8 @@ $icedream-nav-bg-fade: true !default;
 $icedream-fog-bg: true !default;
 $icedream-fog-bg-blur: false !default;
 $icedream-fog-bg-animated: true !default;
-$icedream-fog-bg-animation-length: 30s !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);
 
 $rekt-tab-count: 4 !default;
diff --git a/src/main/_smoke.scss b/src/main/_smoke.scss
index 064104a..9f476d6 100644
--- a/src/main/_smoke.scss
+++ b/src/main/_smoke.scss
@@ -30,9 +30,27 @@
       @if $icedream-fog-bg-animated {
         background-repeat: repeat-x;
         background-size: 100% 100%;
-        animation: icedream-bg-slide linear $icedream-fog-bg-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;
         transform: scale(2, 1) translateX(0);
         transform-origin: left;
+        @keyframes icedream-bg-pulse {
+          0% {
+            opacity: .3;
+          }
+          22% {
+            opacity: .2;
+          }
+          54% {
+            opacity: .35;
+          }
+          77% {
+            opacity: .16;
+          }
+          100% {
+            opacity: .3;
+          }
+        }
         @keyframes icedream-bg-slide {
           to {
             transform: scale(2, 1) translateX(-50%);