Still working on the main-menu...

3 files changed, 70 insertions, 41 deletions

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;
+}