first commit

2024-11-07 17:16:20 +02:00
commit 75e91e4ddc
152 changed files with 17270 additions and 0 deletions
@@ -0,0 +1,152 @@
+.nav {
+    // display: box;
+    align-items: center;
+    background: $yellow;
+    height: 50px;
+    justify-content: space-between;
+    padding: 2rem 0rem 2rem 1rem;
+    top: 15px;
+    width: 18.5rem;
+    min-height: 100vh;
+    height: 100%;
+
+    ul.sidemenu {
+        .sidemenuLink {
+            border: 5px solid transparent;
+            height: 4.25rem;
+            padding-left: 5px;
+            // padding: 1rem;
+            p {
+                color: $grey-dark;
+                font-weight: bold;
+    
+               
+            }
+    
+            .menuIcon{
+                width: 40px;
+                margin-right: 15px;
+            }
+    
+            &.active {
+                p {
+                    color: $yellow;
+                }
+                border-radius: 2rem;
+                background-color: $grey-dark;
+                border: 5px solid $grey-dark;
+    
+            }
+            margin-top: 15px;
+    
+            &:hover {
+                p {
+                    color: $yellow;
+                }
+                border-radius: 2rem;
+                background-color: $grey-dark;
+                border: 5px solid $grey-dark;
+            }
+        }
+    }
+    
+    .honeycombs:hover, .honeycombs.active{
+        img{
+            content: url('../../public/images/honeycomb-yellow.png');
+        }
+    }
+}
+
+#logoLink {
+    padding-left: 5px;
+    align-items: center;
+    display: inline-flex;
+    font-size: 20px;
+
+    p {
+        top: 10px;
+        color: $grey-dark;
+    }
+}
+
+.logo{
+        width: 50px;
+        margin-right: 10px;
+        margin-bottom: 10px;
+}
+
+.separator {
+    width: 100%;
+    height: 2px;
+    background: $grey-dark;
+    z-index: 10;
+    position: relative;
+    border-radius: 25px;
+    border: 0px solid;
+    margin: 5 0 25 0;
+
+    &.yellow {
+        margin-bottom: 15px;
+        background: $yellow;
+        top: 10px;
+    }
+}
+
+.innerMenu {
+    height: 2.5rem;
+    align-items: center;
+    gap: 30%;
+    font-weight: 1;
+
+    &--right {
+        gap: 20px;
+        position: fixed;
+        right: 2.7rem;
+        padding-right: 10px;
+    }
+}
+
+.breadcrumb {
+    gap: 400px;
+}
+
+.searchBar {
+    form {
+        margin: 0;
+
+        input {
+            overflow: hidden;
+            background-color: white;
+            margin-left: 15px;
+            border: 2px solid $grey-light;
+            border-radius: 30px;
+            padding: 5px;
+            font-size: small;
+            color: $grey-dark;
+            left: 10px;
+            width: 250px;
+            margin-top: 0;
+
+            &:focus {
+                margin-left: none;
+                outline: none;
+                border: 2px solid $grey-dark;
+            }
+
+            &::placeholder {
+                color: $grey-light;
+            }
+        }
+    }
+    img {
+        position: relative;
+        right: 35px;
+        background-color: transparent;
+        cursor: pointer;
+        width: 25px;
+        height: 100%;
+        top:5px;
+    }
+}
+
+