Docs - Improve typographic styles for print media #1439
Comments
- _common.styl - Grey(ish) text replaced with black - page-breaks now avoided in code snippets - shaded BG colors replaced with border-boxes - _demo.styl - Demonstration box padding, margins tightened up - page-breaks avoided - _page.styl - remove padding from left of page - reduce line-height - dense reading is more comfortable from the page - shaded BG colors in 'tip' boxes replaced with border-box
- _common.styl - Grey(ish) text replaced with black - page-breaks now avoided in code snippets - shaded BG colors replaced with border-boxes - _demo.styl - Demonstration box padding, margins tightened up - page-breaks avoided - _page.styl - remove padding from left of page - reduce line-height - dense reading is more comfortable from the page - shaded BG colors in 'tip' boxes replaced with border-box
|
One problem persists after the commits above - page breaks are occurring directly after One solution is described here, and involves wrapping the headers and the next element with a div that's given the more reliable If no-one objects to the notion (or suggests a better alternative) in the next few days, I'll have a look at implementing. |
|
Hm, that does sound a bit hacky indeed, especially for not-so-common use case. What about trying with page-break-after and page-break-before and testing first- maybe it will prove to be more effective than we think. Worth trying first, anyways. :) I added a comment about links as well. Sounds like the right track for everything else. |
* Update styles to enable printing docs (#1425) The sidebar, header, footer and Advertisement elements are now hidden when users print docs from the website. * Improve typography for print media (#1439) - _common.styl - Grey(ish) text replaced with black - page-breaks now avoided in code snippets - shaded BG colors replaced with border-boxes - _demo.styl - Demonstration box padding, margins tightened up - page-breaks avoided - _page.styl - remove padding from left of page - reduce line-height - dense reading is more comfortable from the page - shaded BG colors in 'tip' boxes replaced with border-box * Improve typography for print media (#1439) - _common.styl - Grey(ish) text replaced with black - page-breaks now avoided in code snippets - shaded BG colors replaced with border-boxes - _demo.styl - Demonstration box padding, margins tightened up - page-breaks avoided - _page.styl - remove padding from left of page - reduce line-height - dense reading is more comfortable from the page - shaded BG colors in 'tip' boxes replaced with border-box * Add links to printed typography
|
This has been merged! Happy to keep accepting new contributions, but considering this resolved for now. 🙂 |
A number of stylistic choices for the documentation work much better for web than for print.
These could be improved in a
@media printquery.The text was updated successfully, but these errors were encountered: