sidebar

front/sass/_nav.scss

@@ -1,16 +1,74 @@
-.lx-nav{
-    display: flex;
-    justify-content: space-between;
-    align-items: center;
-    background-color: rgba(255,255,255,1);
-    margin-bottom:0px ;
-    .nav-item{
-        padding:16px 0;
-        margin: 0 16px;
-        color: $primary;
+.lx-nav {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  //background-color: rgba(255,255,255,1);
+  margin-bottom: 0px;
+
+  .nav-item {
+    padding: 16px 0;
+    margin: 0 16px;
+    color: $primary;
+
+  }
+
+  a {
+    text-decoration: none;
+  }
+
 
-    }
-    a{
-        text-decoration: none;
-    }
 }
+
+
+.accordion {
+  border: none;
+}
+
+.accordion-item {
+  border: none;
+  background: transparent;
+}
+
+.accordion-button:not(.collapsed) {
+  box-shadow: none;
+}
+
+
+.offcanvas-body {
+  padding: 0;
+  overflow: hidden;
+}
+
+.accordion-button:not(.collapsed) {
+  background: rgba(11, 93, 30, 0.2) !important;
+  font-weight: bold;
+}
+
+.accordion .list-group-item {
+  margin-left: 20px;
+  border-left: 2px solid rgba(11, 93, 30, 0.2);
+  border-top: none;
+  border-bottom: none;
+}
+
+.accordion .list-group-item:hover {
+  background: rgba(11, 93, 30, 0.1) !important;
+}
+
+.accordion .list-group-item.active {
+  border-left: 2px solid rgba(11, 93, 30, 0.8);
+  border-top: none;
+  border-bottom: none;
+  background: rgba(11, 93, 30, 0.1) !important;
+  color: var(--bs-primary);
+}
+
+.sidebar-logo{
+  padding: 5px 20px;
+  border-bottom:  1px solid rgba(11, 93, 30, 0.2);
+}
+.sidebar-logo a{
+  text-decoration: none;
+  font-size: 25px;
+  color: var(--bs-primary);
+}