@readium/css/css/ReadiumCSS-config.css

A set of reference stylesheets for EPUB Reading Systems

/* Readium CSS 
   Config module

   A file allowing implementers to customize flags for reading modes,
   user settings, etc.

   Repo: https://github.com/readium/css */

/* Custom selectors
   Syntax: @custom-selector :--variable selector
   The selectors you will use for flags/switches
   You can alternatively use classes or custom data-* attributes */

/* User view = paged | scrolled */
@custom-selector :--paged-view [style*="readium-paged-on"];
@custom-selector :--scroll-view [style*="readium-scroll-on"];

/* Disabling the new implementation for font-size */
@custom-selector :--deprecated-font-size [style*="readium-deprecatedFontSize-on"];

/* Font-size normalization for engines that don’t support zoom */
@custom-selector :--fs-normalize [style*="readium-normalize-on"];

/* Reading Modes */
@custom-selector :--sepia-mode [style*="readium-sepia-on"];
@custom-selector :--night-mode [style*="readium-night-on"];

/* Filters (images) */
@custom-selector :--blend-filter [style*="readium-blend-on"];
@custom-selector :--darken-filter [style*="readium-darken-on"];
@custom-selector :--invert-filter [style*="readium-invert-on"];
@custom-selector :--invert-gaiji [style*="readium-invertGaiji-on"];

/* Disabling pagination for vertical writing */
@custom-selector :--no-vertical-pagination [style*="readium-noVerticalPagination-on"];

/* Disabling overflow */
@custom-selector :--no-overflow [style*="readium-noOverflow-on"];

/* Hiding ruby */
@custom-selector :--no-ruby [style*="readium-noRuby-on"];

/* Accessibility normalization */
@custom-selector :--a11y-normalize [style*="readium-a11y-on"];

/* Accessibility font. You can add selectors, using “, ” as a separator, if you have multiple fonts */
@custom-selector :--a11y-font [style*="AccessibleDfA"], [style*="IA Writer Duospace"];

/* Direction i.e. ltr and rtl */
@custom-selector :--ltr [dir="ltr"];
@custom-selector :--rtl [dir="rtl"];

/* Patch for iOS and iPadOS */
@custom-selector :--iOS-patch [style*="readium-iOSPatch-on"];
@custom-selector :--ipadOS-patch [style*="readium-iPadOSPatch-on"];