agneta-angularjs/source/ui/menu-expand.styl

Create your agneta applications with AngularJS

.menu-expand {
  &.lock {
    .md-sidemenu-toggle {
      border-bottom: solid 2px grey;
      pointer-events: none;
    }

    .md-sidemenu-wrapper {
      margin-top: 0 !important;
      opacity: 1;
    }
  }

  .md-sidemenu-group {
    >* {
      margin-top: 10px;

      &:first-child {
        margin-top: 0px;
      }
    }
  }

  .md-sidemenu-wrapper {
    .md-button {
      padding: 16px;
    }
  }

  md-sidemenu-button {
    box-sizing: border-box;
    background: whitesmoke;

    &.active {
      pointer-events: none;
      background: color-primary;
      color: white;
    }
  }

  .md-sidemenu-button {
    background: transparent !important;
  }

  .md-sidemenu-content {
    border: solid 1px #d7d7d7;
    border-radius: 4px;
  }

  .md-sidemenu-toggle {
    font-size: 1.2em;
    background: white;

    &.md-active {
      border-bottom: solid 2px grey;
    }
  }
}