Remove $tab-item-color and add $tab-item-font-size variables, closes #7675

diff --git a/scss/components/_tabs.scss b/scss/components/_tabs.scss
index 3227d605398004132bdaffaa13f091e283a92b22..1ab10f60d027ec9f771ec270e005c087243081ab 100644 (file)
--- a/scss/components/_tabs.scss
+++ b/scss/components/_tabs.scss
@@ -22,9 +22,9 @@ $tab-background-active: $light-gray !default;
 /// @type Color
 $tab-border: $light-gray !default;
 
-/// Default text color for items in a Menu.
-/// @type Color
-$tab-item-color: foreground($tab-background, $primary-color) !default;
+/// Font size of tab items.
+/// @type Number
+$tab-item-font-size: rem-calc(12) !default;
 
 /// Default background color on hover for items in a Menu.
 $tab-item-background-hover: $white !default;
@@ -79,8 +79,7 @@ $tab-content-padding: 1rem !default;
     display: block;
     padding: $tab-item-padding;
     line-height: 1;
-    font-size: 12px;
-    color: $tab-item-color;
+    font-size: $tab-item-font-size;
 
     &:hover {
       background: $tab-item-background-hover;