--- a/src/pyams_file/templates/picture.pt Tue Aug 28 09:27:26 2018 +0200
+++ b/src/pyams_file/templates/picture.pt Fri Aug 31 17:55:29 2018 +0200
@@ -4,7 +4,7 @@
base_width 100 / 12;"
tal:attributes="class css_class">
<!-- lg source -->
- <source media="(min-width: 1200px)" sizes="12vw, 25vw, 50vw, 100vw"
+ <source media="(min-width: 1200px)"
tal:condition="lg_width"
tal:attributes="srcset string:${image_url}/++thumb++${lg_thumb}:w128?_=${timestamp} 128w,
${image_url}/++thumb++${lg_thumb}:w256?_=${timestamp} 256w,
@@ -14,7 +14,7 @@
srcset="/--static--/pyams_skin/img/dot.png" sizes="100vw"
tal:condition="not:lg_width" />
<!-- md source -->
- <source media="(min-width: 992px)" sizes="12vw, 25vw, 50vw, 100vw"
+ <source media="(min-width: 992px)"
tal:condition="md_width"
tal:attributes="srcset string:${image_url}/++thumb++${md_thumb}:w128?_=${timestamp} 128w,
${image_url}/++thumb++${md_thumb}:w256?_=${timestamp} 256w,
@@ -24,7 +24,7 @@
srcset="/--static--/pyams_skin/img/dot.png" sizes="100vw"
tal:condition="not:md_width" />
<!-- sm source -->
- <source media="(min-width: 768px)" sizes="12vw, 25vw, 50vw, 100vw"
+ <source media="(min-width: 768px)"
tal:condition="sm_width"
tal:attributes="srcset string:${image_url}/++thumb++${sm_thumb}:w128?_=${timestamp} 128w,
${image_url}/++thumb++${sm_thumb}:w256?_=${timestamp} 256w,
@@ -35,7 +35,7 @@
srcset="/--static--/pyams_skin/img/dot.png" sizes="100vw"
tal:condition="not:sm_width" />
<!-- xs source -->
- <source media="(max-width: 767px)" sizes="12vw, 25vw, 50vw, 100vw"
+ <source media="(max-width: 767px)"
tal:condition="xs_width"
tal:attributes="srcset string:${image_url}/++thumb++${xs_thumb}:w128?_=${timestamp} 128w,
${image_url}/++thumb++${xs_thumb}:w256?_=${timestamp} 256w,