Skip to content
Merged
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
5 changes: 4 additions & 1 deletion css/dist/ReadiumCSS-after.css
Original file line number Diff line number Diff line change
Expand Up @@ -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;
}
Expand Down
5 changes: 4 additions & 1 deletion css/dist/cjk-horizontal/ReadiumCSS-after.css
Original file line number Diff line number Diff line change
Expand Up @@ -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;
}
Expand Down
5 changes: 4 additions & 1 deletion css/dist/cjk-vertical/ReadiumCSS-after.css
Original file line number Diff line number Diff line change
Expand Up @@ -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;
}
Expand Down
5 changes: 4 additions & 1 deletion css/dist/rtl/ReadiumCSS-after.css
Original file line number Diff line number Diff line change
Expand Up @@ -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;
}
Expand Down
3 changes: 3 additions & 0 deletions css/src/modules/ReadiumCSS-pagination-vertical.css
Original file line number Diff line number Diff line change
Expand Up @@ -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;
}

Expand Down
3 changes: 3 additions & 0 deletions css/src/modules/ReadiumCSS-pagination.css
Original file line number Diff line number Diff line change
Expand Up @@ -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;
}

Expand Down
18 changes: 17 additions & 1 deletion docs/CSS28-migration_guide.md
Original file line number Diff line number Diff line change
Expand Up @@ -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`.
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.
Binary file modified docs/ReadiumCSS_docs.epub
Binary file not shown.
20 changes: 20 additions & 0 deletions docs/ReadiumCSS_docs/OEBPS/Text/Section-028.xhtml
Original file line number Diff line number Diff line change
Expand Up @@ -310,6 +310,26 @@ const backgroundColor = defaultColors.RS__backgroundColor;</code></pre>
<li><code>--RS__experimentalZoom: readium-experimentalZoom-on</code>: attemps to filter out elements that are sized using viewport units and should not be scaled directly</li>
</ul>
</section>

<section id="fonts-removed-from-package" class="level2">
<h2 id="sigil_toc_id_223">Fonts are no longer distributed in the package</h2>

<p>As of version <code>2.0.0</code> (stable), ReadiumCSS no longer distributes fonts and their <code>font-face</code> rules. You will need to load them yourself.</p>

<p><strong>This is a breaking change.</strong></p>

<p>This means AccessibleDfa, iA Writer Duospace, and the Android FXL fonts patch are no longer included, nor are their <code>font-face</code> rules.</p>
</section>

<section id="pagegutter-removed-from-scroll-view" class="level2">
<h2 id="sigil_toc_id_224">PageGutter no longer applies in scroll view</h2>

<p>As of version <code>2.0.0</code> (stable), the <code>--RS__pageGutter</code> property no longer applies in scroll view.</p>

<p><strong>This is a breaking change.</strong></p>

<p>If you need to apply padding to the scroll view, you can use the <code>--RS__scrollPadding</code> 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.</p>
</section>
</section>
</body>
</html>
6 changes: 6 additions & 0 deletions docs/ReadiumCSS_docs/OEBPS/Text/nav.xhtml
Original file line number Diff line number Diff line change
Expand Up @@ -773,6 +773,12 @@
<li>
<a href="../Text/Section-028.xhtml#sigil_toc_id_219">Experimental Features Flags</a>
</li>
<li>
<a href="../Text/Section-028.xhtml#sigil_toc_id_223">Fonts are no longer distributed in the package</a>
</li>
<li>
<a href="../Text/Section-028.xhtml#sigil_toc_id_224">PageGutter no longer applies in scroll view</a>
</li>
</ol>
</li>
</ol>
Expand Down
12 changes: 12 additions & 0 deletions docs/ReadiumCSS_docs/OEBPS/toc.ncx
Original file line number Diff line number Diff line change
Expand Up @@ -1413,6 +1413,18 @@
</navLabel>
<content src="Text/Section-028.xhtml#sigil_toc_id_219" />
</navPoint>
<navPoint id="navPoint235">
<navLabel>
<text>Fonts are no longer distributed in the package</text>
</navLabel>
<content src="Text/Section-028.xhtml#sigil_toc_id_223" />
</navPoint>
<navPoint id="navPoint236">
<navLabel>
<text>PageGutter no longer applies in scroll view</text>
</navLabel>
<content src="Text/Section-028.xhtml#sigil_toc_id_224" />
</navPoint>
</navPoint>
</navMap>
</ncx>