From 917ca0e0106fd8a92b3d7bcdab50957196bbe63e Mon Sep 17 00:00:00 2001
From: Christian Wolf <git@christianwolf.email>
Date: Wed, 1 Dec 2021 17:57:55 +0100
Subject: [PATCH] Styled formally the codes

---
 slt/css/style.scss | 163 ++++++++++++++++++++-------------------------
 1 file changed, 71 insertions(+), 92 deletions(-)

diff --git a/slt/css/style.scss b/slt/css/style.scss
index dbd319b..6e1e68a 100644
--- a/slt/css/style.scss
+++ b/slt/css/style.scss
@@ -1,20 +1,20 @@
 body {
-    margin: 0px;
+    margin: 0;
     min-height: 100.1vh;
     display: flex;
     flex-direction: column;
     align-items: center;
-/*    padding: 0px 20px 10px 20px;*/
-	padding: 0px;
+
+    /*    padding: 0px 20px 10px 20px; */
+    padding: 0;
 }
 
-#page-div
-{
-	width: 100%;
+#page-div {
+    width: 100%;
 }
 
 #page {
-    /*box-shadow: 30vw 0px 5vw -10vw green inset;*/
+    /* box-shadow: 30vw 0px 5vw -10vw green inset; */
     flex: 1 0 auto;
     display: flex;
     flex-direction: column;
@@ -22,9 +22,8 @@ body {
     min-height: 100vh;
 }
 
-#page-bg
-{
-	display: none;
+#page-bg {
+    display: none;
 }
 
 /*
@@ -32,9 +31,8 @@ body {
  */
 
 .nav,
-.nav-child
-{
-    padding: 0px;
+.nav-child {
+    padding: 0;
 
     > li {
         display: block;
@@ -42,19 +40,20 @@ body {
         > .nav-child {
             padding-left: 10px;
             margin-left: 10px;
-            /* border-left: solid gray 1px;*/ /*TODO*/
+
+            /* border-left: solid gray 1px; */
+
+            /* TODO */
         }
     }
 }
 
-.nav
-{
-	font-size: inherit;
+.nav {
+    font-size: inherit;
 }
 
-.nav-child
-{
-	font-size: small;
+.nav-child {
+    font-size: small;
 }
 
 /*
@@ -62,7 +61,7 @@ body {
  */
 
 #topmenu {
-	display: none;
+    display: none;
 }
 
 /*
@@ -86,10 +85,9 @@ body {
 }
 
 #slideshow {
-	display: none;
+    display: none;
 }
 
-
 /*
  * Content positioning
  */
@@ -99,77 +97,68 @@ body {
 }
 
 #left_menu {
-	display: none;
+    display: none;
 }
 
 #main_column {
-	margin: 15px;
+    margin: 15px;
 }
 
 #right_column {
-	display: none;
+    display: none;
 }
 
 #footline {
-	margin-top: 10px;
+    margin-top: 10px;
 }
 
 /*
  * Footer positioning
  */
 
-#impressum
-{
-	flex: 0 0 auto;
-	text-align: right;
+#impressum {
+    flex: 0 0 auto;
+    text-align: right;
     margin-top: 30px;
-	padding: 5px;
+    padding: 5px;
 
-    .nav 
-    {
-        margin-bottom: 0px;
+    .nav {
+        margin-bottom: 0;
         background-color: inherit;
         display: inline-block;
 
-        > li
-        {
+        > li {
             display: inline-block;
         }
     }
 
-    a
-    {
+    a {
         text-decoration: underline;
         padding: 10px;
     }
 }
 
-
-
-
 #footer {
     flex: 0 0 auto;
-  	background-color: black;
+    background-color: black;
     color: white;
     text-align: center;
     padding: 5px;
 
     > .customimpressum {
-    float: left;
+        float: left;
     }
 
     > .customdatenschutz {
         float: right;
     }
 
-    a
-    {
+    a {
         color: inherit;
         text-decoration: underline;
 
         &:hover,
-        &:focus
-        {
+        &:focus {
             color: black;
             background-color: white;
             text-decoration: underline;
@@ -181,58 +170,58 @@ body {
  * Mobile menu positioning
  */
 
-#mobile_menu, #content {
-	margin: 0px 15px 0px 15px;
+#mobile_menu,
+#content {
+    margin: 0 15px;
 }
 
 #mobile_menu {
-	margin-top: 10px;
-	display: none;
+    margin-top: 10px;
+    display: none;
 
-    &.visible
-    {
+    &.visible {
         display: block;
     }
-    
+
     li > a {
-        margin: 5px 0px 5px 0px;
+        margin: 5px 0;
         padding: 10px 5px;
         display: block;
         flex: 0;
     }
 
     .nav {
-        padding: 0px;
+        padding: 0;
         border: none;
-        margin-left: 0px;
+        margin-left: 0;
     }
-    
+
     li {
         margin-left: 5px;
         margin-right: 5px;
     }
-    
+
     .nav-child > li {
-        margin: 0px;
+        margin: 0;
     }
-    
+
     li > ul.nav {
         margin-left: -5px;
         margin-right: -5px;
     }
-    
+
     li ul {
         border: none;
     }
-    
-    
+
+
     a {
         font-size: initial;
-        margin-right: 0px;
-        padding-right: 0px;
+        margin-right: 0;
+        padding-right: 0;
     }
-    
-    
+
+
     > ul.menu {
         background-color: initial;
         color: initial;
@@ -240,39 +229,29 @@ body {
     }
 }
 
-
-
-
-#mobile_menu_switch
-{
-	flex: 0 0 auto;
-	text-align: right;
+#mobile_menu_switch {
+    flex: 0 0 auto;
+    text-align: right;
 }
 
-#btn_mobile_menu 
-{
-	padding: 10px 30px 0px 0px;
-	width: 40px;
-	box-sizing: initial;
+#btn_mobile_menu {
+    padding: 10px 30px 0 0;
+    width: 40px;
+    box-sizing: initial;
 }
 
-a.facebook img
-{
-	display: none;
+a.facebook img {
+    display: none;
 }
 
-
-.article-info
-{
-	font-size: smaller;
+.article-info {
+    font-size: smaller;
 }
 
 /*
  * Debug
  */
 
-/*#right_column,#left_menu,#main_content,#footline {
+/* #right_column,#left_menu,#main_content,#footline {
     background-color: rgba(0,0,0,0.1);
-}*/
-
-
+} */