diff options
Diffstat (limited to 'src/components/tab_switcher/tab.style.js')
| -rw-r--r-- | src/components/tab_switcher/tab.style.js | 15 |
1 files changed, 7 insertions, 8 deletions
diff --git a/src/components/tab_switcher/tab.style.js b/src/components/tab_switcher/tab.style.js index bf4a4ea5..eac8aaeb 100644 --- a/src/components/tab_switcher/tab.style.js +++ b/src/components/tab_switcher/tab.style.js @@ -3,7 +3,7 @@ export default { selector: '.tab', // CSS selector/prefix states: { active: '.active', - hover: ':hover:not(:disabled)', + hover: ':hover:not(.disabled)', disabled: '.disabled' }, validInnerComponents: [ @@ -25,23 +25,22 @@ export default { } }, { - state: ['hover', 'active'], + state: ['active'], directives: { - shadow: ['--defaultButtonShadow', '--defaultButtonBevel'], opacity: 0 } }, { - state: ['disabled'], + state: ['hover', 'active'], directives: { - background: '$blend(--inheritedBackground, 0.25, --parent)', - shadow: ['--defaultButtonBevel'] + shadow: ['--defaultButtonShadow', '--defaultButtonBevel'] } }, { - state: ['active'], + state: ['disabled'], directives: { - opacity: 0 + background: '$blend(--inheritedBackground, 0.25, --parent)', + shadow: ['--defaultButtonBevel'] } }, { |