changed layout.css for toc to stay fixed
This commit is contained in:
parent
fdb2e5fb9f
commit
ce620a06e1
1 changed files with 8 additions and 4 deletions
|
|
@ -4,10 +4,10 @@
|
||||||
max-width: 64rem;
|
max-width: 64rem;
|
||||||
margin: 1rem auto;
|
margin: 1rem auto;
|
||||||
display: grid;
|
display: grid;
|
||||||
grid-template-areas:
|
grid-template-areas:
|
||||||
"header"
|
"header"
|
||||||
"body"
|
"body"
|
||||||
"aside"
|
"aside"
|
||||||
"footer";
|
"footer";
|
||||||
grid-template-columns: minmax(0, 1fr); /* https://css-tricks.com/preventing-a-grid-blowout/ */
|
grid-template-columns: minmax(0, 1fr); /* https://css-tricks.com/preventing-a-grid-blowout/ */
|
||||||
grid-row-gap: 2rem;
|
grid-row-gap: 2rem;
|
||||||
|
|
@ -49,6 +49,10 @@
|
||||||
.page__aside {
|
.page__aside {
|
||||||
grid-area: aside;
|
grid-area: aside;
|
||||||
color: var(--off-fg);
|
color: var(--off-fg);
|
||||||
|
position: fixed;
|
||||||
|
top: 5rem;
|
||||||
|
right: 28rem;
|
||||||
|
width: 15rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* Footer */
|
/* Footer */
|
||||||
|
|
|
||||||
Loading…
Add table
Add a link
Reference in a new issue