erster upload

2020-02-01 13:01:46 +01:00
parent 2dc0f33f72
commit d79f3e321b
14 changed files with 399 additions and 0 deletions
@@ -0,0 +1,75 @@
+nav {
+    ul {
+        ul {
+            //second nav
+            display: none;
+            li {
+                float: none;
+            }
+        }
+    }
+    li {
+        float: left;
+        a {
+            text-decoration: none;
+            display: inline-block;
+            margin: 10px 20px 5px 0;
+            padding: 8px 10px;
+            &:link,
+            &:visited {
+                color: $dunkelgrau;
+                background: $hellgrau;
+                &:hover {
+                    color: black;
+                }
+            }
+        }
+        &:hover ul {
+            display: block;
+            position: absolute;
+        }
+    }
+}
+
+input.toggle,
+label.toggle {
+    display: none;
+}
+
+label.toggle {
+    font-weight: 900;
+    font-size: 1.2em;
+    padding: 10px 20px;
+}
+
+@media (max-width: $wrapper) {
+    nav {
+        display: none;
+    }
+    input.toggle,
+    .toggle span {
+        display: none;
+    }
+    input[type=checkbox]:checked ~ nav,
+    label.toggle {
+        display: block;
+        cursor: pointer;
+    }
+    nav li {
+        float: none;
+        &:hover ul {
+            display: block;
+            position: relative;
+        }
+        ul {
+            display: block;
+            li {
+                margin-left: 20px;
+            }
+        }
+        a {
+            display: block;
+            margin-left: 20px;
+        }
+    }
+}
@@ -0,0 +1,6 @@
+$wrapper: 960px;
+$weiss: #ffffff;
+$bg: #FAFAFA;
+$hellgrau: #e8e9eb;
+$grau: #a3a6ac;
+$dunkelgrau: #646565;
@@ -0,0 +1,18 @@
+body {
+    background: $bg;
+    font: 150% "Roboto", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif;
+}
+
+.wrapper {
+    max-width: $wrapper;
+    margin: 0 auto;
+}
+
+h1 {
+    font-size: 2.8em;
+    line-height: 1.6em;
+    @media (max-width: $wrapper) {
+        font-size: 1.6em;
+        line-height: 1em;
+    }
+}