Printing Jellyfish Projects

Jellyfish applies a few small tweaks to make projects more printer-friendly.

That said, the framework is by no means printer-optimised so caution should be taken if a project will rely heavily on the ability for users to print web pages.

Non-printing elements

There are several ways of preventing certain elements from printing; by using a class .do-not-print, by @extending that class @extend .do-not-print or by using a mixin @include do-not-print(). Each of these options result in the compiled code of display:none; for @media print.

By default, the following elements will not print: .navbar, iframe.

    .element {
      @extend do-not-print;
    }
    .element-2 {
      @include do-not-print();
    }
    // Compiled output:
    @media print {
      .do-not-print, .element {
        display: none; } }

    @media print {
      .element-2 {
        display: none; } }