From f96351a3201cb1efa7b936cefe7ac24431de8203 Mon Sep 17 00:00:00 2001
From: MikunoNaka <bokuwakanojogahoshii@yahoo.com>
Date: Sat, 1 May 2021 21:08:49 +0530
Subject: organised styles and updated color scheme

---
 src/styles/_theme.scss | 12 ++++++++++--
 src/styles/global.scss | 31 ++++++++++++++++++++++++++++++-
 2 files changed, 40 insertions(+), 3 deletions(-)

(limited to 'src')

diff --git a/src/styles/_theme.scss b/src/styles/_theme.scss
index 6a37dab..357a026 100644
--- a/src/styles/_theme.scss
+++ b/src/styles/_theme.scss
@@ -16,10 +16,16 @@ $defShadow: 0px 0px 4px #232627;
 */
 
 /* Inspired by Dracula */
+
 $defBG: #282A36;
 $altBG: #383A59;
+
+$floatingContainerBG: #282C3466;
+$floatingBG: #2e323b;
+
 $defFG: #F2F2F2;
 $altFG: #FF79C6;
+
 $defLink: $defFG;
 $altLink: $altFG;
 $defBorderColor: lightgreen;
@@ -35,5 +41,7 @@ $warningColor: red;
 $warningBorderColor: $warningColor;
 
 
-$defShadow: 0px 4px 4px $altBG;
-
+$shadowColor: #232627;
+$defBigShadow: 0px 8px 4px $shadowColor;
+// $floatingShadow: 0px 8px 4px 0 $shadowColor, 0px 6px 20px 0 $shadowColor;
+$floatingShadow: 6px 6px 3px $shadowColor;
diff --git a/src/styles/global.scss b/src/styles/global.scss
index 581cb34..6b1c244 100644
--- a/src/styles/global.scss
+++ b/src/styles/global.scss
@@ -35,9 +35,38 @@ body {
   border: 1px solid pink;
 }
 
+.FloatingMenuBG {
+  height: 100vh;
+  width: 100vw;
+  position: fixed;
+  top: 0;
+  left: 0;
+  background-color: $floatingContainerBG;
+}
+
+.FloatingMenu {
+  position: fixed;
+
+  width: 95%;
+  height: 70vh;
+  box-sizing: border-box;
+
+
+  left: 0; right: 0;
+  margin: auto;
+  top: 15vh;
+
+  background-color: $floatingBG;
+  box-shadow: $floatingShadow;
+  border: 1px solid $defBorderColor;
+
+
+  padding: 1.5rem;
+}
+
+
 @media only screen and (max-device-width: 480px) {
   .root-content {
     width: 95%;
   }
 }
-
-- 
cgit v1.2.3