{% set thumbSize = 100 %}
{% set thumbCss = '' %} {% set hiResThumbCss = '' %} {% for file in files %} {% if file.hasThumb() %} {% set thumbCss = thumbCss ~ '.thumb-'~file.id~' { background-image: url('~file.url({transform: 'scale', height: thumbSize, width: thumbSize})~'); height: '~thumbSize~'px; width: '~thumbSize~"px;}\n" %} {% set hiResThumbCss = hiResThumbCss ~ '.thumb-'~file.id~' { background-image: url('~file.url({transform: 'scale', height: thumbSize * 2, width: thumbSize * 2})~'); background-size: '~thumbSize~'px '~thumbSize~"px; }\n" %} {% else %} {% set thumbCss = thumbCss ~ '.thumb-'~file.id~' { background-image: url('~file.getIconUrl(thumbSize)~'); height: '~thumbSize~'px; width: '~thumbSize~"px;}\n" %} {% set hiResThumbCss = hiResThumbCss ~ '.thumb-'~file.id~' { background-image: url('~file.getIconUrl(thumbSize)~'); background-size: '~thumbSize~'px '~thumbSize~"px; }\n" %} {% endif %} {% endfor %} {% includeCss thumbCss %} {% includeHiResCss hiResThumbCss %} {{ getHeadHtml() }} {{ getFootHtml() }}