/// Active font color of tab item.
/// @type Color
-$tab-background-active-color: $primary-color !default;
+$tab-active-color: $primary-color !default;
/// Font size of tab items.
/// @type Number
$padding: $tab-item-padding,
$font-size: $tab-item-font-size,
$color: $tab-color,
- $color-active: $tab-background-active-color,
+ $color-active: $tab-active-color,
$background-hover: $tab-item-background-hover,
$background-active: $tab-background-active
) {
$tab-background: $white;
$tab-color: $primary-color;
$tab-background-active: $light-gray;
-$tab-background-active-color: $primary-color;
+$tab-active-color: $primary-color;
$tab-item-font-size: rem-calc(12);
$tab-item-background-hover: $white;
$tab-item-padding: 1.25rem 1.5rem;