Dp 8266 print styles for guides -- Do Not Merge

[isaacchansky]

A New PR has been included with the PR found here: massgov/mayflower#862

This PR should not be merged

Description

This PR cleans up and organizes a bunch of print CSS for Mayflower. This is a work in progress but this is a first pass at an overhaul to cover the majority of the more egregious components.

Related Issue / Ticket

• JIRA issue

Steps to Test

• Review each page in mayflower and ensure that things are readable. This is a first pass, so it's likely that some components will need some more work down the road. Please feel free to add Jira tickets for components that require further work to be perfect. Small tweaks for overlapping or otherwise unreadable text we should fix in this PR.
• I'd recommend using Chrome Dev Tools to test print styles.
  • To enable those, open chrome dev tools, open the console drawer (esc key) using the menu within that drawer, open the rendering tab, then select print rendering from the bottom dropdown in that list. This is confusing to find... so see attached gif for reference!

Screenshots

Use something like licecap to capture gifs to demonstrate behaviors.

Additional Notes:

Anything else to add?

Impacted Areas in Application

• _print.scss

@todo

• Action finders specifically are kind of gross and should have a unique print treatment I think - though I believe they are passable for now.

• We may want to consider saving ink and avoiding having colored backgrounds wherever possible.

[clair0917]

Closing this PR in favor of the more recent updates found here: massgov/mayflower#862