Print Styles

[themire]

I am using the "Importing styles from JS" approach which outputs CSS in the following format

<link rel="stylesheet" href="/vite/assets/filename.css" media="screen" />

I would like my styles to be available in print mode too though. What's the best approach? Use <%= vite_stylesheet_tag 'admin-js-entrypoint', media: 'print' %> ?

Thanks!

[ElMassimo]

Hi Julian!

If you want styles to be available both for print and screen you can use media: "all":

<%= vite_stylesheet_tag 'filename', media: 'all' %>

If you are importing styles from JS, then pass media to the vite_javascript_tag helper instead:

<%= vite_javascript_tag 'admin-js-entrypoint', media: 'all' %>

[themire]

Thanks Massimo!