src/components/root.style.js


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

export default {
  name: 'Root',
  selector: ':root',
  validInnerComponents: [
    'Underlay',
    'Modals',
    'Popover',
    'TopBar',
    'Scrollbar',
    'ScrollbarElement',
    'MobileDrawer',
    'Button' // mobile post button
  ],
  defaultRules: [
    {
      directives: {
        '--font': 'generic | sans-serif',
        '--monoFont': 'generic | monospace'
      }
    }
  ]
}