%PDF- %PDF-
Mini Shell

Mini Shell

Direktori : /home/vacivi36/www2]/app/assets/styles/component/
Upload File :
Create Path :
Current File : /home/vacivi36/www2]/app/assets/styles/component/_sidebar.scss

/*******************
Main sidebar
******************/

mat-sidenav {
  width: 220px;
  padding-top: 0px;
}

#snav {
  box-shadow: 1px 0px 20px rgba(0, 0, 0, 0.08);

  .mat-list-item {
    height: auto;

    &:hover {
      background: none;
    }

    .mat-list-item-content {
      display: block;
      padding: 0px 15px;

      &:hover {
        background: none;

        > a {
          color: $sidebar-label;
        }
      }
    }

    a {
      height: 38px;
      padding: 0 10px;
      margin-bottom: 10px;
      align-items: center;
      display: flex;
      font-size: 15px;
      white-space: nowrap;
      color: $sidebar-text;

      mat-icon:not(.dd-icon) {
        margin-right: 8px;
      }

      .dd-icon {
        font-size: 16px;
        width: 16px;
        transition: 0.2s ease-in;
        margin: 5px 0 5px 5px;
        height: 16px;
      }
    }

    &.selected > .mat-list-item-content > a {
      background: $sidebar-option;
      border-radius: $radius;
      color: $sidebar-label;

      mat-icon {
        color: $sidebar-icons-actived;
      }

      .dd-icon {
        -webkit-transform: rotate(-180deg);
        transform: rotate(-180deg);
      }
    }

    &.selected .sub-item .mat-list-item-content a.selected {
      background: transparent;
      color: $inverse;
      font-weight: 500;
    }
  }
}

.sidebar-closed #snav {
  &.mat-sidenav ~ .mat-drawer-content {
    margin-left: 0px !important;
  }
}

.active-link {
  background-color: white;
  border-radius: $radius;
}

.mat-list-item {
  transition: background-color 0.3s, color 0.3s;
}

/* Ajustes para ícones e textos */
.active-link mat-icon, .active-link span {
  color: $sidebar-icons-actived;
}

Zerion Mini Shell 1.0