Update ibm-tab custom properties

IBMResearch · Oct 11, 2016 · df6c76a · df6c76a
1 parent c40658b
commit df6c76a
Showing 1 changed file with 8 additions and 4 deletions.
diff --git a/ibm-tab.html b/ibm-tab.html
@@ -14,7 +14,11 @@
 <!--
 `<ibm-tab>` is the tab for the `<ibm-tabs>`.
 
-@demo demo/index.html
+### Styling
+
+Custom property            | Description                           | Default
+---------------------------|---------------------------------------|------------
+`--ibm-tab-focused-color`  | Focused tab text and underline color  | `#3b6caa`
 -->
 
 <dom-module id="ibm-tab">
@@ -37,13 +41,13 @@
       }
 
       :host(:focus) {
-        color: var(--ibm-tabs-selected-color, #3b6caa);
+        color: var(--ibm-tab-focused-color, #3b6caa);
         outline: none;
       }
 
       :host(:hover),
       :host(.iron-selected) {
-        color: var(--ibm-tabs-selected-color, #3b6caa);
+        color: var(--ibm-tab-focused-color, #3b6caa);
       }
 
       :host::after {
@@ -61,7 +65,7 @@
         -webkit-transform: translate3d(0, 4px, 0);
         transform: translate3d(0, 4px, 0);
 
-        background: var(--ibm-tabs-selected-color, #3b6caa);
+        background: var(--ibm-tab-focused-color, #3b6caa);
       }
 
       :host(:focus)::after {