Separate PDF and webpage print stylesheets

[geealbers]

Before proceeding, check to make sure there isn’t an existing issue for this idea or a similar one.

• I have searched the existing issues and determined this is a new proposal.

Proposed change

Quire styles currently use a single print.scss stylesheet to handle both PDF styling and webpage print styling. This means that application styles contain PDF styling by default, including pagedjs and princeXML's @page queries.

PDF-related styling in print.scss should be split into its own file,  pdf.scss, and the pdf transform should be changed to add this file to its asset bundling. 

Potential Impact

Better print outputs when readers print out a Quire page from their browser. Better separation of concerns for designers and developers working on Quire's stylesheets. Cleaner stylesheets.

Supporting Information

This suggestion was originally posted on Jira by @cbutcosk on 23/Jul/24 as DEV-18161.