From 69a6985c8de10224d1df7520016d6097a9ed20c2 Mon Sep 17 00:00:00 2001
From: Carl Kittelberger <icedream@icedream.pw>
Date: Sun, 22 Jul 2018 21:17:53 +0200
Subject: [PATCH] Adjust EQ elements in page container.

---
 src/main/_page.scss | 28 ++++++++++++++++++++++++++++
 1 file changed, 28 insertions(+)

diff --git a/src/main/_page.scss b/src/main/_page.scss
index 4e9fca5..2dafb7d 100644
--- a/src/main/_page.scss
+++ b/src/main/_page.scss
@@ -18,6 +18,34 @@
     @include icedream-font;
   }
 
+  &#page_EQ {
+    #wave {
+      position: absolute;
+      left: 0;
+      right: 0;
+      top: 25%;
+      bottom: 25%;
+    }
+    #eq {
+      margin: 20vh;
+      .slider {
+        transition: opacity ease-out .5s, transform ease-out .5s;
+        opacity: 0;
+        transform: scale(0%);
+        background-color: rgba(0, 0, 0, .75);
+      }
+      &:hover {
+        .slider {
+          opacity: 1;
+          transform: scale(100%);
+        }
+      }
+    }
+    #bars {
+      display: none;
+    }
+  }
+
   .eq {
     @if $icedream-staturation {
       @include saturate-from-red();