Compare commits
2 Commits
435e8a8a3f
...
0ebfde7958
@@ -19,40 +19,6 @@ main .container {
|
|||||||
width: 100%;
|
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) --- */
|
/* --- 4. Projects Page (Isolated) --- */
|
||||||
.projects-list {
|
.projects-list {
|
||||||
display: grid;
|
display: grid;
|
||||||
|
|||||||
Reference in New Issue
Block a user