Use #content_body grid-column-gap instead of #left, #right margin.

This commit is contained in:
voussoir 2019-08-25 17:23:17 -07:00
parent eeceb7a9eb
commit a83f365b2a
2 changed files with 2 additions and 12 deletions

View file

@ -122,12 +122,14 @@ pre
grid-template:
"left right"
/var(--size_sticky_side) 1fr;
grid-column-gap: 8px;
}
#content_body.sticky_side_right
{
grid-template:
"left right"
/1fr var(--size_sticky_side);
grid-column-gap: 8px;
}
#content_body.sticky_side_left #left,
@ -146,14 +148,6 @@ pre
overflow-y: auto;
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
{
left: 8px;

View file

@ -26,10 +26,6 @@ h2, h3
{
grid-area: header;
}
#left
{
margin-right: 8px;
}
#left > *
{
background-color: var(--color_site_transparency);