@mixin lamb-menu() {
  lamb-menu {
    font-family: nb-theme(menu-font-family);
    // font-size: nb-theme(menu-font-size);
    font-size: nb-theme(menu-font-size);
    font-weight: nb-theme(menu-font-weight);
    background: nb-theme(menu-bg);
    color: nb-theme(menu-fg);

    ul.lamb-menu-items {
      margin: 0;
      padding: 0;
      margin-right: 1px; /** My style */
    }

    .lamb-menu-group {
      font-weight: nb-theme(menu-group-font-weight);
      font-size: nb-theme(menu-group-font-size);
      color: nb-theme(menu-group-fg);
      padding: nb-theme(menu-group-padding);
    }

    .lamb-menu-item {
      a {
        padding: nb-theme(menu-item-padding);
        // border-radius: nb-theme(menu-submenu-item-border-radius);
      }

      a:hover,
      a.active {
        background-color: rgba($color: nb-theme(menu-active-bg), $alpha: 0.1);
        color: nb-theme(menu-active-fg);
        font-weight: nb-theme(menu-active-font-weight);

        .lamb-menu-icon,
        .chevron {
          color: nb-theme(menu-icon-active-color);
        }
        &::before {
          background: nb-theme(btn-success-bg);
        }
      }

      .lamb-menu-icon {
        font-size: nb-theme(menu-icon-font-size);
        width: nb-theme(menu-icon-font-size);
        margin: nb-theme(menu-icon-margin);
        text-align: center;
        color: nb-theme(menu-icon-color);
      }

      .chevron {
        font-size: 0.875rem;
        color: nb-theme(menu-icon-color);
      }
    }

    .lamb-menu-items > .lamb-menu-item {
      border-bottom: 1px solid nb-theme(menu-item-separator);
      &:first-child {
        border-top: 1px solid nb-theme(menu-item-separator);
      }
    }

    .lamb-menu-item > .lamb-menu-items {
      background-color: nb-theme(menu-submenu-bg);
    }

    .lamb-menu-item > .lamb-menu-items > .lamb-menu-item {
      border: none;
      background: nb-theme(menu-submenu-bg);
      color: nb-theme(menu-submenu-fg);
      padding: nb-theme(menu-submenu-item-container-padding);

      &:first-child {
        margin-top: nb-theme(menu-submenu-padding);
      }
      &:last-child {
        margin-bottom: nb-theme(menu-submenu-padding);
      }

      a {
        border: nb-theme(menu-submenu-item-border-width) solid nb-theme(menu-submenu-bg);
        padding: nb-theme(menu-submenu-item-padding);
      }

      a:hover {
        color: nb-theme(menu-submenu-hover-fg);
        background: rgba($color: nb-theme(menu-submenu-hover-bg), $alpha: 0.1)
      }
      
      a.active {
        background-color: rgba($color: nb-theme(menu-submenu-active-bg), $alpha: 0.1);
        color: nb-theme(menu-submenu-active-fg);
        border-color: nb-theme(menu-submenu-active-border-color);
        box-shadow: nb-theme(menu-submenu-active-shadow);
      }
    }
  }

  ::ng-deep.inverse {
    .lamb-menu-item {
      a {
        color: nb-theme(menu-bg);
      }

      a:hover {
        background-color: nb-theme(menu-active-fg);
        color: rgba($color: nb-theme(menu-active-bg), $alpha: 0.1);
      }
      
      a.active {
        background-color: nb-theme(menu-active-fg);
        color: rgba($color: nb-theme(menu-active-bg), $alpha: 0.1);
      }
    }

    .lamb-menu-group {
      color: nb-theme(menu-bg);
    }
  }
}