From 9ec61d0f0a26369196d9e9b4ac62f4a5b3c38ce1 Mon Sep 17 00:00:00 2001 From: Henry Jameson Date: Fri, 9 Feb 2024 19:37:22 +0200 Subject: comments and cleanup --- src/components/button.style.js | 9 ++++++--- 1 file changed, 6 insertions(+), 3 deletions(-) (limited to 'src/components/button.style.js') diff --git a/src/components/button.style.js b/src/components/button.style.js index f24e8ccc..c86fee64 100644 --- a/src/components/button.style.js +++ b/src/components/button.style.js @@ -21,17 +21,20 @@ const hoverGlow = { } export default { - name: 'Button', - selector: '.button', + name: 'Button', // Name of the component + selector: '.button', // CSS selector/prefix + // States, system witll calculate ALL possible combinations of those and append a "normal" to them + standalone "normal" state states: { + // normal: state is implicitly added disabled: ':disabled', toggled: '.toggled', pressed: ':active', hover: ':hover', focused: ':focus-within' }, + // Variants are mutually exclusive, which saves on computation time variants: { - normal: '-default', + normal: '-default', // you can override normal variant danger: '.danger', unstyled: '-unstyled' }, -- cgit v1.2.3-70-g09d2