make aside menu sticky

This commit is contained in:
Jonas Duri 2023-12-08 19:48:40 +01:00
parent c05f5dd642
commit 2923b48feb
2 changed files with 43 additions and 36 deletions

View File

@ -1,4 +1,5 @@
<aside id="menu">
<div>
<aside id="menu">
<h2>Components</h2>
<nav>
<ul>
@ -34,4 +35,5 @@
<li><a href="#DocTypography">Typography</a></li>
</ul>
</nav>
</aside>
</aside>
</div>

View File

@ -102,5 +102,10 @@
.components-grid {
grid-template-columns: 3fr 9fr;
}
.components-grid aside {
position: sticky;
top: calc(var(--global-space) * 2);
}
}
</style>