Add check firefox has() support

zumerlab · Oct 11, 2023 · 8d79f49 · 8d79f49
1 parent ebdc5aa
commit 8d79f49
Showing 1 changed file with 24 additions and 0 deletions.
diff --git a/src/utilities/_reset.scss b/src/utilities/_reset.scss
@@ -5,3 +5,27 @@
   margin: 0
 }
 
+/* Check Firefox has() support */
+@supports not selector(:has(a)) {	
+
+  .o-container .o-orbit {
+    display: none;
+
+  }
+
+  .o-container::before {
+    background-color: yellow;
+    content: '°ⓩ Orbit is not yet supported by 🦊 Firefox (until v.120)';
+    text-shadow: 0 0 2px red;
+    font-size: 18px;
+
+  }
+
+  .o-container::after {
+    content: "To experience Orbit, enable 'layout.css.has-selector.enabled' in your Firefox settings. Just head to about:config!";
+    text-shadow: 0 0 2px rgba(253, 2, 2, 0.384);
+    font-size: 18px;
+
+  }
+}
+