villeneuve-dascq: introduce .column instead #left & #right (#48515)

This commit is contained in:
Thomas Jund 2020-11-11 12:16:30 +01:00
parent 9ac530a810
commit 30aaa783c7
2 changed files with 5 additions and 11 deletions

View File

@ -199,7 +199,7 @@ div.meetings_table {
}
// vertical space
div#services > ul > li,
div#left div.a2-block, div#right div.a2-block,
.column div.a2-block,
.gru-content div.cell,
.block {
margin-bottom: $columns-gutter / 2;
@ -441,7 +441,7 @@ div#main-content-wrapper,
display: flex;
margin-left: -#{$columns-gutter / 2};
margin-right: -#{$columns-gutter / 2};
> div {
> .column {
flex: 1 1 0;
> .cell {
margin-left: #{$columns-gutter / 2} !important;
@ -449,12 +449,6 @@ div#main-content-wrapper,
}
}
}
@media ($max-mobile-viewport) {
#center div.cell {
margin-left: 0;
margin-right: 0;
}
}
}
//

View File

@ -3,13 +3,13 @@
{% block columns %}
<div id="columns-wrapper">
<div id="columns" class="theme-3cols-layout">
<div id="left" class="column">
<div class="column">
{% placeholder "left" name="Colonne gauche" %}
</div>
<div id="center" class="column">
<div class="column">
{% placeholder "content" name="Colonne centrale" %}
</div>
<div id="right" class="column">
<div class="column">
{% placeholder "right" name="Colonne droite" %}
</div>
</div>