header & menu

frontend/src/lib/assets/css/base.less

@@ -0,0 +1,64 @@
+* {
+    margin: 0;
+    padding: 0;
+    box-sizing: border-box;
+}
+
+body {
+    color: #333 !important;
+    height: 100%;
+    background-color: #f9f9f9;
+    overflow: hidden !important;
+}
+
+ul {
+    list-style-type: none;
+}
+
+ol {
+    list-style-type: decimal;
+}
+
+/* Links */
+a {
+    text-decoration: none;
+    font-weight: 700;
+}
+
+/* Tabellen */
+table {
+    width: 100%;
+    border-collapse: collapse;
+    margin-bottom: 20px;
+}
+* {
+    transition: background-color 0.5s ease, border-color 0.5s ease, color 0.5s ease, max-height 0.5s, height 0.5s ease,
+        width 0.5s ease, flex 0.5s ease, opacity 0.5s ease, top 0.5s ease, bottom 0.5s ease, left 0.5s ease,
+        right 0.5s ease, transform 0.5s ease;
+}
+
+th,
+td {
+    padding: 10px;
+    text-align: left;
+    border: 1px solid #ccc;
+}
+
+th {
+    background-color: #f4f4f4;
+}
+button {
+    background-color: inherit;
+    border: none;
+    cursor: pointer;
+    font-size: inherit;
+    color: #333;
+}
+input,
+select {
+    color: #333;
+    width: 100%;
+}
+
+.text-container {
+}

frontend/src/lib/assets/css/main.less

@@ -2,3 +2,11 @@
 @bg-color-secondary: #000;
 @font-color: #000;
 @font-color-secondary: #fff;
+
+@desktop_large:~ "only screen and (min-width: 1200px)";
+@desktop:~ "only screen and (min-width: 1024px)";
+@tablet:~ "only screen and (min-width: 768px)";
+@mobile: ~"only screen and (min-width: 0px)";
+
+@bodyfontsize: 16px;
+@bodyfontsize_desktop: 20px;