Fix Firefox zoom

JayPanoz · JayPanoz · commit eddbd17d6fc1 · 2025-04-12T12:01:46.000+02:00
diff --git a/css/dist/ReadiumCSS-after.css b/css/dist/ReadiumCSS-after.css
@@ -1,5 +1,5 @@
 /*
- * Readium CSS (v. 2.0.0-beta.9)
+ * Readium CSS (v. 2.0.0-beta.10)
  * Developers: Jiminy Panoz 
  * Copyright (c) 2017. Readium Foundation. All rights reserved.
  * Use of this source code is governed by a BSD-style license which is detailed in the
@@ -56,7 +56,7 @@
   min-height:100vh;
   padding:0 !important;
   margin:0 !important;
-  font-size:100% !important;
+  font-size:1rem !important;
   box-sizing:border-box;
   -webkit-touch-callout:none;
 }
@@ -356,7 +356,7 @@ body{
   font-family:var(--USER__fontFamily) !important;
 }
 
-:root[style*="readium-font-on"][style*="--USER__fontFamily"] *:not(code):not(var):not(kbd):not(samp){
+:root[style*="readium-font-on"][style*="--USER__fontFamily"] *{
   font-family:revert !important;
 }
 
diff --git a/css/dist/ReadiumCSS-before.css b/css/dist/ReadiumCSS-before.css
@@ -1,5 +1,5 @@
 /*
- * Readium CSS (v. 2.0.0-beta.9)
+ * Readium CSS (v. 2.0.0-beta.10)
  * Developers: Jiminy Panoz 
  * Copyright (c) 2017. Readium Foundation. All rights reserved.
  * Use of this source code is governed by a BSD-style license which is detailed in the
diff --git a/css/dist/ReadiumCSS-default.css b/css/dist/ReadiumCSS-default.css
@@ -1,5 +1,5 @@
 /*
- * Readium CSS (v. 2.0.0-beta.9)
+ * Readium CSS (v. 2.0.0-beta.10)
  * Developers: Jiminy Panoz 
  * Copyright (c) 2017. Readium Foundation. All rights reserved.
  * Use of this source code is governed by a BSD-style license which is detailed in the
diff --git a/css/dist/cjk-horizontal/ReadiumCSS-after.css b/css/dist/cjk-horizontal/ReadiumCSS-after.css
@@ -1,5 +1,5 @@
 /*
- * Readium CSS (v. 2.0.0-beta.9)
+ * Readium CSS (v. 2.0.0-beta.10)
  * Developers: Jiminy Panoz 
  * Copyright (c) 2017. Readium Foundation. All rights reserved.
  * Use of this source code is governed by a BSD-style license which is detailed in the
@@ -56,7 +56,7 @@
   min-height:100vh;
   padding:0 !important;
   margin:0 !important;
-  font-size:100% !important;
+  font-size:1rem !important;
   box-sizing:border-box;
   -webkit-touch-callout:none;
 }
@@ -322,7 +322,7 @@ body{
   font-family:var(--USER__fontFamily) !important;
 }
 
-:root[style*="readium-font-on"][style*="--USER__fontFamily"] *:not(code):not(var):not(kbd):not(samp){
+:root[style*="readium-font-on"][style*="--USER__fontFamily"] *{
   font-family:revert !important;
 }
 
diff --git a/css/dist/cjk-horizontal/ReadiumCSS-before.css b/css/dist/cjk-horizontal/ReadiumCSS-before.css
@@ -1,5 +1,5 @@
 /*
- * Readium CSS (v. 2.0.0-beta.9)
+ * Readium CSS (v. 2.0.0-beta.10)
  * Developers: Jiminy Panoz 
  * Copyright (c) 2017. Readium Foundation. All rights reserved.
  * Use of this source code is governed by a BSD-style license which is detailed in the
diff --git a/css/dist/cjk-horizontal/ReadiumCSS-default.css b/css/dist/cjk-horizontal/ReadiumCSS-default.css
@@ -1,5 +1,5 @@
 /*
- * Readium CSS (v. 2.0.0-beta.9)
+ * Readium CSS (v. 2.0.0-beta.10)
  * Developers: Jiminy Panoz 
  * Copyright (c) 2017. Readium Foundation. All rights reserved.
  * Use of this source code is governed by a BSD-style license which is detailed in the
diff --git a/css/dist/cjk-vertical/ReadiumCSS-after.css b/css/dist/cjk-vertical/ReadiumCSS-after.css
@@ -1,5 +1,5 @@
 /*
- * Readium CSS (v. 2.0.0-beta.9)
+ * Readium CSS (v. 2.0.0-beta.10)
  * Developers: Jiminy Panoz 
  * Copyright (c) 2017. Readium Foundation. All rights reserved.
  * Use of this source code is governed by a BSD-style license which is detailed in the
@@ -56,7 +56,7 @@
   min-height:100vh;
   padding:0 !important;
   margin:0 !important;
-  font-size:100% !important;
+  font-size:1rem !important;
   box-sizing:border-box;
 
   hanging-punctuation:last allow-end;
@@ -310,7 +310,7 @@ body{
   font-family:var(--USER__fontFamily) !important;
 }
 
-:root[style*="readium-font-on"][style*="--USER__fontFamily"] *:not(code):not(var):not(kbd):not(samp){
+:root[style*="readium-font-on"][style*="--USER__fontFamily"] *{
   font-family:revert !important;
 }
 
diff --git a/css/dist/cjk-vertical/ReadiumCSS-before.css b/css/dist/cjk-vertical/ReadiumCSS-before.css
@@ -1,5 +1,5 @@
 /*
- * Readium CSS (v. 2.0.0-beta.9)
+ * Readium CSS (v. 2.0.0-beta.10)
  * Developers: Jiminy Panoz 
  * Copyright (c) 2017. Readium Foundation. All rights reserved.
  * Use of this source code is governed by a BSD-style license which is detailed in the
diff --git a/css/dist/cjk-vertical/ReadiumCSS-default.css b/css/dist/cjk-vertical/ReadiumCSS-default.css
@@ -1,5 +1,5 @@
 /*
- * Readium CSS (v. 2.0.0-beta.9)
+ * Readium CSS (v. 2.0.0-beta.10)
  * Developers: Jiminy Panoz 
  * Copyright (c) 2017. Readium Foundation. All rights reserved.
  * Use of this source code is governed by a BSD-style license which is detailed in the
diff --git a/css/dist/rtl/ReadiumCSS-after.css b/css/dist/rtl/ReadiumCSS-after.css
@@ -1,5 +1,5 @@
 /*
- * Readium CSS (v. 2.0.0-beta.9)
+ * Readium CSS (v. 2.0.0-beta.10)
  * Developers: Jiminy Panoz 
  * Copyright (c) 2017. Readium Foundation. All rights reserved.
  * Use of this source code is governed by a BSD-style license which is detailed in the
@@ -56,7 +56,7 @@
   min-height:100vh;
   padding:0 !important;
   margin:0 !important;
-  font-size:100% !important;
+  font-size:1rem !important;
   box-sizing:border-box;
   -webkit-touch-callout:none;
 }
@@ -336,7 +336,7 @@ body{
   font-family:var(--USER__fontFamily) !important;
 }
 
-:root[style*="readium-font-on"][style*="--USER__fontFamily"] *:not(code):not(var):not(kbd):not(samp){
+:root[style*="readium-font-on"][style*="--USER__fontFamily"] *{
   font-family:revert !important;
 }
 
diff --git a/css/dist/rtl/ReadiumCSS-before.css b/css/dist/rtl/ReadiumCSS-before.css
@@ -1,5 +1,5 @@
 /*
- * Readium CSS (v. 2.0.0-beta.9)
+ * Readium CSS (v. 2.0.0-beta.10)
  * Developers: Jiminy Panoz 
  * Copyright (c) 2017. Readium Foundation. All rights reserved.
  * Use of this source code is governed by a BSD-style license which is detailed in the
diff --git a/css/dist/rtl/ReadiumCSS-default.css b/css/dist/rtl/ReadiumCSS-default.css
@@ -1,5 +1,5 @@
 /*
- * Readium CSS (v. 2.0.0-beta.9)
+ * Readium CSS (v. 2.0.0-beta.10)
  * Developers: Jiminy Panoz 
  * Copyright (c) 2017. Readium Foundation. All rights reserved.
  * Use of this source code is governed by a BSD-style license which is detailed in the
diff --git a/css/src/modules/ReadiumCSS-pagination-vertical.css b/css/src/modules/ReadiumCSS-pagination-vertical.css
@@ -26,8 +26,10 @@
   /* Prevents options pop-up when long tap in webkit */
   -webkit-touch-callout: none;
 
