@mixin create-navbar-for-theme($name, $color) {
  .navbar-#{$name}{
    background-color: $color;
    border-bottom: $nav-bar-border-width solid set-border-color($color);
    .brand{
      color: inherit;
    }
    .brand{
      color: set-color($color)
    }
    .nav{
      &-link{
        color: set-color($color);
      }
    }
  }
}

@mixin create-navbar-collapse-for-breakpoint($subfix) {
  .navbar-collapse-#{$subfix} {
    flex-wrap: nowrap;
    .nav {
      display: flex;
      width: 100%;
      &-toggler {
        display: none;}

      &-menu {
        width: auto;
        height: 100%;
        overflow-y: visible;
        display: flex;
      }
    }
  }
}