picture group responsible

This commit is contained in:
Adrien Beudin 2016-05-18 17:43:43 +02:00
parent 112d0f13b7
commit 530a524373
2 changed files with 42 additions and 34 deletions

View File

@ -401,3 +401,12 @@ a.google {
.video-container video.fillWidth { .video-container video.fillWidth {
width: 100%; width: 100%;
} }
@media only screen and (max-device-width : 992px) {
.pictures-line {
display: inherit;
}
}

View File

@ -1,10 +1,10 @@
{% if section.background %} {% if section.background %}
<div id="bg-section" style="background: {{ section.background }};"> <div id="bg-section" style="background: {{ section.background }};">
{% endif %} {% endif %}
<div class="pictures-group baguette"> <div class="container baguette">
<div class="row"> <div class="row">
{% for line in section.images %} {% for line in section.images %}
<div class="pictures-line"> {% set number = line|length %}
{% for image in line %} {% for image in line %}
{% if image.type == "video" %} {% if image.type == "video" %}
{% set video = Video(image) %} {% set video = Video(image) %}
@ -14,7 +14,7 @@
{% set image = Image(image) %} {% set image = Image(image) %}
{{ image.copy() }} {{ image.copy() }}
{% endif %} {% endif %}
<div class="col"> <div class="col s12 m{{24 // number }} l{{12 // number }}">
<div class="card"> <div class="card">
{% if video %} {% if video %}
<div class="picture card-image"> <div class="picture card-image">
@ -39,7 +39,6 @@
</div> </div>
</div> </div>
{% endfor %} {% endfor %}
</div>
{% endfor %} {% endfor %}
</div> </div>
</div> </div>