src/components/underlay.style.js


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

export default {
  name: 'Underlay',
  selector: '#content',
  // Out of tree selector: Most components are laid over underlay, but underlay itself is not part of the DOM tree,
  // i.e. it's a separate absolutely-positioned component, so we need to treat it differently depending on whether
  // we are searching for underlay specifically or for whatever is laid on top of it.
  outOfTreeSelector: '.underlay',
  validInnerComponents: [
    'Panel'
  ],
  defaultRules: [
    {
      component: 'Underlay',
      directives: {
        background: '#000000',
        opacity: 0.2
      }
    }
  ]
}