AngularJS Guide CSS for print

AngularJS-Guide-Print-CSS.md

Obviously printing out the interactive AngularJS Guide is not a really good idea, I admit. But for whatever reason I like to study the guide with my text-marker while sitting in the garden.

I only added the following CSS to the file <angular.js-root>/docs/app/assets/css/docs.css.

After building (grunt, gulp) the files get served by node-static (because I always use this as ad-hoc web-server, even if grunt delivers the page through grunt server).

docs-addon.css

@media print {
  header,
  footer,
  .main-grid .grid-left,
  a.improve-docs {
    display: none !important;
  }
  .main-body-grid {
    margin-top: 0;
    font-size: 120%;
  }
  .main-grid > .grid-right {
    margin-bottom: 0;
    margin-left: 0;
  }
  #wrapper {
    padding-bottom: 0;
  }
}