Menu icon Foundation
Create custom _print.scss or print.scss

Hi,

Is it possible to 'ignore' _print.scss' and create a custom one?

I can't find a way to exclude/not import it other than going through the all structure of includes (quite nested now).

The settings available in _settings.scss are very limited (url display on links and breakpoint views only).

Is there a good way or recommended way of doing it?

I can't simply override it because of the !important flag on almost everything:

@media print {
    * {
      @if $print-transparent-backgrounds {
        background: transparent !important;
      }

      box-shadow: none !important;

      color: black !important; // Black prints faster: h5bp.com/s
      text-shadow: none !important;
    }

    ...
}

Thanks.

print.scssprintcustomimport util

Hi,

Is it possible to 'ignore' _print.scss' and create a custom one?

I can't find a way to exclude/not import it other than going through the all structure of includes (quite nested now).

The settings available in _settings.scss are very limited (url display on links and breakpoint views only).

Is there a good way or recommended way of doing it?

I can't simply override it because of the !important flag on almost everything:

@media print {
    * {
      @if $print-transparent-backgrounds {
        background: transparent !important;
      }

      box-shadow: none !important;

      color: black !important; // Black prints faster: h5bp.com/s
      text-shadow: none !important;
    }

    ...
}

Thanks.