From bebf00619c31c27a2902b9a2a1d60b205d4ff007 Mon Sep 17 00:00:00 2001 From: nsensfel Date: Mon, 3 Sep 2018 18:32:46 +0200 Subject: Still working on the main-menu... --- src/css/src/login.scss | 42 +------------------------------- src/css/src/main-menu.scss | 25 +++++++++++++++++++ src/css/src/shared/general-header.scss | 44 ++++++++++++++++++++++++++++++++++ 3 files changed, 70 insertions(+), 41 deletions(-) create mode 100644 src/css/src/main-menu.scss create mode 100644 src/css/src/shared/general-header.scss (limited to 'src/css') diff --git a/src/css/src/login.scss b/src/css/src/login.scss index afc9e60..e25f40a 100644 --- a/src/css/src/login.scss +++ b/src/css/src/login.scss @@ -22,47 +22,7 @@ body, padding-bottom: 1em; } -.fullscreen-module > header -{ - display: flex; - flex-direction: row; -} - -.fullscreen-module > header nav -{ - display: flex; - flex-direction: row; - flex-wrap: wrap; - flex: 1; - align-items: center; - justify-content: space-around; -} - -.fullscreen-module > header nav a -{ - color: $GOLD-0; - transition: background-color 0.3s ease-out; - font-size: 1.5em; - font-variant: small-caps; - font-weight: bold; - text-decoration: none; - margin: 0.5em; -} - -.main-server-logo -{ - z-index: 1; - margin: 0.5em; -} - -.main-server-version -{ - z-index: 0; - position: absolute; - font-size: 0.7em; - top: 0; - right: 0; -} +@import 'shared/general-header'; main { diff --git a/src/css/src/main-menu.scss b/src/css/src/main-menu.scss new file mode 100644 index 0000000..e3b209f --- /dev/null +++ b/src/css/src/main-menu.scss @@ -0,0 +1,25 @@ +@import 'shared/colors'; +@import 'shared/shadows'; + +* +{ + color: $GOLD-0; + @include text-shadow(1px, $BROWN-0, 0.5); +} + +body, +.fullscreen-module +{ + display: flex; + flex-direction: column; + background-color: $BROWN-2; + + align-items: center; +} + +.fullscreen-module +{ + padding-bottom: 1em; +} + +@import 'shared/general-header'; diff --git a/src/css/src/shared/general-header.scss b/src/css/src/shared/general-header.scss new file mode 100644 index 0000000..701a6bc --- /dev/null +++ b/src/css/src/shared/general-header.scss @@ -0,0 +1,44 @@ +@import 'colors'; +@import 'shadows'; + +.fullscreen-module > header +{ + display: flex; + flex-direction: row; +} + +.fullscreen-module > header nav +{ + display: flex; + flex-direction: row; + flex-wrap: wrap; + flex: 1; + align-items: center; + justify-content: space-around; +} + +.fullscreen-module > header nav a +{ + color: $GOLD-0; + transition: background-color 0.3s ease-out; + font-size: 1.5em; + font-variant: small-caps; + font-weight: bold; + text-decoration: none; + margin: 0.5em; +} + +.main-server-logo +{ + z-index: 1; + margin: 0.5em; +} + +.main-server-version +{ + z-index: 0; + position: absolute; + font-size: 0.7em; + top: 0; + right: 0; +} -- cgit v1.2.3-70-g09d2