change .heti-adjacent-half to Firefox-or-Safari-only style

sivan · Dec 19, 2024 · db6fd07 · db6fd07
1 parent 0746de9
commit db6fd07
Showing 1 changed file with 12 additions and 3 deletions.
diff --git a/lib/helpers/_add-on.scss b/lib/helpers/_add-on.scss
@@ -1,4 +1,4 @@
-// Author: Sivan [[email protected]]
+// Author: Sivan [[email protected]], Kika [[email protected]]
 // Description: define add-ons.
 @import "../variables";
 
@@ -25,8 +25,17 @@
     display: inline;
   }
 
-  .heti-adjacent-half {
-    margin-inline-end: -0.5em;
+  // chrome do not need, only Firefox and Safari need margin-inline-end, see issue https://github.com/sivan/heti/issues/124
+  @-moz-document url-prefix(){
+    .heti-adjacent-half {
+      margin-inline-end: -0.5em;
+    }
+  }
+
+  _::-webkit-full-page-media, _:future, :root .safari_only{
+    .heti-adjacent-half {
+      margin-inline-end: -0.5em;
+    }
   }
 
   .heti-adjacent-quarter {