diff options
| author | Hysterelius | 2023-09-13 16:48:39 +1000 |
|---|---|---|
| committer | Jieiku | 2023-09-19 11:17:05 -0700 |
| commit | b1be7cc6de3737ebbb1ae1485652e32a2888dbfc (patch) | |
| tree | b22bea2928384bc7acfb7b5eecfc10efcee4a50e /sass | |
| parent | c44af9da6d9db0f420eabce146058ae0ac48b353 (diff) | |
| download | abridge-b1be7cc6de3737ebbb1ae1485652e32a2888dbfc.tar.gz abridge-b1be7cc6de3737ebbb1ae1485652e32a2888dbfc.tar.bz2 abridge-b1be7cc6de3737ebbb1ae1485652e32a2888dbfc.zip | |
Multi Part Series Navigation
Diffstat (limited to 'sass')
| -rw-r--r-- | sass/abridge.scss | 63 |
1 files changed, 63 insertions, 0 deletions
diff --git a/sass/abridge.scss b/sass/abridge.scss index 7208721..14a691b 100644 --- a/sass/abridge.scss +++ b/sass/abridge.scss @@ -217,6 +217,7 @@ $imgswap: true !default;//Image Swap on hover/click $misc: false !default; $grid: false !default;//Infinity Grid, column based layouts. $syntax: true !default;//syntax highlighting for code blocks +$series: true !default;//series of posts /****************************************************************************** * Root element @@ -1554,3 +1555,65 @@ $syntax: true !default;//syntax highlighting for code blocks // color: var(--h1); //} } + +@if $series { + .series-mobile { + max-width: 30rem; + margin: var(--s2) auto; + border-radius: var(--br); + background-color: var(--c2); + } + + .series { + background-color: var(--c2); + max-height: 100vh; + padding: 0 var(--s2) var(--s2); + border-radius: var(--br); + border-top: 5px solid var(--a1); + overflow: auto; + } + + .series h4 a { + color: var(--f1); + font-weight: 700; + &:hover { + color: var(--a3); + } + } + + .series ol { + margin: 0; + } + + .series ol a { + color: var(--f1); + &:hover { + color: var(--a2); + text-decoration: underline; + } + } + + .series li { + font-size: .875rem; + } +} + +@if $series and $toc { + .series-toc { + margin-top: var(--s2); + max-height: 100vh; + } + + @if map-get($breakpoints, "md") { + // mobile first is min-width for desktop instead of max-width for mobile + @media (min-width: map-get($breakpoints, "md")) { + .series-mobile { + display: none; + } + } + } +} + +.toc h1 { + margin: 0; +}
\ No newline at end of file |