diff --git a/css/dist/ReadiumCSS-after.css b/css/dist/ReadiumCSS-after.css index 963b9c6..eca45df 100644 --- a/css/dist/ReadiumCSS-after.css +++ b/css/dist/ReadiumCSS-after.css @@ -71,11 +71,14 @@ body{ width:100%; max-width:var(--RS__defaultLineLength) !important; - padding:0 var(--RS__pageGutter) !important; margin:0 auto !important; box-sizing:border-box; } +:root:not([style*="readium-scroll-on"]) body{ + padding:0 var(--RS__pageGutter) !important; +} + :root:not([style*="readium-noOverflow-on"]) body{ overflow:hidden; } diff --git a/css/dist/cjk-horizontal/ReadiumCSS-after.css b/css/dist/cjk-horizontal/ReadiumCSS-after.css index d5f830c..e739452 100644 --- a/css/dist/cjk-horizontal/ReadiumCSS-after.css +++ b/css/dist/cjk-horizontal/ReadiumCSS-after.css @@ -71,11 +71,14 @@ body{ width:100%; max-width:var(--RS__defaultLineLength) !important; - padding:0 var(--RS__pageGutter) !important; margin:0 auto !important; box-sizing:border-box; } +:root:not([style*="readium-scroll-on"]) body{ + padding:0 var(--RS__pageGutter) !important; +} + :root:not([style*="readium-noOverflow-on"]) body{ overflow:hidden; } diff --git a/css/dist/cjk-vertical/ReadiumCSS-after.css b/css/dist/cjk-vertical/ReadiumCSS-after.css index 26d6229..b167acd 100644 --- a/css/dist/cjk-vertical/ReadiumCSS-after.css +++ b/css/dist/cjk-vertical/ReadiumCSS-after.css @@ -82,11 +82,14 @@ body{ width:100%; max-height:var(--RS__defaultLineLength) !important; - padding:var(--RS__pageGutter) 0 !important; margin:auto 0 !important; box-sizing:border-box; } +:root:not([style*="readium-scroll-on"]) body{ + padding:var(--RS__pageGutter) 0 !important; +} + :root:not([style*="readium-noOverflow-on"]) body{ overflow:hidden; } diff --git a/css/dist/rtl/ReadiumCSS-after.css b/css/dist/rtl/ReadiumCSS-after.css index 7ae9abf..37ebb79 100644 --- a/css/dist/rtl/ReadiumCSS-after.css +++ b/css/dist/rtl/ReadiumCSS-after.css @@ -71,11 +71,14 @@ body{ width:100%; max-width:var(--RS__defaultLineLength) !important; - padding:0 var(--RS__pageGutter) !important; margin:0 auto !important; box-sizing:border-box; } +:root:not([style*="readium-scroll-on"]) body{ + padding:0 var(--RS__pageGutter) !important; +} + :root:not([style*="readium-noOverflow-on"]) body{ overflow:hidden; } diff --git a/css/src/modules/ReadiumCSS-pagination-vertical.css b/css/src/modules/ReadiumCSS-pagination-vertical.css index 6426e76..ad6c6e5 100644 --- a/css/src/modules/ReadiumCSS-pagination-vertical.css +++ b/css/src/modules/ReadiumCSS-pagination-vertical.css @@ -94,6 +94,9 @@ body { Drawback: we have to use border-box so that it doesn’t screw the box model, which means it impacts colWidth and max-width */ box-sizing: border-box; +} + +:root:not(:--scroll-view) body { padding: var(--RS__pageGutter) 0 !important; } diff --git a/css/src/modules/ReadiumCSS-pagination.css b/css/src/modules/ReadiumCSS-pagination.css index 36516da..5543717 100644 --- a/css/src/modules/ReadiumCSS-pagination.css +++ b/css/src/modules/ReadiumCSS-pagination.css @@ -80,6 +80,9 @@ body { Drawback: we have to use border-box so that it doesn’t screw the box model, which means it impacts colWidth and max-width */ box-sizing: border-box; +} + +:root:not(:--scroll-view) body { padding: 0 var(--RS__pageGutter) !important; } diff --git a/docs/CSS28-migration_guide.md b/docs/CSS28-migration_guide.md index 4cd6111..85d82f0 100644 --- a/docs/CSS28-migration_guide.md +++ b/docs/CSS28-migration_guide.md @@ -258,4 +258,20 @@ As of version `2.0.0-beta.23`, ReadiumCSS provides flags as a way to opt-in to a - `--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 +These flags are expected to be found on `:root`. + +## Fonts are no longer distributed in the package + +As of version `2.0.0` (stable), ReadiumCSS no longer distributes fonts and their `font-face` rules. You will need to load them yourself. + +**This is a breaking change.** + +This means AccessibleDfa, iA Writer Duospace, and the Android FXL fonts patch are no longer included, nor are their `font-face` rules. + +## PageGutter no longer applies in scroll view + +As of version `2.0.0` (stable), the `--RS__pageGutter` property no longer applies in scroll view. + +**This is a breaking change.** + +If you need to apply padding to the scroll view, you can use the `--RS__scrollPadding` properties instead. This can be useful to get around safe area insets, or to add whitespace so that contents are not hidden behind UI elements. \ No newline at end of file diff --git a/docs/ReadiumCSS_docs.epub b/docs/ReadiumCSS_docs.epub index 6230e65..a23c02e 100644 Binary files a/docs/ReadiumCSS_docs.epub and b/docs/ReadiumCSS_docs.epub differ diff --git a/docs/ReadiumCSS_docs/OEBPS/Text/Section-028.xhtml b/docs/ReadiumCSS_docs/OEBPS/Text/Section-028.xhtml index 9fe5c40..80658b9 100644 --- a/docs/ReadiumCSS_docs/OEBPS/Text/Section-028.xhtml +++ b/docs/ReadiumCSS_docs/OEBPS/Text/Section-028.xhtml @@ -310,6 +310,26 @@ const backgroundColor = defaultColors.RS__backgroundColor;
--RS__experimentalZoom: readium-experimentalZoom-on: attemps to filter out elements that are sized using viewport units and should not be scaled directlyAs of version 2.0.0 (stable), ReadiumCSS no longer distributes fonts and their font-face rules. You will need to load them yourself.
This is a breaking change.
+ +This means AccessibleDfa, iA Writer Duospace, and the Android FXL fonts patch are no longer included, nor are their font-face rules.
As of version 2.0.0 (stable), the --RS__pageGutter property no longer applies in scroll view.
This is a breaking change.
+ +If you need to apply padding to the scroll view, you can use the --RS__scrollPadding properties instead. This can be useful to get around safe area insets, or to add whitespace so that contents are not hidden behind UI elements.