From f703be13bb6a9234e852090208b7714dd24543ae Mon Sep 17 00:00:00 2001
From: Travis Kohlbeck <me+git@travisk.info>
Date: Thu, 3 Sep 2020 13:37:43 -0400
Subject: [PATCH] Disable MobileHeader opacity blur for Firefox

---
 src/components/MobileHeader/styles.tsx | 7 +++++++
 1 file changed, 7 insertions(+)

diff --git a/src/components/MobileHeader/styles.tsx b/src/components/MobileHeader/styles.tsx
index 3c3bc06..7de0e71 100644
--- a/src/components/MobileHeader/styles.tsx
+++ b/src/components/MobileHeader/styles.tsx
@@ -21,6 +21,13 @@ export const MobileHeaderWrapper = styled.div`
   @media screen and (max-width: 767px) {
     display: flex;
   }
+
+  /* known bug: "} expected ts-styled-plugin(9999)" https://github.com/microsoft/typescript-styled-plugin/issues/51 */
+  @-moz-document url-prefix() {
+    & {
+      background: inherit;
+    }
+  }
 `
 
 export const LogoWrapper = styled.div`