@evidentpoint/readium-css
Version:
A set of reference stylesheets for EPUB Reading Systems
36 lines (28 loc) • 1.36 kB
CSS
/* Readium CSS
Text align pref
A submodule managing text-align for user settings
Part of “User Overrides Advanced” class – “advanced settings” flag required.
Repo: https://github.com/readium/readium-css */
:root:--advanced-settings[style*="--USER__textAlign"] {
text-align: var(--USER__textAlign);
}
:root:--advanced-settings[style*="--USER__textAlign"] body,
:root:--advanced-settings[style*="--USER__textAlign"] *:not(blockquote):not(figcaption) p,
:root:--advanced-settings[style*="--USER__textAlign"] li {
text-align: inherit ;
-moz-text-align-last: auto ;
-epub-text-align-last: auto ;
text-align-last: auto ;
}
/* In case something goes wrong at the programmatic level + rtl for body + rtl in ltr */
:root:--advanced-settings:--rtl[style*="--USER__textAlign: left"],
:root:--advanced-settings:--rtl[style*="--USER__textAlign:left"],
:root:--advanced-settings[style*="--USER__textAlign: left"] *:--rtl,
:root:--advanced-settings[style*="--USER__textAlign:left"] *:--rtl {
text-align: right;
}
/* Edge, if logical value is used, think of it as a polyfill. For LTR, it will fall back to the default, which is left */
:root:--advanced-settings:--rtl[style*="--USER__textAlign: start"],
:root:--advanced-settings:--rtl[style*="--USER__textAlign:start"] {
text-align: right;
}