scss: cells: add gutter only for min mobile-limit

This commit is contained in:
Thomas Jund 2019-10-03 12:20:28 +02:00
parent 9f739ea4ee
commit a037ab9d89
1 changed files with 7 additions and 10 deletions

View File

@ -32,18 +32,15 @@ $cell-image-position: after-title !default;
$cell-image-padding: 0.5rem !default;
div#left div.block,
.gru-content #left .cell { margin-right: $page-padding; }
div#right div.block,
.gru-content #right .cell { margin-left: $page-padding; }
@media screen and (max-width: $mobile-limit) {
// In 2 cols template, add gutter
@media screen and (min-width: $mobile-limit+1px) {
div#left div.block,
.gru-content #left .cell,
.gru-content #left .cell {
margin-right: $page-padding;
}
div#right div.block,
.gru-content #right .cell {
margin-right: 0;
margin-left: 0;
.gru-content #right .cell {
margin-left: $page-padding;
}
}