scss: cells: add gutter only for min mobile-limit
This commit is contained in:
parent
9f739ea4ee
commit
a037ab9d89
|
@ -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;
|
||||
}
|
||||
}
|
||||
|
||||
|
|
Loading…
Reference in New Issue