// Variables //—————————————————— $pill-background-color: $aqua-dark !default; $pill-background-color-hover: $lightgray-dark !default; $pill-font-color: $darkgray-dark !default; $pill-font-color-active: $white !default;
// Exports //——————————————————
@include exports(“pill”) {
/** * pill * -------------------------------------------------- */ .nav-pills { & > li.active > a, & > li.active > a:hover, & > li.active > a:focus { color: $pill-font-color-active; background-color: $pill-background-color; } & > li > a { color: $pill-background-color; } & > li > a:hover { color: $pill-font-color; background-color: $pill-background-color-hover; } & > .active > a > .badge { color: $pill-background-color; } & .open > a, & .open > a:focus, & .open > a:hover { color: $pill-font-color; background-color: $pill-background-color-hover; } }
}