diff options
Diffstat (limited to 'src/components/button.style.js')
| -rw-r--r-- | src/components/button.style.js | 22 |
1 files changed, 2 insertions, 20 deletions
diff --git a/src/components/button.style.js b/src/components/button.style.js index 900eef26..9f238b4e 100644 --- a/src/components/button.style.js +++ b/src/components/button.style.js @@ -38,11 +38,11 @@ export default { // All states inherit from "normal" state, there is no other inheirtance, i.e. hover+disabled only inherits from "normal", not from hover nor disabled. // However, cascading still works, so resulting state will be result of merging of all relevant states/variants // normal: '' // normal state is implicitly added, it is always included - disabled: ':disabled', toggled: '.toggled', pressed: ':active', hover: ':hover', - focused: ':focus-within' + focused: ':focus-within', + disabled: ':disabled' }, // Variants are mutually exclusive, each component implicitly has "normal" variant, and all other variants inherit from it. variants: { @@ -108,13 +108,6 @@ export default { } }, { - state: ['disabled', 'hover'], - directives: { - background: '$blend(--background, 0.25, --parent)', - shadow: [...buttonInsetFakeBorders] - } - }, - { component: 'Text', parent: { component: 'Button', @@ -124,17 +117,6 @@ export default { textOpacity: 0.25, textOpacityMode: 'blend' } - }, - { - component: 'Text', - parent: { - component: 'Button', - state: ['disabled', 'hover'] - }, - directives: { - textOpacity: 0.25, - textOpacityMode: 'blend' - } } ] } |
