Filtros de javascript y css
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>