src/components/badge.style.js


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30

export default {
  name: 'Badge',
  selector: '.badge',
  validInnerComponents: [
    'Text',
    'Icon'
  ],
  variants: {
    notification: '.-notification'
  },
  defaultRules: [
    {
      component: 'Root',
      directives: {
        '--badgeNotification': 'color | --cRed'
      }
    },
    {
      directives: {
        background: '--cGreen'
      }
    },
    {
      variant: 'notification',
      directives: {
        background: '--cRed'
      }
    }
  ]
}