mysociety / mysociety-docs-theme

Theme used for e.g. fixmystreet.org
1 stars 0 forks source link

Print styles #18

Closed zarino closed 8 years ago

zarino commented 8 years ago

Includes all the goodness from the HTML5 Boilerplate print styles (eg: printed hrefs after links, removal of background and text colours) as well as removal of the header, footer, and sidebar, and some print-friendly styling for code snippets and attention boxes.

Fixes #17.

Here’s an example screenshot of it in action in the Alaveteli docs:

screen shot 2015-10-28 at 16 23 47

The only bit I'm not 100% confident about is the code block font size. I've reduced it down to 0.3cm in an attempt to stop lines wrapping (because CSS has no obvious way of showing that a line has been soft-wrapped). If people are typing in code from a print-out, they're in dangerous territory anyway, but I'm not sure which is the best way to help them – make the text so small people with poor vision might not be able to read it, or keep it large but run the risk of it being unexpectedly soft-wrapped?

Thoughts @davewhiteland, @dracos?

davewhiteland commented 8 years ago

Well, as someone who can't read tiny fonts, I'd take the softwrapping risk over unreadable, thank you :-)

Also, the fact is we think printing docs off is probably not going to be widespread; the specific use case that triggered it this time is the FixMyStreet training material that doesn't really have a problem with this (no command line inputs where that might be considered risky).

davewhiteland commented 8 years ago

:+1: lovely job