-  /* Column size will depend on this if we want to make it responsive */
-  font-size: 100% !important;
+  /* Column size will depend on this if we want to make it responsive
+     We have to use rem because zoom won’t work properly on Firefox 
+     if it is set in percentage or em… */
+  font-size: 1rem !important;
 
   /* In case you use left position to scroll, can be removed if using transform: translateX() */
   position: relative;
diff --git a/css/src/modules/ReadiumCSS-pagination.css b/css/src/modules/ReadiumCSS-pagination.css
@@ -29,8 +29,10 @@
   /* Prevents options pop-up when long tap in webkit */
   -webkit-touch-callout: none;
 
-  /* Column size will depend on this if we want to make it responsive */
-  font-size: 100% !important;
+  /* Column size will depend on this if we want to make it responsive
+     We have to use rem because zoom won’t work properly on Firefox 
+     if it is set in percentage or em… */
+  font-size: 1rem !important;
 
   /* In case you use left position to scroll, can be removed if using transform: translateX() */
   position: relative;
diff --git a/css/src/modules/user-settings-submodules/ReadiumCSS-fontFamily_pref.css b/css/src/modules/user-settings-submodules/ReadiumCSS-fontFamily_pref.css
@@ -12,6 +12,6 @@
 
 /* We are using revert instead of inherit as Firefox zoom implementation will break 
    as soon as font-family is set to an element, including value inherit */
-:root:--font-override[style*="--USER__fontFamily"] *:not(code):not(var):not(kbd):not(samp) {
+:root:--font-override[style*="--USER__fontFamily"] * {
   font-family: revert !important;
 }
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -1,7 +1,7 @@
 {
   "name": "@readium/css",
   "description": "A set of reference stylesheets for EPUB Reading Systems",
-  "version": "2.0.0-beta.9",
+  "version": "2.0.0-beta.10",
   "homepage": "https://github.com/readium/readium-css",
   "license": "BSD-3-Clause",
   "keywords": [
