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> <h2>Components</h2>
<nav> <nav>
<ul> <ul>
@ -34,4 +35,5 @@
<li><a href="#DocTypography">Typography</a></li> <li><a href="#DocTypography">Typography</a></li>
</ul> </ul>
</nav> </nav>
</aside> </aside>
</div>

View File

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