src/components/text.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
31
32
33

export default {
  name: 'Text',
  selector: '/*text*/',
  virtual: true,
  variants: {
    greentext: '.greentext'
  },
  states: {
    faint: '.faint'
  },
  defaultRules: [
    {
      component: 'Text',
      directives: {
        textColor: '--text'
      }
    },
    {
      component: 'Text',
      state: ['faint'],
      directives: {
        textOpacity: 0.5
      }
    },
    {
      component: 'Text',
      variant: 'greentext',
      directives: {
        textColor: '--cGreen'
      }
    }
  ]
}