Skip to content

Commit eddbd17

Browse files
JayPanozJayPanoz
committed
Fix Firefox zoom
1 parent 3f828eb commit eddbd17

17 files changed

+32
-28
lines changed

‎css/dist/ReadiumCSS-after.css

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,5 @@
11
/*
2-
* Readium CSS (v. 2.0.0-beta.9)
2+
* Readium CSS (v. 2.0.0-beta.10)
33
* Developers: Jiminy Panoz
44
* Copyright (c) 2017. Readium Foundation. All rights reserved.
55
* Use of this source code is governed by a BSD-style license which is detailed in the
@@ -56,7 +56,7 @@
5656
min-height:100vh;
5757
padding:0 !important;
5858
margin:0 !important;
59-
font-size:100% !important;
59+
font-size:1rem !important;
6060
box-sizing:border-box;
6161
-webkit-touch-callout:none;
6262
}
@@ -356,7 +356,7 @@ body{
356356
font-family:var(--USER__fontFamily) !important;
357357
}
358358

359-
:root[style*="readium-font-on"][style*="--USER__fontFamily"] *:not(code):not(var):not(kbd):not(samp){
359+
:root[style*="readium-font-on"][style*="--USER__fontFamily"] *{
360360
font-family:revert !important;
361361
}
362362

‎css/dist/ReadiumCSS-before.css

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,5 @@
11
/*
2-
* Readium CSS (v. 2.0.0-beta.9)
2+
* Readium CSS (v. 2.0.0-beta.10)
33
* Developers: Jiminy Panoz
44
* Copyright (c) 2017. Readium Foundation. All rights reserved.
55
* Use of this source code is governed by a BSD-style license which is detailed in the

‎css/dist/ReadiumCSS-default.css

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,5 @@
11
/*
2-
* Readium CSS (v. 2.0.0-beta.9)
2+
* Readium CSS (v. 2.0.0-beta.10)
33
* Developers: Jiminy Panoz
44
* Copyright (c) 2017. Readium Foundation. All rights reserved.
55
* Use of this source code is governed by a BSD-style license which is detailed in the

‎css/dist/cjk-horizontal/ReadiumCSS-after.css

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,5 @@
11
/*
2-
* Readium CSS (v. 2.0.0-beta.9)
2+
* Readium CSS (v. 2.0.0-beta.10)
33
* Developers: Jiminy Panoz
44
* Copyright (c) 2017. Readium Foundation. All rights reserved.
55
* Use of this source code is governed by a BSD-style license which is detailed in the
@@ -56,7 +56,7 @@
5656
min-height:100vh;
5757
padding:0 !important;
5858
margin:0 !important;
59-
font-size:100% !important;
59+
font-size:1rem !important;
6060
box-sizing:border-box;
6161
-webkit-touch-callout:none;
6262
}
@@ -322,7 +322,7 @@ body{
322322
font-family:var(--USER__fontFamily) !important;
323323
}
324324

325-
:root[style*="readium-font-on"][style*="--USER__fontFamily"] *:not(code):not(var):not(kbd):not(samp){
325+
:root[style*="readium-font-on"][style*="--USER__fontFamily"] *{
326326
font-family:revert !important;
327327
}
328328

‎css/dist/cjk-horizontal/ReadiumCSS-before.css

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,5 @@
11
/*
2-
* Readium CSS (v. 2.0.0-beta.9)
2+
* Readium CSS (v. 2.0.0-beta.10)
33
* Developers: Jiminy Panoz
44
* Copyright (c) 2017. Readium Foundation. All rights reserved.
55
* Use of this source code is governed by a BSD-style license which is detailed in the

‎css/dist/cjk-horizontal/ReadiumCSS-default.css

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,5 @@
11
/*
2-
* Readium CSS (v. 2.0.0-beta.9)
2+
* Readium CSS (v. 2.0.0-beta.10)
33
* Developers: Jiminy Panoz
44
* Copyright (c) 2017. Readium Foundation. All rights reserved.
55
* Use of this source code is governed by a BSD-style license which is detailed in the

‎css/dist/cjk-vertical/ReadiumCSS-after.css

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,5 @@
11
/*
2-
* Readium CSS (v. 2.0.0-beta.9)
2+
* Readium CSS (v. 2.0.0-beta.10)
33
* Developers: Jiminy Panoz
44
* Copyright (c) 2017. Readium Foundation. All rights reserved.
55
* Use of this source code is governed by a BSD-style license which is detailed in the
@@ -56,7 +56,7 @@
5656
min-height:100vh;
5757
padding:0 !important;
5858
margin:0 !important;
59-
font-size:100% !important;
59+
font-size:1rem !important;
6060
box-sizing:border-box;
6161

6262
hanging-punctuation:last allow-end;
@@ -310,7 +310,7 @@ body{
310310
font-family:var(--USER__fontFamily) !important;
311311
}
312312

313-
:root[style*="readium-font-on"][style*="--USER__fontFamily"] *:not(code):not(var):not(kbd):not(samp){
313+
:root[style*="readium-font-on"][style*="--USER__fontFamily"] *{
314314
font-family:revert !important;
315315
}
316316

‎css/dist/cjk-vertical/ReadiumCSS-before.css

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,5 @@
11
/*
2-
* Readium CSS (v. 2.0.0-beta.9)
2+
* Readium CSS (v. 2.0.0-beta.10)
33
* Developers: Jiminy Panoz
44
* Copyright (c) 2017. Readium Foundation. All rights reserved.
55
* Use of this source code is governed by a BSD-style license which is detailed in the

‎css/dist/cjk-vertical/ReadiumCSS-default.css

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,5 @@
11
/*
2-
* Readium CSS (v. 2.0.0-beta.9)
2+
* Readium CSS (v. 2.0.0-beta.10)
33
* Developers: Jiminy Panoz
44
* Copyright (c) 2017. Readium Foundation. All rights reserved.
55
* Use of this source code is governed by a BSD-style license which is detailed in the

‎css/dist/rtl/ReadiumCSS-after.css

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,5 @@
11
/*
2-
* Readium CSS (v. 2.0.0-beta.9)
2+
* Readium CSS (v. 2.0.0-beta.10)
33
* Developers: Jiminy Panoz
44
* Copyright (c) 2017. Readium Foundation. All rights reserved.
55
* Use of this source code is governed by a BSD-style license which is detailed in the
@@ -56,7 +56,7 @@
5656
min-height:100vh;
5757
padding:0 !important;
5858
margin:0 !important;
59-
font-size:100% !important;
59+
font-size:1rem !important;
6060
box-sizing:border-box;
6161
-webkit-touch-callout:none;
6262
}
@@ -336,7 +336,7 @@ body{
336336
font-family:var(--USER__fontFamily) !important;
337337
}
338338

339-
:root[style*="readium-font-on"][style*="--USER__fontFamily"] *:not(code):not(var):not(kbd):not(samp){
339+
:root[style*="readium-font-on"][style*="--USER__fontFamily"] *{
340340
font-family:revert !important;
341341
}
342342

‎css/dist/rtl/ReadiumCSS-before.css

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,5 @@
11
/*
2-
* Readium CSS (v. 2.0.0-beta.9)
2+
* Readium CSS (v. 2.0.0-beta.10)
33
* Developers: Jiminy Panoz
44
* Copyright (c) 2017. Readium Foundation. All rights reserved.
55
* Use of this source code is governed by a BSD-style license which is detailed in the

‎css/dist/rtl/ReadiumCSS-default.css

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,5 @@
11
/*
2-
* Readium CSS (v. 2.0.0-beta.9)
2+
* Readium CSS (v. 2.0.0-beta.10)
33
* Developers: Jiminy Panoz
44
* Copyright (c) 2017. Readium Foundation. All rights reserved.
55
* Use of this source code is governed by a BSD-style license which is detailed in the

‎css/src/modules/ReadiumCSS-pagination-vertical.css

Lines changed: 4 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -26,8 +26,10 @@
2626
/* Prevents options pop-up when long tap in webkit */
2727
-webkit-touch-callout: none;
2828

