src/components/button.style.js


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19

export default {
  name: 'Button',
  selector: '.btn',
  states: {
    disabled: ':disabled',
    toggled: '.toggled',
    pressed: ':active',
    hover: ':hover'
  },
  variants: {
    danger: '.danger',
    unstyled: '.unstyled',
    sublime: '.sublime'
  },
  validInnerComponents: [
    'Text',
    'Icon'
  ]
}