init project

resources/js/vue/styles/material-dashboard/_sidebar.scss

@@ -0,0 +1,86 @@
+.v-navigation-drawer {
+  @include shadow-big();
+
+  .v-list {
+    background: $sidebar-bg;
+    padding: 0;
+
+    .v-list-item {
+      &:not(:nth-child(3)){
+        margin: $margin-small $margin-general 0;
+      }
+
+      &:nth-child(3) {
+        margin: 0 $margin-general;
+      }
+
+      & > .v-list__tile {
+        padding: $padding-small $padding-general;
+
+        &:hover,
+        &:focus,
+        &:active {
+          background-color: $list-item-hover;
+        }
+
+        .v-list__tile__title {
+          font-size: $font-size-general !important;
+          font-weight: $font-weight-lighter;
+          padding: 0;
+        }
+      }
+
+      .v-list__tile__action {
+        margin-right: $margin-general;
+        min-width: unset;
+
+        i {
+          width: $icon-width;
+        }
+      }
+
+      .v-list__tile:not(.v-list__tile--active) .v-list__tile__action i {
+        opacity: $list-item-icon-opacity;
+      }
+
+      .v-list__tile.v-list__tile--active {
+        // @include shadow-big-color($brand-success);
+      }
+    }
+
+    .v-list__tile--avatar {
+      height: unset;
+      padding: $padding-logo 0;
+    }
+
+    .v-list__tile__avatar {
+      margin-left: $margin-list-left;
+      margin-right: $margin-list-right;
+      min-width: unset;
+    }
+
+    .v-list__tile__title {
+      line-height: $line-height;
+      padding: $padding-avatar-title 0;
+      height: unset;
+      font-size: $font-size-avatar-title !important;
+      font-weight: $font-weight-base;
+      letter-spacing: unset !important;
+    }
+
+    .v-divider {
+      border-color: $black-opacity-3;
+      margin: $divider-margins auto $divider-margins + 25;
+      width: $divider-width;
+
+    }
+
+    .v-image__image--contain {
+      top: $top-dim;
+    }
+
+    .v-avatar {
+      @include shadow-big;
+    }
+  }
+}