Add display override for hiding content when printing

When printing users often need to print the content without the surrounding site furniture (eg menus, breadcrumbs, back links and footers).

Introduce a helper so that a class can be used to hide any given element from the print view.

This is explicit and preferable to listing all the selectors for things that shouldn't be printed. These lists grow unwieldy over time.

CHANGELOG.md

@@ -4,6 +4,12 @@
 
 ### New features
 
+#### Add display override for hiding content when printing
+
+Introduce a CSS class that can be used to hide any given element from the print view: `govuk-!-print-display-none`
+
+[Pull request #1723: Add display override for hiding content when printing](https://github.com/alphagov/govuk-frontend/pull/1723).
+
 ### Fixes
 
 ## 3.5.0 (Feature release)

src/govuk/overrides/_display.scss

@@ -19,4 +19,10 @@
   .govuk-\!-display-none {
     display: none !important;
   }
+
+  @include govuk-media-query($media-type: print) {
+    .govuk-\!-print-display-none {
+      display: none !important;
+    }
+  }
 }