diff --git a/css/ReadiumCSS-config.css b/css/ReadiumCSS-config.css
index e713017..1825dad 100644
--- a/css/ReadiumCSS-config.css
+++ b/css/ReadiumCSS-config.css
@@ -47,4 +47,8 @@
/* Patch for iOS and iPadOS */
@custom-selector :--iOS-patch [style*="readium-iOSPatch-on"];
-@custom-selector :--ipadOS-patch [style*="readium-iPadOSPatch-on"];
\ No newline at end of file
+@custom-selector :--ipadOS-patch [style*="readium-iPadOSPatch-on"];
+
+/* Experimental/Feature flags */
+@custom-selector :--experimental-zoom [style*="readium-experimentalZoom-on"];
+@custom-selector :--experimental-header-filtering [style*="readium-experimentalHeaderFiltering-on"];
\ No newline at end of file
diff --git a/css/dist/ReadiumCSS-after.css b/css/dist/ReadiumCSS-after.css
index 57d7c3c..4b3c7a5 100644
--- a/css/dist/ReadiumCSS-after.css
+++ b/css/dist/ReadiumCSS-after.css
@@ -1,5 +1,5 @@
/*!
- * Readium CSS v.2.0.0-beta.22
+ * Readium CSS v.2.0.0-beta.23
* Copyright (c) 2017–2025. Readium Foundation. All rights reserved.
* Use of this source code is governed by a BSD-style license which is detailed in the
* LICENSE file present in the project repository where this source code is maintained.
@@ -214,9 +214,10 @@ body{
}
:root[style*="--USER__textAlign"] body,
-:root[style*="--USER__textAlign"] p:not([class*="title"]):not(blockquote p):not(figcaption p):not(header p):not(hgroup p):not(div:has(+ *) > h1 + p):not(div:has(+ *) > p:has(+ h1)),
+:root[style*="--USER__textAlign"] p:not(blockquote p):not(figcaption p):not(header p):not(hgroup p),
:root[style*="--USER__textAlign"] li,
-:root[style*="--USER__textAlign"] dd{
+:root[style*="--USER__textAlign"] dd,
+:root[style*="--USER__textAlign"][style*="readium-experimentalHeaderFiltering-on"] p:not([class*="title"]):not(div:has(+ *) > h1 + p):not(div:has(+ *) > p:has(+ h1)){
text-align:var(--USER__textAlign) !important;
-moz-text-align-last:auto !important;
-epub-text-align-last:auto !important;
@@ -303,26 +304,26 @@ body{
@supports selector(figure:has(> img)){
- :root:not([style*="readium-deprecatedFontSize-on"]):not([style*="readium-iOSPatch-on"])[style*="--USER__fontSize"] figure:has(> img),
- :root:not([style*="readium-deprecatedFontSize-on"]):not([style*="readium-iOSPatch-on"])[style*="--USER__fontSize"] figure:has(> video),
- :root:not([style*="readium-deprecatedFontSize-on"]):not([style*="readium-iOSPatch-on"])[style*="--USER__fontSize"] figure:has(> svg),
- :root:not([style*="readium-deprecatedFontSize-on"]):not([style*="readium-iOSPatch-on"])[style*="--USER__fontSize"] figure:has(> canvas),
- :root:not([style*="readium-deprecatedFontSize-on"]):not([style*="readium-iOSPatch-on"])[style*="--USER__fontSize"] figure:has(> iframe),
- :root:not([style*="readium-deprecatedFontSize-on"]):not([style*="readium-iOSPatch-on"])[style*="--USER__fontSize"] figure:has(> audio),
- :root:not([style*="readium-deprecatedFontSize-on"]):not([style*="readium-iOSPatch-on"])[style*="--USER__fontSize"] div:has(> img),
- :root:not([style*="readium-deprecatedFontSize-on"]):not([style*="readium-iOSPatch-on"])[style*="--USER__fontSize"] div:has(> video),
- :root:not([style*="readium-deprecatedFontSize-on"]):not([style*="readium-iOSPatch-on"])[style*="--USER__fontSize"] div:has(> svg),
- :root:not([style*="readium-deprecatedFontSize-on"]):not([style*="readium-iOSPatch-on"])[style*="--USER__fontSize"] div:has(> canvas),
- :root:not([style*="readium-deprecatedFontSize-on"]):not([style*="readium-iOSPatch-on"])[style*="--USER__fontSize"] div:has(> iframe),
- :root:not([style*="readium-deprecatedFontSize-on"]):not([style*="readium-iOSPatch-on"])[style*="--USER__fontSize"] div:has(> audio),
- :root:not([style*="readium-deprecatedFontSize-on"]):not([style*="readium-iOSPatch-on"])[style*="--USER__fontSize"] table{
+ :root[style*="readium-experimentalZoom-on"]:not([style*="readium-deprecatedFontSize-on"]):not([style*="readium-iOSPatch-on"])[style*="--USER__fontSize"] figure:has(> img),
+ :root[style*="readium-experimentalZoom-on"]:not([style*="readium-deprecatedFontSize-on"]):not([style*="readium-iOSPatch-on"])[style*="--USER__fontSize"] figure:has(> video),
+ :root[style*="readium-experimentalZoom-on"]:not([style*="readium-deprecatedFontSize-on"]):not([style*="readium-iOSPatch-on"])[style*="--USER__fontSize"] figure:has(> svg),
+ :root[style*="readium-experimentalZoom-on"]:not([style*="readium-deprecatedFontSize-on"]):not([style*="readium-iOSPatch-on"])[style*="--USER__fontSize"] figure:has(> canvas),
+ :root[style*="readium-experimentalZoom-on"]:not([style*="readium-deprecatedFontSize-on"]):not([style*="readium-iOSPatch-on"])[style*="--USER__fontSize"] figure:has(> iframe),
+ :root[style*="readium-experimentalZoom-on"]:not([style*="readium-deprecatedFontSize-on"]):not([style*="readium-iOSPatch-on"])[style*="--USER__fontSize"] figure:has(> audio),
+ :root[style*="readium-experimentalZoom-on"]:not([style*="readium-deprecatedFontSize-on"]):not([style*="readium-iOSPatch-on"])[style*="--USER__fontSize"] div:has(> img:only-child),
+ :root[style*="readium-experimentalZoom-on"]:not([style*="readium-deprecatedFontSize-on"]):not([style*="readium-iOSPatch-on"])[style*="--USER__fontSize"] div:has(> video:only-child),
+ :root[style*="readium-experimentalZoom-on"]:not([style*="readium-deprecatedFontSize-on"]):not([style*="readium-iOSPatch-on"])[style*="--USER__fontSize"] div:has(> svg:only-child),
+ :root[style*="readium-experimentalZoom-on"]:not([style*="readium-deprecatedFontSize-on"]):not([style*="readium-iOSPatch-on"])[style*="--USER__fontSize"] div:has(> canvas:only-child),
+ :root[style*="readium-experimentalZoom-on"]:not([style*="readium-deprecatedFontSize-on"]):not([style*="readium-iOSPatch-on"])[style*="--USER__fontSize"] div:has(> iframe:only-child),
+ :root[style*="readium-experimentalZoom-on"]:not([style*="readium-deprecatedFontSize-on"]):not([style*="readium-iOSPatch-on"])[style*="--USER__fontSize"] div:has(> audio:only-child),
+ :root[style*="readium-experimentalZoom-on"]:not([style*="readium-deprecatedFontSize-on"]):not([style*="readium-iOSPatch-on"])[style*="--USER__fontSize"] table{
zoom:calc(100% / var(--USER__fontSize)) !important;
}
- :root:not([style*="readium-deprecatedFontSize-on"]):not([style*="readium-iOSPatch-on"])[style*="--USER__fontSize"] figcaption,
- :root:not([style*="readium-deprecatedFontSize-on"]):not([style*="readium-iOSPatch-on"])[style*="--USER__fontSize"] caption,
- :root:not([style*="readium-deprecatedFontSize-on"]):not([style*="readium-iOSPatch-on"])[style*="--USER__fontSize"] td,
- :root:not([style*="readium-deprecatedFontSize-on"]):not([style*="readium-iOSPatch-on"])[style*="--USER__fontSize"] th{
+ :root[style*="readium-experimentalZoom-on"]:not([style*="readium-deprecatedFontSize-on"]):not([style*="readium-iOSPatch-on"])[style*="--USER__fontSize"] figcaption,
+ :root[style*="readium-experimentalZoom-on"]:not([style*="readium-deprecatedFontSize-on"]):not([style*="readium-iOSPatch-on"])[style*="--USER__fontSize"] caption,
+ :root[style*="readium-experimentalZoom-on"]:not([style*="readium-deprecatedFontSize-on"]):not([style*="readium-iOSPatch-on"])[style*="--USER__fontSize"] td,
+ :root[style*="readium-experimentalZoom-on"]:not([style*="readium-deprecatedFontSize-on"]):not([style*="readium-iOSPatch-on"])[style*="--USER__fontSize"] th{
zoom:var(--USER__fontSize) !important;
}
}
@@ -354,7 +355,8 @@ body{
margin-bottom:var(--USER__paraSpacing) !important;
}
-:root[style*="--USER__paraIndent"] p:not([class*="title"]):not(blockquote p):not(figcaption p):not(header p):not(hgroup p):not(div:has(+ *) > h1 + p):not(div:has(+ *) > p:has(+ h1)){
+:root[style*="--USER__paraIndent"] p:not(blockquote p):not(figcaption p):not(header p):not(hgroup p),
+:root[style*="--USER__paraIndent"][style*="readium-experimentalHeaderFiltering-on"] p:not([class*="title"]):not(div:has(+ *) > h1 + p):not(div:has(+ *) > p:has(+ h1)){
text-indent:var(--USER__paraIndent) !important;
}
diff --git a/css/dist/ReadiumCSS-before.css b/css/dist/ReadiumCSS-before.css
index 9e205d9..442444b 100644
--- a/css/dist/ReadiumCSS-before.css
+++ b/css/dist/ReadiumCSS-before.css
@@ -1,5 +1,5 @@
/*!
- * Readium CSS v.2.0.0-beta.22
+ * Readium CSS v.2.0.0-beta.23
* Copyright (c) 2017–2025. Readium Foundation. All rights reserved.
* Use of this source code is governed by a BSD-style license which is detailed in the
* LICENSE file present in the project repository where this source code is maintained.
diff --git a/css/dist/ReadiumCSS-default.css b/css/dist/ReadiumCSS-default.css
index 58a8139..a4a1e9a 100644
--- a/css/dist/ReadiumCSS-default.css
+++ b/css/dist/ReadiumCSS-default.css
@@ -1,5 +1,5 @@
/*!
- * Readium CSS v.2.0.0-beta.22
+ * Readium CSS v.2.0.0-beta.23
* Copyright (c) 2017–2025. Readium Foundation. All rights reserved.
* Use of this source code is governed by a BSD-style license which is detailed in the
* LICENSE file present in the project repository where this source code is maintained.
diff --git a/css/dist/cjk-horizontal/ReadiumCSS-after.css b/css/dist/cjk-horizontal/ReadiumCSS-after.css
index 724f104..f27aa91 100644
--- 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.22
+ * Readium CSS v.2.0.0-beta.23
* Copyright (c) 2017–2025. Readium Foundation. All rights reserved.
* Use of this source code is governed by a BSD-style license which is detailed in the
* LICENSE file present in the project repository where this source code is maintained.
@@ -227,26 +227,26 @@ body{
@supports selector(figure:has(> img)){
- :root:not([style*="readium-deprecatedFontSize-on"]):not([style*="readium-iOSPatch-on"])[style*="--USER__fontSize"] figure:has(> img),
- :root:not([style*="readium-deprecatedFontSize-on"]):not([style*="readium-iOSPatch-on"])[style*="--USER__fontSize"] figure:has(> video),
- :root:not([style*="readium-deprecatedFontSize-on"]):not([style*="readium-iOSPatch-on"])[style*="--USER__fontSize"] figure:has(> svg),
- :root:not([style*="readium-deprecatedFontSize-on"]):not([style*="readium-iOSPatch-on"])[style*="--USER__fontSize"] figure:has(> canvas),
- :root:not([style*="readium-deprecatedFontSize-on"]):not([style*="readium-iOSPatch-on"])[style*="--USER__fontSize"] figure:has(> iframe),
- :root:not([style*="readium-deprecatedFontSize-on"]):not([style*="readium-iOSPatch-on"])[style*="--USER__fontSize"] figure:has(> audio),
- :root:not([style*="readium-deprecatedFontSize-on"]):not([style*="readium-iOSPatch-on"])[style*="--USER__fontSize"] div:has(> img),
- :root:not([style*="readium-deprecatedFontSize-on"]):not([style*="readium-iOSPatch-on"])[style*="--USER__fontSize"] div:has(> video),
- :root:not([style*="readium-deprecatedFontSize-on"]):not([style*="readium-iOSPatch-on"])[style*="--USER__fontSize"] div:has(> svg),
- :root:not([style*="readium-deprecatedFontSize-on"]):not([style*="readium-iOSPatch-on"])[style*="--USER__fontSize"] div:has(> canvas),
- :root:not([style*="readium-deprecatedFontSize-on"]):not([style*="readium-iOSPatch-on"])[style*="--USER__fontSize"] div:has(> iframe),
- :root:not([style*="readium-deprecatedFontSize-on"]):not([style*="readium-iOSPatch-on"])[style*="--USER__fontSize"] div:has(> audio),
- :root:not([style*="readium-deprecatedFontSize-on"]):not([style*="readium-iOSPatch-on"])[style*="--USER__fontSize"] table{
+ :root[style*="readium-experimentalZoom-on"]:not([style*="readium-deprecatedFontSize-on"]):not([style*="readium-iOSPatch-on"])[style*="--USER__fontSize"] figure:has(> img),
+ :root[style*="readium-experimentalZoom-on"]:not([style*="readium-deprecatedFontSize-on"]):not([style*="readium-iOSPatch-on"])[style*="--USER__fontSize"] figure:has(> video),
+ :root[style*="readium-experimentalZoom-on"]:not([style*="readium-deprecatedFontSize-on"]):not([style*="readium-iOSPatch-on"])[style*="--USER__fontSize"] figure:has(> svg),
+ :root[style*="readium-experimentalZoom-on"]:not([style*="readium-deprecatedFontSize-on"]):not([style*="readium-iOSPatch-on"])[style*="--USER__fontSize"] figure:has(> canvas),
+ :root[style*="readium-experimentalZoom-on"]:not([style*="readium-deprecatedFontSize-on"]):not([style*="readium-iOSPatch-on"])[style*="--USER__fontSize"] figure:has(> iframe),
+ :root[style*="readium-experimentalZoom-on"]:not([style*="readium-deprecatedFontSize-on"]):not([style*="readium-iOSPatch-on"])[style*="--USER__fontSize"] figure:has(> audio),
+ :root[style*="readium-experimentalZoom-on"]:not([style*="readium-deprecatedFontSize-on"]):not([style*="readium-iOSPatch-on"])[style*="--USER__fontSize"] div:has(> img:only-child),
+ :root[style*="readium-experimentalZoom-on"]:not([style*="readium-deprecatedFontSize-on"]):not([style*="readium-iOSPatch-on"])[style*="--USER__fontSize"] div:has(> video:only-child),
+ :root[style*="readium-experimentalZoom-on"]:not([style*="readium-deprecatedFontSize-on"]):not([style*="readium-iOSPatch-on"])[style*="--USER__fontSize"] div:has(> svg:only-child),
+ :root[style*="readium-experimentalZoom-on"]:not([style*="readium-deprecatedFontSize-on"]):not([style*="readium-iOSPatch-on"])[style*="--USER__fontSize"] div:has(> canvas:only-child),
+ :root[style*="readium-experimentalZoom-on"]:not([style*="readium-deprecatedFontSize-on"]):not([style*="readium-iOSPatch-on"])[style*="--USER__fontSize"] div:has(> iframe:only-child),
+ :root[style*="readium-experimentalZoom-on"]:not([style*="readium-deprecatedFontSize-on"]):not([style*="readium-iOSPatch-on"])[style*="--USER__fontSize"] div:has(> audio:only-child),
+ :root[style*="readium-experimentalZoom-on"]:not([style*="readium-deprecatedFontSize-on"]):not([style*="readium-iOSPatch-on"])[style*="--USER__fontSize"] table{
zoom:calc(100% / var(--USER__fontSize)) !important;
}
- :root:not([style*="readium-deprecatedFontSize-on"]):not([style*="readium-iOSPatch-on"])[style*="--USER__fontSize"] figcaption,
- :root:not([style*="readium-deprecatedFontSize-on"]):not([style*="readium-iOSPatch-on"])[style*="--USER__fontSize"] caption,
- :root:not([style*="readium-deprecatedFontSize-on"]):not([style*="readium-iOSPatch-on"])[style*="--USER__fontSize"] td,
- :root:not([style*="readium-deprecatedFontSize-on"]):not([style*="readium-iOSPatch-on"])[style*="--USER__fontSize"] th{
+ :root[style*="readium-experimentalZoom-on"]:not([style*="readium-deprecatedFontSize-on"]):not([style*="readium-iOSPatch-on"])[style*="--USER__fontSize"] figcaption,
+ :root[style*="readium-experimentalZoom-on"]:not([style*="readium-deprecatedFontSize-on"]):not([style*="readium-iOSPatch-on"])[style*="--USER__fontSize"] caption,
+ :root[style*="readium-experimentalZoom-on"]:not([style*="readium-deprecatedFontSize-on"]):not([style*="readium-iOSPatch-on"])[style*="--USER__fontSize"] td,
+ :root[style*="readium-experimentalZoom-on"]:not([style*="readium-deprecatedFontSize-on"]):not([style*="readium-iOSPatch-on"])[style*="--USER__fontSize"] th{
zoom:var(--USER__fontSize) !important;
}
}
diff --git a/css/dist/cjk-horizontal/ReadiumCSS-before.css b/css/dist/cjk-horizontal/ReadiumCSS-before.css
index 9d90c47..86935a9 100644
--- 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.22
+ * Readium CSS v.2.0.0-beta.23
* Copyright (c) 2017–2025. Readium Foundation. All rights reserved.
* Use of this source code is governed by a BSD-style license which is detailed in the
* LICENSE file present in the project repository where this source code is maintained.
diff --git a/css/dist/cjk-horizontal/ReadiumCSS-default.css b/css/dist/cjk-horizontal/ReadiumCSS-default.css
index 9394faa..4d17c7d 100644
--- 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.22
+ * Readium CSS v.2.0.0-beta.23
* Copyright (c) 2017–2025. Readium Foundation. All rights reserved.
* Use of this source code is governed by a BSD-style license which is detailed in the
* LICENSE file present in the project repository where this source code is maintained.
diff --git a/css/dist/cjk-vertical/ReadiumCSS-after.css b/css/dist/cjk-vertical/ReadiumCSS-after.css
index 4ee1db8..d108ec7 100644
--- 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.22
+ * Readium CSS v.2.0.0-beta.23
* Copyright (c) 2017–2025. Readium Foundation. All rights reserved.
* Use of this source code is governed by a BSD-style license which is detailed in the
* LICENSE file present in the project repository where this source code is maintained.
@@ -212,26 +212,26 @@ body{
@supports selector(figure:has(> img)){
- :root:not([style*="readium-deprecatedFontSize-on"]):not([style*="readium-iOSPatch-on"])[style*="--USER__fontSize"] figure:has(> img),
- :root:not([style*="readium-deprecatedFontSize-on"]):not([style*="readium-iOSPatch-on"])[style*="--USER__fontSize"] figure:has(> video),
- :root:not([style*="readium-deprecatedFontSize-on"]):not([style*="readium-iOSPatch-on"])[style*="--USER__fontSize"] figure:has(> svg),
- :root:not([style*="readium-deprecatedFontSize-on"]):not([style*="readium-iOSPatch-on"])[style*="--USER__fontSize"] figure:has(> canvas),
- :root:not([style*="readium-deprecatedFontSize-on"]):not([style*="readium-iOSPatch-on"])[style*="--USER__fontSize"] figure:has(> iframe),
- :root:not([style*="readium-deprecatedFontSize-on"]):not([style*="readium-iOSPatch-on"])[style*="--USER__fontSize"] figure:has(> audio),
- :root:not([style*="readium-deprecatedFontSize-on"]):not([style*="readium-iOSPatch-on"])[style*="--USER__fontSize"] div:has(> img),
- :root:not([style*="readium-deprecatedFontSize-on"]):not([style*="readium-iOSPatch-on"])[style*="--USER__fontSize"] div:has(> video),
- :root:not([style*="readium-deprecatedFontSize-on"]):not([style*="readium-iOSPatch-on"])[style*="--USER__fontSize"] div:has(> svg),
- :root:not([style*="readium-deprecatedFontSize-on"]):not([style*="readium-iOSPatch-on"])[style*="--USER__fontSize"] div:has(> canvas),
- :root:not([style*="readium-deprecatedFontSize-on"]):not([style*="readium-iOSPatch-on"])[style*="--USER__fontSize"] div:has(> iframe),
- :root:not([style*="readium-deprecatedFontSize-on"]):not([style*="readium-iOSPatch-on"])[style*="--USER__fontSize"] div:has(> audio),
- :root:not([style*="readium-deprecatedFontSize-on"]):not([style*="readium-iOSPatch-on"])[style*="--USER__fontSize"] table{
+ :root[style*="readium-experimentalZoom-on"]:not([style*="readium-deprecatedFontSize-on"]):not([style*="readium-iOSPatch-on"])[style*="--USER__fontSize"] figure:has(> img),
+ :root[style*="readium-experimentalZoom-on"]:not([style*="readium-deprecatedFontSize-on"]):not([style*="readium-iOSPatch-on"])[style*="--USER__fontSize"] figure:has(> video),
+ :root[style*="readium-experimentalZoom-on"]:not([style*="readium-deprecatedFontSize-on"]):not([style*="readium-iOSPatch-on"])[style*="--USER__fontSize"] figure:has(> svg),
+ :root[style*="readium-experimentalZoom-on"]:not([style*="readium-deprecatedFontSize-on"]):not([style*="readium-iOSPatch-on"])[style*="--USER__fontSize"] figure:has(> canvas),
+ :root[style*="readium-experimentalZoom-on"]:not([style*="readium-deprecatedFontSize-on"]):not([style*="readium-iOSPatch-on"])[style*="--USER__fontSize"] figure:has(> iframe),
+ :root[style*="readium-experimentalZoom-on"]:not([style*="readium-deprecatedFontSize-on"]):not([style*="readium-iOSPatch-on"])[style*="--USER__fontSize"] figure:has(> audio),
+ :root[style*="readium-experimentalZoom-on"]:not([style*="readium-deprecatedFontSize-on"]):not([style*="readium-iOSPatch-on"])[style*="--USER__fontSize"] div:has(> img:only-child),
+ :root[style*="readium-experimentalZoom-on"]:not([style*="readium-deprecatedFontSize-on"]):not([style*="readium-iOSPatch-on"])[style*="--USER__fontSize"] div:has(> video:only-child),
+ :root[style*="readium-experimentalZoom-on"]:not([style*="readium-deprecatedFontSize-on"]):not([style*="readium-iOSPatch-on"])[style*="--USER__fontSize"] div:has(> svg:only-child),
+ :root[style*="readium-experimentalZoom-on"]:not([style*="readium-deprecatedFontSize-on"]):not([style*="readium-iOSPatch-on"])[style*="--USER__fontSize"] div:has(> canvas:only-child),
+ :root[style*="readium-experimentalZoom-on"]:not([style*="readium-deprecatedFontSize-on"]):not([style*="readium-iOSPatch-on"])[style*="--USER__fontSize"] div:has(> iframe:only-child),
+ :root[style*="readium-experimentalZoom-on"]:not([style*="readium-deprecatedFontSize-on"]):not([style*="readium-iOSPatch-on"])[style*="--USER__fontSize"] div:has(> audio:only-child),
+ :root[style*="readium-experimentalZoom-on"]:not([style*="readium-deprecatedFontSize-on"]):not([style*="readium-iOSPatch-on"])[style*="--USER__fontSize"] table{
zoom:calc(100% / var(--USER__fontSize)) !important;
}
- :root:not([style*="readium-deprecatedFontSize-on"]):not([style*="readium-iOSPatch-on"])[style*="--USER__fontSize"] figcaption,
- :root:not([style*="readium-deprecatedFontSize-on"]):not([style*="readium-iOSPatch-on"])[style*="--USER__fontSize"] caption,
- :root:not([style*="readium-deprecatedFontSize-on"]):not([style*="readium-iOSPatch-on"])[style*="--USER__fontSize"] td,
- :root:not([style*="readium-deprecatedFontSize-on"]):not([style*="readium-iOSPatch-on"])[style*="--USER__fontSize"] th{
+ :root[style*="readium-experimentalZoom-on"]:not([style*="readium-deprecatedFontSize-on"]):not([style*="readium-iOSPatch-on"])[style*="--USER__fontSize"] figcaption,
+ :root[style*="readium-experimentalZoom-on"]:not([style*="readium-deprecatedFontSize-on"]):not([style*="readium-iOSPatch-on"])[style*="--USER__fontSize"] caption,
+ :root[style*="readium-experimentalZoom-on"]:not([style*="readium-deprecatedFontSize-on"]):not([style*="readium-iOSPatch-on"])[style*="--USER__fontSize"] td,
+ :root[style*="readium-experimentalZoom-on"]:not([style*="readium-deprecatedFontSize-on"]):not([style*="readium-iOSPatch-on"])[style*="--USER__fontSize"] th{
zoom:var(--USER__fontSize) !important;
}
}
diff --git a/css/dist/cjk-vertical/ReadiumCSS-before.css b/css/dist/cjk-vertical/ReadiumCSS-before.css
index e9b183f..9eb04eb 100644
--- 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.22
+ * Readium CSS v.2.0.0-beta.23
* Copyright (c) 2017–2025. Readium Foundation. All rights reserved.
* Use of this source code is governed by a BSD-style license which is detailed in the
* LICENSE file present in the project repository where this source code is maintained.
diff --git a/css/dist/cjk-vertical/ReadiumCSS-default.css b/css/dist/cjk-vertical/ReadiumCSS-default.css
index e2c9c96..34ad0fe 100644
--- 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.22
+ * Readium CSS v.2.0.0-beta.23
* Copyright (c) 2017–2025. Readium Foundation. All rights reserved.
* Use of this source code is governed by a BSD-style license which is detailed in the
* LICENSE file present in the project repository where this source code is maintained.
diff --git a/css/dist/rtl/ReadiumCSS-after.css b/css/dist/rtl/ReadiumCSS-after.css
index ed19ada..b85c717 100644
--- 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.22
+ * Readium CSS v.2.0.0-beta.23
* Copyright (c) 2017–2025. Readium Foundation. All rights reserved.
* Use of this source code is governed by a BSD-style license which is detailed in the
* LICENSE file present in the project repository where this source code is maintained.
@@ -214,9 +214,10 @@ body{
}
:root[style*="--USER__textAlign"] body,
-:root[style*="--USER__textAlign"] p:not([class*="title"]):not(blockquote p):not(figcaption p):not(header p):not(hgroup p):not(div:has(+ *) > h1 + p):not(div:has(+ *) > p:has(+ h1)),
+:root[style*="--USER__textAlign"] p:not(blockquote p):not(figcaption p):not(header p):not(hgroup p),
:root[style*="--USER__textAlign"] li,
-:root[style*="--USER__textAlign"] dd{
+:root[style*="--USER__textAlign"] dd,
+:root[style*="--USER__textAlign"][style*="readium-experimentalHeaderFiltering-on"] p:not([class*="title"]):not(div:has(+ *) > h1 + p):not(div:has(+ *) > p:has(+ h1)){
text-align:var(--USER__textAlign) !important;
-moz-text-align-last:auto !important;
-epub-text-align-last:auto !important;
@@ -241,26 +242,26 @@ body{
@supports selector(figure:has(> img)){
- :root:not([style*="readium-deprecatedFontSize-on"]):not([style*="readium-iOSPatch-on"])[style*="--USER__fontSize"] figure:has(> img),
- :root:not([style*="readium-deprecatedFontSize-on"]):not([style*="readium-iOSPatch-on"])[style*="--USER__fontSize"] figure:has(> video),
- :root:not([style*="readium-deprecatedFontSize-on"]):not([style*="readium-iOSPatch-on"])[style*="--USER__fontSize"] figure:has(> svg),
- :root:not([style*="readium-deprecatedFontSize-on"]):not([style*="readium-iOSPatch-on"])[style*="--USER__fontSize"] figure:has(> canvas),
- :root:not([style*="readium-deprecatedFontSize-on"]):not([style*="readium-iOSPatch-on"])[style*="--USER__fontSize"] figure:has(> iframe),
- :root:not([style*="readium-deprecatedFontSize-on"]):not([style*="readium-iOSPatch-on"])[style*="--USER__fontSize"] figure:has(> audio),
- :root:not([style*="readium-deprecatedFontSize-on"]):not([style*="readium-iOSPatch-on"])[style*="--USER__fontSize"] div:has(> img),
- :root:not([style*="readium-deprecatedFontSize-on"]):not([style*="readium-iOSPatch-on"])[style*="--USER__fontSize"] div:has(> video),
- :root:not([style*="readium-deprecatedFontSize-on"]):not([style*="readium-iOSPatch-on"])[style*="--USER__fontSize"] div:has(> svg),
- :root:not([style*="readium-deprecatedFontSize-on"]):not([style*="readium-iOSPatch-on"])[style*="--USER__fontSize"] div:has(> canvas),
- :root:not([style*="readium-deprecatedFontSize-on"]):not([style*="readium-iOSPatch-on"])[style*="--USER__fontSize"] div:has(> iframe),
- :root:not([style*="readium-deprecatedFontSize-on"]):not([style*="readium-iOSPatch-on"])[style*="--USER__fontSize"] div:has(> audio),
- :root:not([style*="readium-deprecatedFontSize-on"]):not([style*="readium-iOSPatch-on"])[style*="--USER__fontSize"] table{
+ :root[style*="readium-experimentalZoom-on"]:not([style*="readium-deprecatedFontSize-on"]):not([style*="readium-iOSPatch-on"])[style*="--USER__fontSize"] figure:has(> img),
+ :root[style*="readium-experimentalZoom-on"]:not([style*="readium-deprecatedFontSize-on"]):not([style*="readium-iOSPatch-on"])[style*="--USER__fontSize"] figure:has(> video),
+ :root[style*="readium-experimentalZoom-on"]:not([style*="readium-deprecatedFontSize-on"]):not([style*="readium-iOSPatch-on"])[style*="--USER__fontSize"] figure:has(> svg),
+ :root[style*="readium-experimentalZoom-on"]:not([style*="readium-deprecatedFontSize-on"]):not([style*="readium-iOSPatch-on"])[style*="--USER__fontSize"] figure:has(> canvas),
+ :root[style*="readium-experimentalZoom-on"]:not([style*="readium-deprecatedFontSize-on"]):not([style*="readium-iOSPatch-on"])[style*="--USER__fontSize"] figure:has(> iframe),
+ :root[style*="readium-experimentalZoom-on"]:not([style*="readium-deprecatedFontSize-on"]):not([style*="readium-iOSPatch-on"])[style*="--USER__fontSize"] figure:has(> audio),
+ :root[style*="readium-experimentalZoom-on"]:not([style*="readium-deprecatedFontSize-on"]):not([style*="readium-iOSPatch-on"])[style*="--USER__fontSize"] div:has(> img:only-child),
+ :root[style*="readium-experimentalZoom-on"]:not([style*="readium-deprecatedFontSize-on"]):not([style*="readium-iOSPatch-on"])[style*="--USER__fontSize"] div:has(> video:only-child),
+ :root[style*="readium-experimentalZoom-on"]:not([style*="readium-deprecatedFontSize-on"]):not([style*="readium-iOSPatch-on"])[style*="--USER__fontSize"] div:has(> svg:only-child),
+ :root[style*="readium-experimentalZoom-on"]:not([style*="readium-deprecatedFontSize-on"]):not([style*="readium-iOSPatch-on"])[style*="--USER__fontSize"] div:has(> canvas:only-child),
+ :root[style*="readium-experimentalZoom-on"]:not([style*="readium-deprecatedFontSize-on"]):not([style*="readium-iOSPatch-on"])[style*="--USER__fontSize"] div:has(> iframe:only-child),
+ :root[style*="readium-experimentalZoom-on"]:not([style*="readium-deprecatedFontSize-on"]):not([style*="readium-iOSPatch-on"])[style*="--USER__fontSize"] div:has(> audio:only-child),
+ :root[style*="readium-experimentalZoom-on"]:not([style*="readium-deprecatedFontSize-on"]):not([style*="readium-iOSPatch-on"])[style*="--USER__fontSize"] table{
zoom:calc(100% / var(--USER__fontSize)) !important;
}
- :root:not([style*="readium-deprecatedFontSize-on"]):not([style*="readium-iOSPatch-on"])[style*="--USER__fontSize"] figcaption,
- :root:not([style*="readium-deprecatedFontSize-on"]):not([style*="readium-iOSPatch-on"])[style*="--USER__fontSize"] caption,
- :root:not([style*="readium-deprecatedFontSize-on"]):not([style*="readium-iOSPatch-on"])[style*="--USER__fontSize"] td,
- :root:not([style*="readium-deprecatedFontSize-on"]):not([style*="readium-iOSPatch-on"])[style*="--USER__fontSize"] th{
+ :root[style*="readium-experimentalZoom-on"]:not([style*="readium-deprecatedFontSize-on"]):not([style*="readium-iOSPatch-on"])[style*="--USER__fontSize"] figcaption,
+ :root[style*="readium-experimentalZoom-on"]:not([style*="readium-deprecatedFontSize-on"]):not([style*="readium-iOSPatch-on"])[style*="--USER__fontSize"] caption,
+ :root[style*="readium-experimentalZoom-on"]:not([style*="readium-deprecatedFontSize-on"]):not([style*="readium-iOSPatch-on"])[style*="--USER__fontSize"] td,
+ :root[style*="readium-experimentalZoom-on"]:not([style*="readium-deprecatedFontSize-on"]):not([style*="readium-iOSPatch-on"])[style*="--USER__fontSize"] th{
zoom:var(--USER__fontSize) !important;
}
}
@@ -292,7 +293,8 @@ body{
margin-bottom:var(--USER__paraSpacing) !important;
}
-:root[style*="--USER__paraIndent"] p:not([class*="title"]):not(blockquote p):not(figcaption p):not(header p):not(hgroup p):not(div:has(+ *) > h1 + p):not(div:has(+ *) > p:has(+ h1)){
+:root[style*="--USER__paraIndent"] p:not(blockquote p):not(figcaption p):not(header p):not(hgroup p),
+:root[style*="--USER__paraIndent"][style*="readium-experimentalHeaderFiltering-on"] p:not([class*="title"]):not(div:has(+ *) > h1 + p):not(div:has(+ *) > p:has(+ h1)){
text-indent:var(--USER__paraIndent) !important;
}
diff --git a/css/dist/rtl/ReadiumCSS-before.css b/css/dist/rtl/ReadiumCSS-before.css
index 9d90c47..86935a9 100644
--- 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.22
+ * Readium CSS v.2.0.0-beta.23
* Copyright (c) 2017–2025. Readium Foundation. All rights reserved.
* Use of this source code is governed by a BSD-style license which is detailed in the
* LICENSE file present in the project repository where this source code is maintained.
diff --git a/css/dist/rtl/ReadiumCSS-default.css b/css/dist/rtl/ReadiumCSS-default.css
index 65e4a53..846e39f 100644
--- 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.22
+ * Readium CSS v.2.0.0-beta.23
* Copyright (c) 2017–2025. Readium Foundation. All rights reserved.
* Use of this source code is governed by a BSD-style license which is detailed in the
* LICENSE file present in the project repository where this source code is maintained.
diff --git a/css/dist/webPub/ReadiumCSS-webPub.css b/css/dist/webPub/ReadiumCSS-webPub.css
index 4d59b84..e7d309e 100644
--- a/css/dist/webPub/ReadiumCSS-webPub.css
+++ b/css/dist/webPub/ReadiumCSS-webPub.css
@@ -1,5 +1,5 @@
/*!
- * Readium CSS v.2.0.0-beta.22
+ * Readium CSS v.2.0.0-beta.23
* Copyright (c) 2017–2025. Readium Foundation. All rights reserved.
* Use of this source code is governed by a BSD-style license which is detailed in the
* LICENSE file present in the project repository where this source code is maintained.
@@ -18,9 +18,10 @@
}
:root[style*="--USER__textAlign"] body,
-:root[style*="--USER__textAlign"] p:not([class*="title"]):not(blockquote p):not(figcaption p):not(header p):not(hgroup p):not(div:has(+ *) > h1 + p):not(div:has(+ *) > p:has(+ h1)),
+:root[style*="--USER__textAlign"] p:not(blockquote p):not(figcaption p):not(header p):not(hgroup p),
:root[style*="--USER__textAlign"] li,
-:root[style*="--USER__textAlign"] dd{
+:root[style*="--USER__textAlign"] dd,
+:root[style*="--USER__textAlign"][style*="readium-experimentalHeaderFiltering-on"] p:not([class*="title"]):not(div:has(+ *) > h1 + p):not(div:has(+ *) > p:has(+ h1)){
text-align:var(--USER__textAlign) !important;
-moz-text-align-last:auto !important;
-epub-text-align-last:auto !important;
@@ -107,26 +108,26 @@
@supports selector(figure:has(> img)){
- :root:not([style*="readium-iOSPatch-on"])[style*="--USER__zoom"] figure:has(> img),
- :root:not([style*="readium-iOSPatch-on"])[style*="--USER__zoom"] figure:has(> video),
- :root:not([style*="readium-iOSPatch-on"])[style*="--USER__zoom"] figure:has(> svg),
- :root:not([style*="readium-iOSPatch-on"])[style*="--USER__zoom"] figure:has(> canvas),
- :root:not([style*="readium-iOSPatch-on"])[style*="--USER__zoom"] figure:has(> iframe),
- :root:not([style*="readium-iOSPatch-on"])[style*="--USER__zoom"] figure:has(> audio),
- :root:not([style*="readium-iOSPatch-on"])[style*="--USER__zoom"] div:has(> img),
- :root:not([style*="readium-iOSPatch-on"])[style*="--USER__zoom"] div:has(> video),
- :root:not([style*="readium-iOSPatch-on"])[style*="--USER__zoom"] div:has(> svg),
- :root:not([style*="readium-iOSPatch-on"])[style*="--USER__zoom"] div:has(> canvas),
- :root:not([style*="readium-iOSPatch-on"])[style*="--USER__zoom"] div:has(> iframe),
- :root:not([style*="readium-iOSPatch-on"])[style*="--USER__zoom"] div:has(> audio),
- :root:not([style*="readium-iOSPatch-on"])[style*="--USER__zoom"] table{
+ :root[style*="readium-experimentalZoom-on"]:not([style*="readium-iOSPatch-on"])[style*="--USER__zoom"] figure:has(> img),
+ :root[style*="readium-experimentalZoom-on"]:not([style*="readium-iOSPatch-on"])[style*="--USER__zoom"] figure:has(> video),
+ :root[style*="readium-experimentalZoom-on"]:not([style*="readium-iOSPatch-on"])[style*="--USER__zoom"] figure:has(> svg),
+ :root[style*="readium-experimentalZoom-on"]:not([style*="readium-iOSPatch-on"])[style*="--USER__zoom"] figure:has(> canvas),
+ :root[style*="readium-experimentalZoom-on"]:not([style*="readium-iOSPatch-on"])[style*="--USER__zoom"] figure:has(> iframe),
+ :root[style*="readium-experimentalZoom-on"]:not([style*="readium-iOSPatch-on"])[style*="--USER__zoom"] figure:has(> audio),
+ :root[style*="readium-experimentalZoom-on"]:not([style*="readium-iOSPatch-on"])[style*="--USER__zoom"] div:has(> img:only-child),
+ :root[style*="readium-experimentalZoom-on"]:not([style*="readium-iOSPatch-on"])[style*="--USER__zoom"] div:has(> video:only-child),
+ :root[style*="readium-experimentalZoom-on"]:not([style*="readium-iOSPatch-on"])[style*="--USER__zoom"] div:has(> svg:only-child),
+ :root[style*="readium-experimentalZoom-on"]:not([style*="readium-iOSPatch-on"])[style*="--USER__zoom"] div:has(> canvas:only-child),
+ :root[style*="readium-experimentalZoom-on"]:not([style*="readium-iOSPatch-on"])[style*="--USER__zoom"] div:has(> iframe:only-child),
+ :root[style*="readium-experimentalZoom-on"]:not([style*="readium-iOSPatch-on"])[style*="--USER__zoom"] div:has(> audio:only-child),
+ :root[style*="readium-experimentalZoom-on"]:not([style*="readium-iOSPatch-on"])[style*="--USER__zoom"] table{
zoom:calc(100% / var(--USER__zoom)) !important;
}
- :root:not([style*="readium-iOSPatch-on"])[style*="--USER__zoom"] figcaption,
- :root:not([style*="readium-iOSPatch-on"])[style*="--USER__zoom"] caption,
- :root:not([style*="readium-iOSPatch-on"])[style*="--USER__zoom"] td,
- :root:not([style*="readium-iOSPatch-on"])[style*="--USER__zoom"] th{
+ :root[style*="readium-experimentalZoom-on"]:not([style*="readium-iOSPatch-on"])[style*="--USER__zoom"] figcaption,
+ :root[style*="readium-experimentalZoom-on"]:not([style*="readium-iOSPatch-on"])[style*="--USER__zoom"] caption,
+ :root[style*="readium-experimentalZoom-on"]:not([style*="readium-iOSPatch-on"])[style*="--USER__zoom"] td,
+ :root[style*="readium-experimentalZoom-on"]:not([style*="readium-iOSPatch-on"])[style*="--USER__zoom"] th{
zoom:var(--USER__zoom) !important;
}
}
@@ -147,7 +148,8 @@
margin-bottom:var(--USER__paraSpacing) !important;
}
-:root[style*="--USER__paraIndent"] p:not([class*="title"]):not(blockquote p):not(figcaption p):not(header p):not(hgroup p):not(div:has(+ *) > h1 + p):not(div:has(+ *) > p:has(+ h1)){
+:root[style*="--USER__paraIndent"] p:not(blockquote p):not(figcaption p):not(header p):not(hgroup p),
+:root[style*="--USER__paraIndent"][style*="readium-experimentalHeaderFiltering-on"] p:not([class*="title"]):not(div:has(+ *) > h1 + p):not(div:has(+ *) > p:has(+ h1)){
text-indent:var(--USER__paraIndent) !important;
}
diff --git a/css/src/modules/user-settings-submodules/ReadiumCSS-fontSize_pref.css b/css/src/modules/user-settings-submodules/ReadiumCSS-fontSize_pref.css
index 03ec2f7..0ae61f7 100644
--- a/css/src/modules/user-settings-submodules/ReadiumCSS-fontSize_pref.css
+++ b/css/src/modules/user-settings-submodules/ReadiumCSS-fontSize_pref.css
@@ -15,26 +15,26 @@
}
@supports selector(figure:has(> img)) {
- :root:not(:--deprecated-font-size):not(:--iOS-patch)[style*="--USER__fontSize"] figure:has(> img),
- :root:not(:--deprecated-font-size):not(:--iOS-patch)[style*="--USER__fontSize"] figure:has(> video),
- :root:not(:--deprecated-font-size):not(:--iOS-patch)[style*="--USER__fontSize"] figure:has(> svg),
- :root:not(:--deprecated-font-size):not(:--iOS-patch)[style*="--USER__fontSize"] figure:has(> canvas),
- :root:not(:--deprecated-font-size):not(:--iOS-patch)[style*="--USER__fontSize"] figure:has(> iframe),
- :root:not(:--deprecated-font-size):not(:--iOS-patch)[style*="--USER__fontSize"] figure:has(> audio),
- :root:not(:--deprecated-font-size):not(:--iOS-patch)[style*="--USER__fontSize"] div:has(> img),
- :root:not(:--deprecated-font-size):not(:--iOS-patch)[style*="--USER__fontSize"] div:has(> video),
- :root:not(:--deprecated-font-size):not(:--iOS-patch)[style*="--USER__fontSize"] div:has(> svg),
- :root:not(:--deprecated-font-size):not(:--iOS-patch)[style*="--USER__fontSize"] div:has(> canvas),
- :root:not(:--deprecated-font-size):not(:--iOS-patch)[style*="--USER__fontSize"] div:has(> iframe),
- :root:not(:--deprecated-font-size):not(:--iOS-patch)[style*="--USER__fontSize"] div:has(> audio),
- :root:not(:--deprecated-font-size):not(:--iOS-patch)[style*="--USER__fontSize"] table {
+ :root:--experimental-zoom:not(:--deprecated-font-size):not(:--iOS-patch)[style*="--USER__fontSize"] figure:has(> img),
+ :root:--experimental-zoom:not(:--deprecated-font-size):not(:--iOS-patch)[style*="--USER__fontSize"] figure:has(> video),
+ :root:--experimental-zoom:not(:--deprecated-font-size):not(:--iOS-patch)[style*="--USER__fontSize"] figure:has(> svg),
+ :root:--experimental-zoom:not(:--deprecated-font-size):not(:--iOS-patch)[style*="--USER__fontSize"] figure:has(> canvas),
+ :root:--experimental-zoom:not(:--deprecated-font-size):not(:--iOS-patch)[style*="--USER__fontSize"] figure:has(> iframe),
+ :root:--experimental-zoom:not(:--deprecated-font-size):not(:--iOS-patch)[style*="--USER__fontSize"] figure:has(> audio),
+ :root:--experimental-zoom:not(:--deprecated-font-size):not(:--iOS-patch)[style*="--USER__fontSize"] div:has(> img:only-child),
+ :root:--experimental-zoom:not(:--deprecated-font-size):not(:--iOS-patch)[style*="--USER__fontSize"] div:has(> video:only-child),
+ :root:--experimental-zoom:not(:--deprecated-font-size):not(:--iOS-patch)[style*="--USER__fontSize"] div:has(> svg:only-child),
+ :root:--experimental-zoom:not(:--deprecated-font-size):not(:--iOS-patch)[style*="--USER__fontSize"] div:has(> canvas:only-child),
+ :root:--experimental-zoom:not(:--deprecated-font-size):not(:--iOS-patch)[style*="--USER__fontSize"] div:has(> iframe:only-child),
+ :root:--experimental-zoom:not(:--deprecated-font-size):not(:--iOS-patch)[style*="--USER__fontSize"] div:has(> audio:only-child),
+ :root:--experimental-zoom:not(:--deprecated-font-size):not(:--iOS-patch)[style*="--USER__fontSize"] table {
zoom: calc(100% / var(--USER__fontSize)) !important;
}
- :root:not(:--deprecated-font-size):not(:--iOS-patch)[style*="--USER__fontSize"] figcaption,
- :root:not(:--deprecated-font-size):not(:--iOS-patch)[style*="--USER__fontSize"] caption,
- :root:not(:--deprecated-font-size):not(:--iOS-patch)[style*="--USER__fontSize"] td,
- :root:not(:--deprecated-font-size):not(:--iOS-patch)[style*="--USER__fontSize"] th {
+ :root:--experimental-zoom:not(:--deprecated-font-size):not(:--iOS-patch)[style*="--USER__fontSize"] figcaption,
+ :root:--experimental-zoom:not(:--deprecated-font-size):not(:--iOS-patch)[style*="--USER__fontSize"] caption,
+ :root:--experimental-zoom:not(:--deprecated-font-size):not(:--iOS-patch)[style*="--USER__fontSize"] td,
+ :root:--experimental-zoom:not(:--deprecated-font-size):not(:--iOS-patch)[style*="--USER__fontSize"] th {
zoom: var(--USER__fontSize) !important;
}
}
diff --git a/css/src/modules/user-settings-submodules/ReadiumCSS-paraIndent_pref.css b/css/src/modules/user-settings-submodules/ReadiumCSS-paraIndent_pref.css
index fcdfe66..d724b53 100644
--- a/css/src/modules/user-settings-submodules/ReadiumCSS-paraIndent_pref.css
+++ b/css/src/modules/user-settings-submodules/ReadiumCSS-paraIndent_pref.css
@@ -6,7 +6,8 @@
Repo: https://github.com/readium/css */
-:root[style*="--USER__paraIndent"] p:not([class*="title"]):not(blockquote p):not(figcaption p):not(header p):not(hgroup p):not(div:has(+ *) > h1 + p):not(div:has(+ *) > p:has(+ h1)) {
+:root[style*="--USER__paraIndent"] p:not(blockquote p):not(figcaption p):not(header p):not(hgroup p),
+:root[style*="--USER__paraIndent"]:--experimental-header-filtering p:not([class*="title"]):not(div:has(+ *) > h1 + p):not(div:has(+ *) > p:has(+ h1)) {
text-indent: var(--USER__paraIndent) !important;
}
diff --git a/css/src/modules/user-settings-submodules/ReadiumCSS-textAlign_pref.css b/css/src/modules/user-settings-submodules/ReadiumCSS-textAlign_pref.css
index ce29ff1..267d62c 100644
--- a/css/src/modules/user-settings-submodules/ReadiumCSS-textAlign_pref.css
+++ b/css/src/modules/user-settings-submodules/ReadiumCSS-textAlign_pref.css
@@ -11,9 +11,10 @@
}
:root[style*="--USER__textAlign"] body,
-:root[style*="--USER__textAlign"] p:not([class*="title"]):not(blockquote p):not(figcaption p):not(header p):not(hgroup p):not(div:has(+ *) > h1 + p):not(div:has(+ *) > p:has(+ h1)),
+:root[style*="--USER__textAlign"] p:not(blockquote p):not(figcaption p):not(header p):not(hgroup p),
:root[style*="--USER__textAlign"] li,
-:root[style*="--USER__textAlign"] dd {
+:root[style*="--USER__textAlign"] dd,
+:root[style*="--USER__textAlign"]:--experimental-header-filtering p:not([class*="title"]):not(div:has(+ *) > h1 + p):not(div:has(+ *) > p:has(+ h1)) {
text-align: var(--USER__textAlign) !important;
-moz-text-align-last: auto !important;
-epub-text-align-last: auto !important;
diff --git a/css/src/modules/user-settings-submodules/ReadiumCSS-webPubZoom_pref.css b/css/src/modules/user-settings-submodules/ReadiumCSS-webPubZoom_pref.css
index 9489c1e..c2c4350 100644
--- a/css/src/modules/user-settings-submodules/ReadiumCSS-webPubZoom_pref.css
+++ b/css/src/modules/user-settings-submodules/ReadiumCSS-webPubZoom_pref.css
@@ -15,26 +15,26 @@
}
@supports selector(figure:has(> img)) {
- :root:not(:--iOS-patch)[style*="--USER__zoom"] figure:has(> img),
- :root:not(:--iOS-patch)[style*="--USER__zoom"] figure:has(> video),
- :root:not(:--iOS-patch)[style*="--USER__zoom"] figure:has(> svg),
- :root:not(:--iOS-patch)[style*="--USER__zoom"] figure:has(> canvas),
- :root:not(:--iOS-patch)[style*="--USER__zoom"] figure:has(> iframe),
- :root:not(:--iOS-patch)[style*="--USER__zoom"] figure:has(> audio),
- :root:not(:--iOS-patch)[style*="--USER__zoom"] div:has(> img),
- :root:not(:--iOS-patch)[style*="--USER__zoom"] div:has(> video),
- :root:not(:--iOS-patch)[style*="--USER__zoom"] div:has(> svg),
- :root:not(:--iOS-patch)[style*="--USER__zoom"] div:has(> canvas),
- :root:not(:--iOS-patch)[style*="--USER__zoom"] div:has(> iframe),
- :root:not(:--iOS-patch)[style*="--USER__zoom"] div:has(> audio),
- :root:not(:--iOS-patch)[style*="--USER__zoom"] table {
+ :root:--experimental-zoom:not(:--iOS-patch)[style*="--USER__zoom"] figure:has(> img),
+ :root:--experimental-zoom:not(:--iOS-patch)[style*="--USER__zoom"] figure:has(> video),
+ :root:--experimental-zoom:not(:--iOS-patch)[style*="--USER__zoom"] figure:has(> svg),
+ :root:--experimental-zoom:not(:--iOS-patch)[style*="--USER__zoom"] figure:has(> canvas),
+ :root:--experimental-zoom:not(:--iOS-patch)[style*="--USER__zoom"] figure:has(> iframe),
+ :root:--experimental-zoom:not(:--iOS-patch)[style*="--USER__zoom"] figure:has(> audio),
+ :root:--experimental-zoom:not(:--iOS-patch)[style*="--USER__zoom"] div:has(> img:only-child),
+ :root:--experimental-zoom:not(:--iOS-patch)[style*="--USER__zoom"] div:has(> video:only-child),
+ :root:--experimental-zoom:not(:--iOS-patch)[style*="--USER__zoom"] div:has(> svg:only-child),
+ :root:--experimental-zoom:not(:--iOS-patch)[style*="--USER__zoom"] div:has(> canvas:only-child),
+ :root:--experimental-zoom:not(:--iOS-patch)[style*="--USER__zoom"] div:has(> iframe:only-child),
+ :root:--experimental-zoom:not(:--iOS-patch)[style*="--USER__zoom"] div:has(> audio:only-child),
+ :root:--experimental-zoom:not(:--iOS-patch)[style*="--USER__zoom"] table {
zoom: calc(100% / var(--USER__zoom)) !important;
}
- :root:not(:--iOS-patch)[style*="--USER__zoom"] figcaption,
- :root:not(:--iOS-patch)[style*="--USER__zoom"] caption,
- :root:not(:--iOS-patch)[style*="--USER__zoom"] td,
- :root:not(:--iOS-patch)[style*="--USER__zoom"] th {
+ :root:--experimental-zoom:not(:--iOS-patch)[style*="--USER__zoom"] figcaption,
+ :root:--experimental-zoom:not(:--iOS-patch)[style*="--USER__zoom"] caption,
+ :root:--experimental-zoom:not(:--iOS-patch)[style*="--USER__zoom"] td,
+ :root:--experimental-zoom:not(:--iOS-patch)[style*="--USER__zoom"] th {
zoom: var(--USER__zoom) !important;
}
}
diff --git a/css/vars/experiments.json b/css/vars/experiments.json
new file mode 100644
index 0000000..e601d73
--- /dev/null
+++ b/css/vars/experiments.json
@@ -0,0 +1,12 @@
+{
+ "experimentalHeaderFiltering": {
+ "description": "Attempts to filter out paragraphs that are implicitly headings or part of headers",
+ "scope": "RS",
+ "value": "readium-experimentalHeaderFiltering-on"
+ },
+ "experimentalZoom": {
+ "description": "Attemps to filter out elements that are sized using viewport units and should not be scaled directly e.g. tables, images, iframes, etc.",
+ "scope": "RS",
+ "value": "readium-experimentalZoom-on"
+ }
+}
\ No newline at end of file
diff --git a/docs/CSS12-user_prefs.md b/docs/CSS12-user_prefs.md
index 5146503..56ebe2f 100644
--- a/docs/CSS12-user_prefs.md
+++ b/docs/CSS12-user_prefs.md
@@ -169,6 +169,30 @@ Supported value: `readium-noRuby-on`
To disable the hiding and show ruby annotations, you can either set an empty string as a value of remove the property.
+### Experimental Features Flags
+
+Experimental flags are used to opt-in to and test improvements to existing features. That way they can also be disabled without having to wait on a quickfix in case they are creating new issues.
+
+```
+--RS__experimentalHeaderFiltering
+```
+
+Supported value: `readium-experimentalHeaderFiltering-on`
+
+This attempts to filter out paragraphs that are implicitly headings or part of headers.
+
+To disable the experimental header filtering, you can either set an empty string as a value or remove the property.
+
+```
+--RS__experimentalZoom
+```
+
+Supported value: `readium-experimentalZoom-on`
+
+This attempts to filter out elements that are sized using viewport units and should not be scaled directly.
+
+To disable the experimental zoom, you can either set an empty string as a value or remove the property.
+
## List of variables
### Layout
diff --git a/docs/CSS28-migration_guide.md b/docs/CSS28-migration_guide.md
index e731dfb..3729370 100644
--- a/docs/CSS28-migration_guide.md
+++ b/docs/CSS28-migration_guide.md
@@ -257,4 +257,13 @@ As of version `2.0.0-beta.22`, ReadiumCSS provides an experimental stylesheet fo
As well as the patching of zoom for iOS and iPadOS. **Note there is no fallback in case the `zoom` CSS property is not supported.**
-Typically, you would use zoom for all web publications, and the rest of the styles if the web publication’s accessibility metadata contains feature `displayTransformability`.
\ No newline at end of file
+Typically, you would use zoom for all web publications, and the rest of the styles if the web publication’s accessibility metadata contains feature `displayTransformability`.
+
+## Experimental Features Flags
+
+As of version `2.0.0-beta.23`, ReadiumCSS provides flags as a way to opt-in to and test improvements to existing features. That way they can also be disabled without having to wait on a quickfix in case they are creating new issues.
+
+- `--RS__experimentalHeaderFiltering: readium-experimentalHeaderFiltering-on`: attempts to filter out paragraphs that are implicitly headings or part of headers
+- `--RS__experimentalZoom: readium-experimentalZoom-on`: attemps to filter out elements that are sized using viewport units and should not be scaled directly
+
+These flags are expected to be found on `:root`.
\ No newline at end of file
diff --git a/docs/ReadiumCSS_docs.epub b/docs/ReadiumCSS_docs.epub
index 10579c1..9eeebac 100644
Binary files a/docs/ReadiumCSS_docs.epub and b/docs/ReadiumCSS_docs.epub differ
diff --git a/docs/ReadiumCSS_docs/OEBPS/Text/Section-012.xhtml b/docs/ReadiumCSS_docs/OEBPS/Text/Section-012.xhtml
index 5dbfeb8..9776869 100644
--- a/docs/ReadiumCSS_docs/OEBPS/Text/Section-012.xhtml
+++ b/docs/ReadiumCSS_docs/OEBPS/Text/Section-012.xhtml
@@ -172,8 +172,6 @@ root.style.setProperty("name of var", "");
Supported value: readium-a11y-on
- Override class: User settings advanced (optional but should be applied by any means necessary if provided to users)
-
To disable the normalization, you can either set an empty string as a value or remove the property.
@@ -185,11 +183,31 @@ root.style.setProperty("name of var", "");
--USER__no-ruby
Supported value: readium-noRuby-on
-
- Override class: User settings advanced (optional but should be applied by any means necessary if provided to users)
+
+ To disable the hiding and show ruby annotations, you can either set an empty string as a value of remove the property.
+
+
+
+ Experimental Features Flags
+ Experimental flags are used to opt-in to and test improvements to existing features. That way they can also be disabled without having to wait on a quickfix in case they are creating new issues
+
+ --RS__experimentalHeaderFiltering
+
+ Supported value: readium-experimentalHeaderFiltering-on
+
+ This attempts to filter out paragraphs that are implicitly headings or part of headers.
+
To disable the hiding and show ruby annotations, you can either set an empty string as a value of remove the property.
-
+
+ --RS__experimentalZoom
+
+ Supported value: readium-experimentalZoom-on
+
+ This attempts to filter out elements that are sized using viewport units and should not be scaled directly.
+
+ To disable the experimental zoom, you can either set an empty string as a value of remove the property.
+
diff --git a/docs/ReadiumCSS_docs/OEBPS/Text/Section-028.xhtml b/docs/ReadiumCSS_docs/OEBPS/Text/Section-028.xhtml
index 1db4bbf..dd651d8 100644
--- a/docs/ReadiumCSS_docs/OEBPS/Text/Section-028.xhtml
+++ b/docs/ReadiumCSS_docs/OEBPS/Text/Section-028.xhtml
@@ -309,6 +309,17 @@ const backgroundColor = defaultColors.RS__backgroundColor;
Typically, you would use zoom for all web publications, and the rest of the styles if the web publication’s accessibility metadata contains feature displayTransformability.
+
+
+ Experimental Flags
+
+ As of version 2.0.0-beta.23, ReadiumCSS provides flags as a way to opt-in to and test improvements to existing features. That way they can also be disabled without having to wait on a quickfix in case they are creating new issues.
+
+
+ --RS__experimentalHeaderFiltering: readium-experimentalHeaderFiltering-on: attempts to filter out paragraphs that are implicitly headings or part of headers--RS__experimentalZoom: readium-experimentalZoom-on: attemps to filter out elements that are sized using viewport units and should not be scaled directly
+