.nav-pills > .active > a:hover,
.nav-pills > .active > a:focus {
color: #fff;
- background-color: @link-color;
+ background-color: @component-active-bg;
}
// Stacked pills
// Links
// -------------------------
-@link-color: #428bca;
+@link-color: @brand-primary;
@link-color-hover: darken(@link-color, 15%);
// Typography
@headings-font-weight: 500;
-// Component sizing
+// Components
// -------------------------
// Based on 14px font-size and 1.5 line-height
@border-radius-large: 6px;
@border-radius-small: 3px;
+@component-active-bg: @brand-primary;
+
// Tables
// -------------------------
@dropdown-link-color-hover: #fff;
@dropdown-link-color-active: #fff;
-@dropdown-link-background-active: @link-color;
+@dropdown-link-background-active: @component-active-bg;
@dropdown-link-background-hover: @dropdown-link-background-active;