You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
45 lines
1.1 KiB
45 lines
1.1 KiB
// 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;
|
|
}
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|