Use #content_body grid-column-gap instead of #left, #right margin.
This commit is contained in:
parent
eeceb7a9eb
commit
a83f365b2a
2 changed files with 2 additions and 12 deletions
|
@ -122,12 +122,14 @@ pre
|
||||||
grid-template:
|
grid-template:
|
||||||
"left right"
|
"left right"
|
||||||
/var(--size_sticky_side) 1fr;
|
/var(--size_sticky_side) 1fr;
|
||||||
|
grid-column-gap: 8px;
|
||||||
}
|
}
|
||||||
#content_body.sticky_side_right
|
#content_body.sticky_side_right
|
||||||
{
|
{
|
||||||
grid-template:
|
grid-template:
|
||||||
"left right"
|
"left right"
|
||||||
/1fr var(--size_sticky_side);
|
/1fr var(--size_sticky_side);
|
||||||
|
grid-column-gap: 8px;
|
||||||
}
|
}
|
||||||
|
|
||||||
#content_body.sticky_side_left #left,
|
#content_body.sticky_side_left #left,
|
||||||
|
@ -146,14 +148,6 @@ pre
|
||||||
overflow-y: auto;
|
overflow-y: auto;
|
||||||
background-color: var(--color_site_transparency);
|
background-color: var(--color_site_transparency);
|
||||||
}
|
}
|
||||||
#content_body.sticky_side_right #left
|
|
||||||
{
|
|
||||||
margin-right: 8px;
|
|
||||||
}
|
|
||||||
#content_body.sticky_side_left #right
|
|
||||||
{
|
|
||||||
margin-left: 8px;
|
|
||||||
}
|
|
||||||
#content_body.sticky_side_left #left
|
#content_body.sticky_side_left #left
|
||||||
{
|
{
|
||||||
left: 8px;
|
left: 8px;
|
||||||
|
|
|
@ -26,10 +26,6 @@ h2, h3
|
||||||
{
|
{
|
||||||
grid-area: header;
|
grid-area: header;
|
||||||
}
|
}
|
||||||
#left
|
|
||||||
{
|
|
||||||
margin-right: 8px;
|
|
||||||
}
|
|
||||||
#left > *
|
#left > *
|
||||||
{
|
{
|
||||||
background-color: var(--color_site_transparency);
|
background-color: var(--color_site_transparency);
|
||||||
|
|
Loading…
Reference in a new issue