1 files changed, 19 insertions, 0 deletions
diff --git a/src/components/underlay.style.js b/src/components/underlay.style.js
new file mode 100644
index 00000000..3e0e1bf1
--- /dev/null
+++ b/src/components/underlay.style.js
@@ -0,0 +1,19 @@
+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: [
+    {
+      directives: {
+        background: '#000000',
+        opacity: 0.2
+      }
+    }
+  ]
+}