Remove screen media css and add more specific print media selectors

Fred Chasen requested to merge remove_print_media into main
  • Removes any @media selectors other than print and all
  • Add as .pagedjs_page class to any selectors in @media print to make them more specific
  • Add ignore rules for polyfill stylesheet processing.
  • Update all screen interface css for examples and specs to be in a separate style tag

The following HTML stylesheets will be ignored (so will still be present in the screen preview):

<style pagedjs-ignore></style>
<style media="screen">
<link rel="stylesheet" type="text/css" href="screen.css" pagedjs-ignore>
<link rel="stylesheet" type="text/css" href="screen.css" media="screen">

or in a parsed CSS file adding pagedjs-ignore will skip a media block:

@media screen, pagedjs-ignore {
Edited by Fred Chasen

Merge request reports