[enh] uses responsives capacities of baguettebox
This commit is contained in:
parent
2305c4f109
commit
c22b0747d8
@ -29,7 +29,12 @@
|
||||
{% else %}
|
||||
<section class="bordered-picture baguette">
|
||||
<div class="caption">
|
||||
<a href="{{ image }}" {% if caption %}data-caption="{{ caption }}"{% endif %}>
|
||||
<a href="{{ image }}" {% if caption %}data-caption="{{ caption }}"{% endif %}
|
||||
data-at-450="{{ image.generate_thumbnail("x450") }}"
|
||||
data-at-800="{{ image.generate_thumbnail("x800") }}"
|
||||
data-at-1366="{{ image.generate_thumbnail("x1366") }}"
|
||||
data-at-1920="{{ image.generate_thumbnail("x1920") }}"
|
||||
>
|
||||
<img class="lazy" src="" data-original="{{ image }}" alt="">
|
||||
{% if caption %}
|
||||
<div class="caption__overlay">
|
||||
|
@ -28,7 +28,12 @@
|
||||
{% endif %}
|
||||
{% set video = "" %}
|
||||
{% else %}
|
||||
<a href="{{ image }}" {% if caption %}data-caption="{{ caption }}"{% endif %}>
|
||||
<a href="{{ image }}" {% if caption %}data-caption="{{ caption }}"{% endif %}
|
||||
data-at-450="{{ image.generate_thumbnail("x450") }}"
|
||||
data-at-800="{{ image.generate_thumbnail("x800") }}"
|
||||
data-at-1366="{{ image.generate_thumbnail("x1366") }}"
|
||||
data-at-1920="{{ image.generate_thumbnail("x1920") }}"
|
||||
>
|
||||
<img class="lazy" src="" data-original="{{ image.generate_thumbnail("x600") }}" alt="">
|
||||
{% if caption %}
|
||||
<div class="caption__overlay">
|
||||
|
Loading…
x
Reference in New Issue
Block a user