How to add print styles for a CSS bundle?

Question

I am currently have a site, where all of our CSS files, is being bundled into one file. Problem now is, there is a need to want to add print style for this site, but how do i go about this?

All CSS files is currently included in the main css bundle, meaning that all styles are imported from that one.

I don't wan't make a new CSS bundle for print styles only, is there any way i can include a printstyles in my main css bundle,

And only use that style, when page is being previewed for print?

Answer 1

If you want to use the same CSS you can target print layouts with a media query

@media print {
  .snig { 
     display: none;
   }
}