Remove screen media css and add more specific print media selectors
- Removes any
@media
selectors other thanprint
andall
- 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 {
...
}