From 96e3a1593ab6b45b2b6794e353623d0e87a7d8ff Mon Sep 17 00:00:00 2001 From: Henry Jameson Date: Thu, 15 Feb 2024 20:20:27 +0200 Subject: more optimizations, execution is now split into eager (for main UI) and lazy (for modals, popovers etc) parts --- src/components/button.style.js | 22 ++-------------------- 1 file changed, 2 insertions(+), 20 deletions(-) (limited to 'src/components/button.style.js') 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: { @@ -107,13 +107,6 @@ export default { shadow: [...buttonInsetFakeBorders] } }, - { - state: ['disabled', 'hover'], - directives: { - background: '$blend(--background, 0.25, --parent)', - shadow: [...buttonInsetFakeBorders] - } - }, { component: 'Text', parent: { @@ -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' - } } ] } -- cgit v1.2.3-70-g09d2