diff --git a/css/dist/ReadiumCSS-after.css b/css/dist/ReadiumCSS-after.css index eca45df..41e8774 100644 --- a/css/dist/ReadiumCSS-after.css +++ b/css/dist/ReadiumCSS-after.css @@ -27,7 +27,7 @@ --RS__pageGutter:0; - --RS__defaultLineLength:40rem; + --RS__defaultLineLength:100%; --RS__colGap:0; diff --git a/css/dist/cjk-horizontal/ReadiumCSS-after.css b/css/dist/cjk-horizontal/ReadiumCSS-after.css index e739452..02c190c 100644 --- a/css/dist/cjk-horizontal/ReadiumCSS-after.css +++ b/css/dist/cjk-horizontal/ReadiumCSS-after.css @@ -27,7 +27,7 @@ --RS__pageGutter:0; - --RS__defaultLineLength:40rem; + --RS__defaultLineLength:100%; --RS__colGap:0; diff --git a/css/dist/cjk-vertical/ReadiumCSS-after.css b/css/dist/cjk-vertical/ReadiumCSS-after.css index b167acd..562860d 100644 --- a/css/dist/cjk-vertical/ReadiumCSS-after.css +++ b/css/dist/cjk-vertical/ReadiumCSS-after.css @@ -27,7 +27,7 @@ --RS__pageGutter:0; - --RS__defaultLineLength:40rem; + --RS__defaultLineLength:100%; --RS__colGap:0; diff --git a/css/dist/rtl/ReadiumCSS-after.css b/css/dist/rtl/ReadiumCSS-after.css index 37ebb79..7306b31 100644 --- a/css/dist/rtl/ReadiumCSS-after.css +++ b/css/dist/rtl/ReadiumCSS-after.css @@ -27,7 +27,7 @@ --RS__pageGutter:0; - --RS__defaultLineLength:40rem; + --RS__defaultLineLength:100%; --RS__colGap:0; diff --git a/css/vars/pagination.json b/css/vars/pagination.json index 581f8cf..1f9c5e6 100644 --- a/css/vars/pagination.json +++ b/css/vars/pagination.json @@ -2,7 +2,7 @@ "RS__colWidth": "100vw", "RS__colCount": 1, "RS__colGap": 0, - "RS__defaultLineLength": "40rem", + "RS__defaultLineLength": "100%", "RS__pageGutter": 0, "RS__viewportWidth": "100%" } \ No newline at end of file diff --git a/docs/CSS03-injection_and_pagination.md b/docs/CSS03-injection_and_pagination.md index 4967c60..202cae1 100644 --- a/docs/CSS03-injection_and_pagination.md +++ b/docs/CSS03-injection_and_pagination.md @@ -123,7 +123,7 @@ The inline (horizontal by default, vertical in vertical-writing) page margins. --RS__defaultLineLength ``` -The default line-length when none is set by the user. It should be set in `rem` in order to take `:root`’s `font-size` as a reference, whichever the `body`’s `font-size` might be. +The default line-length when none is set by the user. It represents the `max-width` of the `body` element and is `100%` by default so that it does not conflict with the the zoom factor. * * * diff --git a/docs/CSS19-api.md b/docs/CSS19-api.md index fd89de0..45cb2ef 100644 --- a/docs/CSS19-api.md +++ b/docs/CSS19-api.md @@ -273,7 +273,7 @@ The inline (horizontal by default, vertical in vertical-writing) page margins. --RS__defaultLineLength ``` -The default line-length when none is set by the user. It must be set in `rem` in order to take `:root`’s `font-size` as a reference, whichever the `body`’s `font-size` might be. +The default line-length when none is set by the user. It represents the `max-width` of the `body` element and is `100%` by default so that it does not conflict with the the zoom factor. ### Scroll diff --git a/docs/CSS28-migration_guide.md b/docs/CSS28-migration_guide.md index 85d82f0..eafc5fa 100644 --- a/docs/CSS28-migration_guide.md +++ b/docs/CSS28-migration_guide.md @@ -274,4 +274,10 @@ As of version `2.0.0` (stable), the `--RS__pageGutter` property no longer applie **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 +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. + +## Default line-length value has changed + +As of version `2.0.0` (stable), the default line-length when none is set by the user is `100%` instead of `40rem`. This is to prevent conflicts with the zoom factor. + +The custom property has been kept so that consumers of ReadiumCSS can still customize the value if they wish, especially as they can opt out of the new font-size implementation. \ No newline at end of file diff --git a/docs/ReadiumCSS_docs.epub b/docs/ReadiumCSS_docs.epub index a23c02e..8be2d0d 100644 Binary files a/docs/ReadiumCSS_docs.epub and b/docs/ReadiumCSS_docs.epub differ diff --git a/docs/ReadiumCSS_docs/OEBPS/Text/Section-003.xhtml b/docs/ReadiumCSS_docs/OEBPS/Text/Section-003.xhtml index f86f54d..21c7cf6 100644 --- a/docs/ReadiumCSS_docs/OEBPS/Text/Section-003.xhtml +++ b/docs/ReadiumCSS_docs/OEBPS/Text/Section-003.xhtml @@ -160,7 +160,7 @@
--RS__defaultLineLength
-

