src/components/icon.style.js


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

export default {
  name: 'Icon',
  virtual: true,
  selector: '.svg-inline--fa',
  defaultRules: [
    {
      component: 'Icon',
      directives: {
        textColor: '--text',
        // textAuto: 'no-auto', // doesn't work well with mixrgb?
        textOpacity: 0.5,
        textOpacityMode: 'mixrgb'
      }
    }
  ]
}