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,
|
.gru-content div.cell,
|
||||||
.block {
|
.block {
|
||||||
padding: 0;
|
padding: 0;
|
||||||
margin: 0px 10px 10px 10px;
|
margin: 0px #{$columns-gutter / 2} 10px #{$columns-gutter / 2};
|
||||||
|
|
||||||
& h2 + div {
|
& h2 + div {
|
||||||
padding: 1rem;
|
padding: 1rem;
|
||||||
|
|
|
@ -1,6 +1,7 @@
|
||||||
$width: 1000px !default;
|
$width: 1000px !default;
|
||||||
$mobile-limit: 800px !default;
|
$mobile-limit: 800px !default;
|
||||||
$very-small-limit: 480px !default;
|
$very-small-limit: 480px !default;
|
||||||
|
$columns-gutter: 20px !default;
|
||||||
$footer-background: #666666 !default;
|
$footer-background: #666666 !default;
|
||||||
$footer-full-width-background: true !default;
|
$footer-full-width-background: true !default;
|
||||||
$footer-color: white !default;
|
$footer-color: white !default;
|
||||||
|
@ -110,9 +111,9 @@ div#main-content {
|
||||||
div.cell {
|
div.cell {
|
||||||
@if $sidebar-position == left {
|
@if $sidebar-position == left {
|
||||||
margin-left: 0;
|
margin-left: 0;
|
||||||
margin-right: 20px;
|
margin-right: $columns-gutter;
|
||||||
} @else {
|
} @else {
|
||||||
margin-left: 20px;
|
margin-left: $columns-gutter;
|
||||||
margin-right: 0px;
|
margin-right: 0px;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
Loading…
Reference in New Issue