From f96351a3201cb1efa7b936cefe7ac24431de8203 Mon Sep 17 00:00:00 2001 From: MikunoNaka Date: Sat, 1 May 2021 21:08:49 +0530 Subject: organised styles and updated color scheme --- src/styles/global.scss | 31 ++++++++++++++++++++++++++++++- 1 file changed, 30 insertions(+), 1 deletion(-) (limited to 'src/styles/global.scss') 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