Skip to content

Commit f0f7721

Browse files
authored
Update version to 1.2.1, add Table of Contents functionality, and enhance layout styles (#48)
1 parent c33cd05 commit f0f7721

File tree

9 files changed

+74
-5
lines changed

9 files changed

+74
-5
lines changed

assets/built/screen.css

Lines changed: 1 addition & 1 deletion
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

assets/built/tocbot.css

Lines changed: 1 addition & 0 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

assets/built/tocbot.js

Lines changed: 1 addition & 0 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

assets/css/screen.css

Lines changed: 44 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -224,7 +224,7 @@ p {
224224
.kg-image {
225225
margin-right: auto;
226226
margin-left: auto;
227-
max-width: 80%;
227+
max-width: 90%;
228228
}
229229

230230
/* Gallery */
@@ -342,6 +342,8 @@ blockquote.kg-blockquote-alt {
342342

343343
.kg-bookmark-card .kg-bookmark-thumbnail img {
344344
border-radius: 0 0.2em 0.2em 0;
345+
margin-top: 0;
346+
345347
}
346348

347349
/* Product */
@@ -595,4 +597,45 @@ figcaption a {
595597
flex-direction: column;
596598
align-items: center;
597599
width: 100%;
600+
}
601+
602+
/* TOC */
603+
604+
.gh-content {
605+
position: relative;
606+
}
607+
608+
.gh-toc>.toc-list {
609+
position: relative;
610+
}
611+
612+
.toc-list {
613+
overflow: hidden;
614+
list-style: none;
615+
}
616+
617+
@media (min-width: 1300px) {
618+
.gh-sidebar {
619+
position: absolute;
620+
top: 0;
621+
bottom: 0;
622+
margin-top: 4vmin;
623+
right: 0;
624+
/* Changed grid-column to right positioning */
625+
width: 260px;
626+
margin-right: 4vmin;
627+
}
628+
629+
.gh-toc {
630+
position: sticky;
631+
top: 4vmin;
632+
max-height: calc(100vh - 8vmin);
633+
overflow-y: auto;
634+
}
635+
}
636+
637+
.gh-toc .is-active-link::before {
638+
/* background-color: var(--ghost-accent-color); */
639+
@apply bg-dark;
640+
/* Defines TOC accent color based on Accent color set in Ghost Admin */
598641
}

assets/css/tocbot.css

Lines changed: 1 addition & 0 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

0 commit comments

Comments
 (0)