Compare commits
2 Commits
435e8a8a3f
...
0ebfde7958
@@ -19,40 +19,6 @@ main .container {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
@media (min-width: 1280px) {
|
||||
.single-post-wrapper {
|
||||
display: block; /* Turns off Flexbox completely */
|
||||
}
|
||||
|
||||
#main-content {
|
||||
/* Standard block behavior: automatically centers prose within wrapper */
|
||||
display: block;
|
||||
}
|
||||
|
||||
#sidebar-toc {
|
||||
/* Removes the TOC from document flow entirely */
|
||||
position: absolute;
|
||||
top: 0;
|
||||
|
||||
/* Math: Center of wrapper (50%) + half the prose width (32.5ch) + 2rem gap */
|
||||
left: calc(50% + 32.5ch + 2rem);
|
||||
|
||||
/* The aside needs to be exactly 100% height of the wrapper for sticky to work */
|
||||
height: 100%;
|
||||
width: 256px;
|
||||
}
|
||||
}
|
||||
|
||||
/* --- 3. Sticky TOC Logic --- */
|
||||
#sidebar-toc .toc {
|
||||
position: sticky;
|
||||
top: 6rem;
|
||||
max-height: calc(100vh - 8rem);
|
||||
overflow-y: auto;
|
||||
padding-right: 1rem;
|
||||
z-index: 10;
|
||||
}
|
||||
|
||||
/* --- 4. Projects Page (Isolated) --- */
|
||||
.projects-list {
|
||||
display: grid;
|
||||
|
||||
Reference in New Issue
Block a user