How to add attributes to Grails 3 CSS files via asset-pipeline

1
votes

I am including css files using asset-pipeline via application.css and my bootstrap css files require me to add attributes media="screen, projection"

Currently I am adding:

*= require /webjars/bootstrap/3.3.5/css/bootstrap-theme
*= require /webjars/bootstrap/3.3.5/css/bootstrap
*= require /webjars/bootstrap-tagsinput/0.5/bootstrap-tagsinput

to my application.css which is producing:

<link rel="stylesheet" href="/assets/webjars/bootstrap/3.3.5/css/bootstrap-theme.css?compile=false">
<link rel="stylesheet" href="/assets/webjars/bootstrap/3.3.5/css/bootstrap.css?compile=false">
<link rel="stylesheet" href="/assets/bootstrap-multi-level-dropdown.css?compile=false">

How do I for example generate the following html?

<link rel="stylesheet" href="/assets/webjars/bootstrap/3.3.5/css/bootstrap-theme.css?compile=false" media="screen, projection">
1
cssgrailsasset-pipelinegrails-3.0

1 Answers

2
votes

You can pass in the media attribute as extra parameters to the tag.

Any attributes other than those described below will be forwarded to the element generated by this tag.

Source

E.G.,

<asset:stylesheet src="application.css" media="screen, projection"/>