Created basic structure for SCSS styling

slt/.gitignore

@@ -0,0 +1 @@
+/node_modules/

slt/.stylelintrc.json

@@ -0,0 +1,10 @@
+{
+    "extends": "stylelint-config-standard-scss",
+    "plugins": [
+        "stylelint-order",
+        "stylelint-scss"
+    ],
+    "rules": {
+        "indentation": 4
+    }
+  }

slt/css/.gitignore

@@ -0,0 +1,2 @@
+/style.css
+*.css.map

slt/css/style.scss

@@ -0,0 +1,278 @@
+body {
+    margin: 0px;
+    min-height: 100.1vh;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+/*    padding: 0px 20px 10px 20px;*/
+	padding: 0px;
+}
+
+#page-div
+{
+	width: 100%;
+}
+
+#page {
+    /*box-shadow: 30vw 0px 5vw -10vw green inset;*/
+    flex: 1 0 auto;
+    display: flex;
+    flex-direction: column;
+    width: 100%;
+    min-height: 100vh;
+}
+
+#page-bg
+{
+	display: none;
+}
+
+/*
+ * Menu configuration
+ */
+
+.nav,
+.nav-child
+{
+    padding: 0px;
+
+    > li {
+        display: block;
+
+        > .nav-child {
+            padding-left: 10px;
+            margin-left: 10px;
+            /* border-left: solid gray 1px;*/ /*TODO*/
+        }
+    }
+}
+
+.nav
+{
+	font-size: inherit;
+}
+
+.nav-child
+{
+	font-size: small;
+}
+
+/*
+ * Topmenu positioning and styling
+ */
+
+#topmenu {
+	display: none;
+}
+
+/*
+ * Header line positioning
+ */
+
+#header {
+    flex: 0 0 auto;
+    display: flex;
+    flex-flow: row nowrap;
+    justify-content: space-between;
+
+    > div {
+        margin: 20px;
+        align-items: center;
+    }
+}
+
+#slideshow {
+    flex: 1;
+}
+
+#slideshow {
+	display: none;
+}
+
+
+/*
+ * Content positioning
+ */
+
+#content {
+    flex: 1 0 auto;
+}
+
+#left_menu {
+	display: none;
+}
+
+#main_column {
+	margin: 15px;
+}
+
+#right_column {
+	display: none;
+}
+
+#footline {
+	margin-top: 10px;
+}
+
+/*
+ * Footer positioning
+ */
+
+#impressum
+{
+	flex: 0 0 auto;
+	text-align: right;
+    margin-top: 30px;
+	padding: 5px;
+
+    .nav 
+    {
+        margin-bottom: 0px;
+        background-color: inherit;
+        display: inline-block;
+
+        > li
+        {
+            display: inline-block;
+        }
+    }
+
+    a
+    {
+        text-decoration: underline;
+        padding: 10px;
+    }
+}
+
+
+
+
+#footer {
+    flex: 0 0 auto;
+  	background-color: black;
+    color: white;
+    text-align: center;
+    padding: 5px;
+
+    > .customimpressum {
+    float: left;
+    }
+
+    > .customdatenschutz {
+        float: right;
+    }
+
+    a
+    {
+        color: inherit;
+        text-decoration: underline;
+
+        &:hover,
+        &:focus
+        {
+            color: black;
+            background-color: white;
+            text-decoration: underline;
+        }
+    }
+}
+
+/*
+ * Mobile menu positioning
+ */
+
+#mobile_menu, #content {
+	margin: 0px 15px 0px 15px;
+}
+
+#mobile_menu {
+	margin-top: 10px;
+	display: none;
+
+    &.visible
+    {
+        display: block;
+    }
+    
+    li > a {
+        margin: 5px 0px 5px 0px;
+        padding: 10px 5px;
+        display: block;
+        flex: 0;
+    }
+
+    .nav {
+        padding: 0px;
+        border: none;
+        margin-left: 0px;
+    }
+    
+    li {
+        margin-left: 5px;
+        margin-right: 5px;
+    }
+    
+    .nav-child > li {
+        margin: 0px;
+    }
+    
+    li > ul.nav {
+        margin-left: -5px;
+        margin-right: -5px;
+    }
+    
+    li ul {
+        border: none;
+    }
+    
+    
+    a {
+        font-size: initial;
+        margin-right: 0px;
+        padding-right: 0px;
+    }
+    
+    
+    > ul.menu {
+        background-color: initial;
+        color: initial;
+        margin-bottom: initial;
+    }
+}
+
+
+
+
+#mobile_menu_switch
+{
+	flex: 0 0 auto;
+	text-align: right;
+}
+
+#btn_mobile_menu 
+{
+	padding: 10px 30px 0px 0px;
+	width: 40px;
+	box-sizing: initial;
+}
+
+a.facebook img
+{
+	display: none;
+}
+
+
+.article-info
+{
+	font-size: smaller;
+}
+
+/*
+ * Debug
+ */
+
+/*#right_column,#left_menu,#main_content,#footline {
+    background-color: rgba(0,0,0,0.1);
+}*/
+
+

slt/package.json

@@ -0,0 +1,20 @@
+{
+  "name": "slt",
+  "version": "0.0.9",
+  "scripts": {
+    "test": "echo \"Error: no test specified\" && exit 1",
+    "stylelint": "npx stylelint css/*.scss --cache",
+    "stylelint-fix": "npx stylelint css/*.scss --fix",
+    "sass": "npx sass css/style.scss:css/style.css -s compressed --no-source-map",
+    "sass-dev": "npx sass css/style.scss:css/style.css",
+    "sass-watch": "npx sass css/style.scss:css/style.css --watch"
+  },
+  "author": "Christian Wolf",
+  "devDependencies": {
+    "sass": "^1.44.0",
+    "stylelint": "^14.1.0",
+    "stylelint-config-standard-scss": "^3.0.0",
+    "stylelint-order": "^5.0.0",
+    "stylelint-scss": "^4.0.0"
+  }
+}