The default line-length when none is set by the user. It must be set in rem in order to take :root’s font-size as a reference, whichever the body’s font-size might be.

+

The default line-length when none is set by the user. It represents the max-width of the body element and is 100% by default so that it does not conflict with the the zoom factor.


diff --git a/docs/ReadiumCSS_docs/OEBPS/Text/Section-019.xhtml b/docs/ReadiumCSS_docs/OEBPS/Text/Section-019.xhtml index 0278f81..92451f2 100644 --- a/docs/ReadiumCSS_docs/OEBPS/Text/Section-019.xhtml +++ b/docs/ReadiumCSS_docs/OEBPS/Text/Section-019.xhtml @@ -247,7 +247,7 @@
--RS__defaultLineLength
-

The default line-length when none is set by the user. It must be set in rem in order to take :root’s font-size as a reference, whichever the body’s font-size might be.

+

The default line-length when none is set by the user. It represents the max-width of the body element and is 100% by default so that it does not conflict with the the zoom factor.

diff --git a/docs/ReadiumCSS_docs/OEBPS/Text/Section-028.xhtml b/docs/ReadiumCSS_docs/OEBPS/Text/Section-028.xhtml index 80658b9..6b570aa 100644 --- a/docs/ReadiumCSS_docs/OEBPS/Text/Section-028.xhtml +++ b/docs/ReadiumCSS_docs/OEBPS/Text/Section-028.xhtml @@ -330,6 +330,14 @@ const backgroundColor = defaultColors.RS__backgroundColor;

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.

+ +
+

Default line-length value has changed

+ +

As of version 2.0.0 (stable), the default line-length when none is set by the user is 100% instead of 40rem. This is to prevent conflicts with the zoom factor.

+ +

The custom property has been kept so that consumers of ReadiumCSS can still customize the value if they wish, especially as they can opt out of the new font-size implementation.

+
\ No newline at end of file diff --git a/docs/ReadiumCSS_docs/OEBPS/Text/nav.xhtml b/docs/ReadiumCSS_docs/OEBPS/Text/nav.xhtml index 558bf3e..04379ce 100644 --- a/docs/ReadiumCSS_docs/OEBPS/Text/nav.xhtml +++ b/docs/ReadiumCSS_docs/OEBPS/Text/nav.xhtml @@ -779,6 +779,9 @@
  • PageGutter no longer applies in scroll view
  • +
  • + Default line-length value has changed +
  • diff --git a/docs/ReadiumCSS_docs/OEBPS/toc.ncx b/docs/ReadiumCSS_docs/OEBPS/toc.ncx index e70d5ee..3aa3b55 100644 --- a/docs/ReadiumCSS_docs/OEBPS/toc.ncx +++ b/docs/ReadiumCSS_docs/OEBPS/toc.ncx @@ -1425,6 +1425,12 @@ + + + Default line-length value has changed + + +