css: introduce $columns-gutter to manage gutter width (#44011)
This commit is contained in:
parent
0217b13ba4
commit
cbdff4a0dd
|
@ -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;
|
||||
|
|
|
@ -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;
|
||||
}
|
||||
}
|
||||
|
|
Loading…
Reference in New Issue