css: introduce $columns-gutter to manage gutter width (#44011)

This commit is contained in:
Thomas Jund 2020-06-12 12:52:42 +02:00
parent 0217b13ba4
commit cbdff4a0dd
2 changed files with 4 additions and 3 deletions

View File

@ -85,7 +85,7 @@ div#left div.a2-block, div#right div.a2-block,
.gru-content div.cell,
.block {
padding: 0;
margin: 0px 10px 10px 10px;
margin: 0px #{$columns-gutter / 2} 10px #{$columns-gutter / 2};
& h2 + div {
padding: 1rem;

View File

@ -1,6 +1,7 @@
$width: 1000px !default;
$mobile-limit: 800px !default;
$very-small-limit: 480px !default;
$columns-gutter: 20px !default;
$footer-background: #666666 !default;
$footer-full-width-background: true !default;
$footer-color: white !default;
@ -110,9 +111,9 @@ div#main-content {
div.cell {
@if $sidebar-position == left {
margin-left: 0;
margin-right: 20px;
margin-right: $columns-gutter;
} @else {
margin-left: 20px;
margin-left: $columns-gutter;
margin-right: 0px;
}
}