diff options
| -rw-r--r-- | design/sass/_writing_details.scss | 5 | ||||
| -rw-r--r-- | design/templates/lib/img_cluster.html | 2 |
2 files changed, 5 insertions, 2 deletions
diff --git a/design/sass/_writing_details.scss b/design/sass/_writing_details.scss index 9697ddf..06a5e05 100644 --- a/design/sass/_writing_details.scss +++ b/design/sass/_writing_details.scss @@ -366,7 +366,8 @@ figure.picwide img.picwide { } @include constrain_wide; @extend %clearfix; - margin-bottom: 1em; + margin-bottom: 2em; + margin-top: 2em; max-width: 100%; p { max-width: 100%; @@ -460,6 +461,8 @@ figure.picwide img.picwide { float: left; max-width: 32.3%; margin: 0 0 6px 0; + padding-right: 6px; + background: transparent; } } @include breakpoint(gamma) { diff --git a/design/templates/lib/img_cluster.html b/design/templates/lib/img_cluster.html index 3f1c82f..a7921eb 100644 --- a/design/templates/lib/img_cluster.html +++ b/design/templates/lib/img_cluster.html @@ -2,7 +2,7 @@ {% if caption or exif %} <figure class="{{cluster_class}}">{%endif%} <a href="{%get_image_by_size image "original"%}" title="view larger image"> - <img class="{% if caption or exif %}{%else%}{{cluster_class}}{%endif%} {%if extra%}{{extra}}{%endif%}" {%if cluster_class == "picwide"%} sizes="(max-width: 1280px) 100vw, (min-width: 1281px) 1280px" srcset="{% for size in image.sizes.all%}{% get_image_by_size image size.name %} {{size.width}}w{% if forloop.last%}"{%else%}, {%endif%}{%endfor%}{% for size in image.sizes.all%}{%if not forloop.first and not forloop.last%} src="{% get_image_by_size image size.name%}"{%endif%}{%endfor%}{%else%} src="{% get_image_by_size image cluster_class %}"{%endif%} alt="{{image.alt}} photographed by {% if image.photo_credit_source %}{{image.photo_credit_source}}{%else%}luxagraf{%endif%}" data-jslghtbx="{%get_image_by_size image "original"%}" data-jslghtbx-group="group" {% if caption%}data-jslghtbx-caption="{{image.caption}}"{%endif%}></a> + <img class="{% if caption or exif %}{%else%}{{cluster_class}}{%endif%} {%if extra%}{{extra}}{%endif%}" {%if cluster_class == "picwide"%} sizes="(max-width: 1280px) 100vw, (min-width: 1281px) 1280px" srcset="{% for size in image.sizes.all%}{% get_image_by_size image size.name %} {{size.width}}w{% if forloop.last%}"{%else%}, {%endif%}{%endfor%}{% for size in image.sizes.all%}{%if not forloop.first and not forloop.last%} src="{% get_image_by_size image size.name%}"{%endif%}{%endfor%}{%else%} src="{% get_image_by_size image cluster_class %}"{%endif%} alt="{%if image.alt %}{{image.alt}}{%else%}{{image.title}}{%endif%} photographed by {% if image.photo_credit_source %}{{image.photo_credit_source}}{%else%}luxagraf{%endif%}" data-jslghtbx="{%get_image_by_size image "original"%}" data-jslghtbx-group="group" {% if caption%}data-jslghtbx-caption="{{image.caption}}"{%endif%}></a> {% if caption or exif %}<figcaption>{% endif %}{% if caption %}{{image.caption|safe}}{% endif %}{% if exif %} | <small>Camera: {{image.exif_make}} {{image.exif_model}} with {{image.exif_lens}}</small>{% endif %}{% if caption or exif %}</figcaption> </figure> {% endif %} |