ꦫꦣꦺꦤ꧀ꦄꦤ꧀ꦠꦱꦺꦤ

PATH: home / centosnipponia / public_html / appnip-old / vendor / almasaeed2010 / adminlte / build / scss / mixins

//
// Mixins: Navbar
//

// Navbar Variant
@mixin navbar-variant($name, $color) {
  .navbar-#{$name} {
    background-color: $color;
    color: color-yiq($color);

&.navbar-light {
      .form-control-navbar {
        &::placeholder {
          color: rgba($gray-800, .8);
        }
        &,
        + .input-group-append > .btn-navbar {
          background-color: darken($color, 4%);
          border-color: darken($color, 9%);
          color: rgba($gray-800, .8);
        }

&:focus {
          &::placeholder {
            color: $gray-800;
          }
          &,
          + .input-group-append .btn-navbar {
            background-color: darken($color, 5%);
            border-color: darken($color, 9%) !important;
            color: $gray-800;
          }
        }
      }
    }
    &.navbar-dark {
      .form-control-navbar {
        &::placeholder {
          color: rgba($white, .8);
        }
        &,
        + .input-group-append > .btn-navbar {
          background-color: lighten($color, 4%);
          border-color: lighten($color, 9%);
          color: rgba($white, .8);
        }

&:focus {
          &::placeholder {
            color: $white;
          }
          &,
          + .input-group-append .btn-navbar {
            background-color: lighten($color, 5%);
            border-color: lighten($color, 9%) !important;
            color: $white;
          }
        }
      }
    }
  }
}

[+] ..
[-] _accent.scss [edit]
[-] _animations.scss [edit]
[-] _backgrounds.scss [edit]
[-] _cards.scss [edit]
[-] _custom-forms.scss [edit]
[-] _dark-mode.scss [edit]
[-] _direct-chat.scss [edit]
[-] _miscellaneous.scss [edit]
[-] _navbar.scss [edit]
[-] _scrollbar.scss [edit]
[-] _sidebar.scss [edit]
[-] _toasts.scss [edit]
[-] _touch-support.scss [edit]
[-] .htaccess.disabled [edit]