@import "../../../../src/style/abstracts/all";

:local(.listNavigation) {
  list-style: none;
  font-size: 14pt;
  margin: 0;
  padding: 0;
  background-color: $bright-white;
  > li {
    > a, > router-link {
      display: block;
      color: #212121;
      text-decoration: none;
      padding: 10px 20px;
      width: 100%;
      min-width: 200px;
      border-left: 2px solid transparent;
      @include transition(background-color .2s ease-in-out);
      &:hover {
        background-color: bright-gray($dark-color);
        cursor: pointer;
      }
      &.active {
        border-left: 2px solid $primary-color;
      }
      :local(.listItemIcon){
        margin-right: 8px;
      }
    }
  }
}