Hemos añadido un nuevo filtro liquid para nuestras plantillas, stylesheet_tag.

Este filtro nos permite cargar los archivos css que le indiquemos, al igual que ya hacía javascript_tag con los archivos javascript.

Ej:

{{ 'styles' | stylesheet_tag }}
=> <link href="/themes/login/css/styles.css" media="screen" rel="stylesheet" type="text/css" /> 

El filtro acepta un segundo parámetro en caso de querer cambiar el valor del atributo media:

{{ 'print_styles' | stylesheet_tag: 'print' }}
=> <link href="/themes/login/css/print_styles.css" media="print" rel="stylesheet" type="text/css" /> 

Además, el filtro stylesheet_tag puede recibir varias horas de estilos, separadas por comas:

{{ 'reset,main,styles' | stylesheet_tag }}
=> <link href="/themes/login/css/reset.css" media="print" rel="stylesheet" type="text/css" /> 
<link href="/themes/login/css/main.css" media="screen" rel="stylesheet" type="text/css" /> 
<link href="/themes/login/css/styles.css" media="screen" rel="stylesheet" type="text/css" /> 

El filtro javascript_tag también acepta una lista de ficheros javascript:

Ej:

{{ 'prototype,application' | javascript_tag }}
=>  <script type="text/javascript" src="/themes/login/js/prototype.js"></script> 
 <script type="text/javascript" src="/themes/login/js/application.js"></script>