webseite-sass-js/assets/css/main.css

@@ -4,6 +4,7 @@
  * Copyright 2011-2025 The Bootstrap Authors
  * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
  */
+@import 'https://cdnjs.cloudflare.com/ajax/libs/font-awesome/7.3.0/css/all.min.css';
 :root,
 [data-bs-theme=light] {
   --bs-blue: #0d6efd;
@@ -12072,6 +12073,21 @@ body {
   font-family: "Source Sans 3", "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
 }
 
+body {
+  display: flex;
+  flex-direction: column;
+}
+
+main,
+#main {
+  flex: 1 0 auto;
+}
+
+body > footer,
+.footer-main {
+  flex-shrink: 0;
+}
+
 h1, .h1,
 h2,
 .h2,
@@ -12117,6 +12133,16 @@ h6,
   justify-content: center;
   align-items: center;
 }
+.header-main--min {
+  height: 150px;
+  background-color: #8cbeb2;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+}
+.header-main--min .content-box figure {
+  width: 150px;
+}
 
 figure.logo-main {
   width: 280px;
@@ -12135,11 +12161,21 @@ figure.logo-main figcaption {
 .menu-main {
   background-color: #f06060;
 }
-.menu-main ul.list {
-  display: flex;
+.menu-main ul {
   padding: 0;
   margin: 0;
   list-style: none;
+}
+.menu-main ul ul {
+  display: none;
+}
+.menu-main ul > li:hover ul,
+.menu-main ul > li:focus ul,
+.menu-main ul > li:focus-within ul {
+  display: block;
+}
+.menu-main ul.list {
+  display: flex;
   justify-content: center;
 }
 .menu-main ul.list li a {
@@ -12148,6 +12184,41 @@ figure.logo-main figcaption {
   text-transform: uppercase;
   color: white;
   padding: 0.5rem 1rem;
+  transition: all 0.4s ease-out;
+}
+.menu-main ul.list li a:hover, .menu-main ul.list li a:focus {
+  background-color: white;
+  color: #f06060;
+}
+.menu-main ul.sublist {
+  position: absolute;
+  background-color: rgba(240, 96, 96, 0.8);
+}
+.menu-main ul.sublist li a {
+  display: inline-block;
+  background-color: #f06060;
+  color: white;
+  padding: 0.5rem 1rem;
+  transition: all 0.4s ease-out;
+}
+.menu-main ul.sublist li a:hover, .menu-main ul.sublist li a:focus {
+  background-color: white;
+  color: #f06060;
+}
+
+.product-manager table .th-actions {
+  width: 150px;
+}
+.product-manager table tbody td button {
+  margin: 3px;
+}
+.product-manager table tfoot .row > * {
+  margin-bottom: 1rem;
+}
+@media (min-width: 992px) {
+  .product-manager table tfoot .row > * {
+    margin-bottom: 0;
+  }
 }
 
 /*# sourceMappingURL=main.css.map */