@use "sass:color";

.navbar {
  .navbar-nav {
    a.active {
      @include media-breakpoint-down(sm) {
        border-left: 3px solid color.scale($primary, $lightness: -25%);
        padding-left: 5px;
      }

      @include media-breakpoint-up(md) {
        border-bottom: 3px solid color.scale($primary, $lightness: -25%);
        padding-bottom: 5px;
      }
    }

    .nav-item {
      @include media-breakpoint-up(sm) {
        font-size: 85%;
      }
    }

    .dropdown-item.active {
      border: none;
    }
  }
}

@use "sass:color";

.navbar-nav {
  a.active {
    @include media-breakpoint-down(sm) {
      border-left: 0.1rem solid color.scale($primary, $lightness: -25%);
      padding-left: 0.5rem;
    }

    @include media-breakpoint-up(md) {
      border-bottom: 0.15rem solid color.scale($primary, $lightness: -25%);
      padding-bottom: 0.3rem;
    }
  }

  li {
    @include media-breakpoint-up(sm) {
      font-size: 90%;
    }
  }
}

Change some styles for navbar
Change some styles for navbar