29-
/* Column size will depend on this if we want to make it responsive */
30-
font-size: 100% !important;
29+
/* Column size will depend on this if we want to make it responsive
30+
We have to use rem because zoom won’t work properly on Firefox
31+
if it is set in percentage or em… */
32+
font-size: 1rem !important;
3133

3234
/* In case you use left position to scroll, can be removed if using transform: translateX() */
3335
position: relative;

‎css/src/modules/ReadiumCSS-pagination.css

Lines changed: 4 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -29,8 +29,10 @@
2929
/* Prevents options pop-up when long tap in webkit */
3030
-webkit-touch-callout: none;
3131

32-
/* Column size will depend on this if we want to make it responsive */
33-
font-size: 100% !important;
32+
/* Column size will depend on this if we want to make it responsive
33+
We have to use rem because zoom won’t work properly on Firefox
34+
if it is set in percentage or em… */
35+
font-size: 1rem !important;
3436

3537
/* In case you use left position to scroll, can be removed if using transform: translateX() */
3638
position: relative;

‎css/src/modules/user-settings-submodules/ReadiumCSS-fontFamily_pref.css

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -12,6 +12,6 @@
1212

1313
/* We are using revert instead of inherit as Firefox zoom implementation will break
1414
as soon as font-family is set to an element, including value inherit */
15-
:root:--font-override[style*="--USER__fontFamily"] *:not(code):not(var):not(kbd):not(samp) {
15+
:root:--font-override[style*="--USER__fontFamily"] * {
1616
font-family: revert !important;
1717
}

‎package-lock.json

Lines changed: 2 additions & 2 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎package.json

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,7 @@
11
{
22
"name": "@readium/css",
33
"description": "A set of reference stylesheets for EPUB Reading Systems",
4-
"version": "2.0.0-beta.9",
4+
"version": "2.0.0-beta.10",
55
"homepage": "https://github.com/readium/readium-css",
66
"license": "BSD-3-Clause",
77
"keywords": [

0 commit comments

Comments
 (0)