diff options
| author | amzrk2 | 2020-07-15 13:52:20 +0800 |
|---|---|---|
| committer | amzrk2 | 2020-07-15 13:52:20 +0800 |
| commit | ca1b39119cd3551797e2e1b14c2166b5d694cde9 (patch) | |
| tree | 7055145540da395e41983ac26849a152b11d9b0a /assets/scss | |
| parent | b57c00e0f849a44066cfe152ee4551c6136680a4 (diff) | |
| download | hugo-theme-fuji-ca1b39119cd3551797e2e1b14c2166b5d694cde9.tar.gz hugo-theme-fuji-ca1b39119cd3551797e2e1b14c2166b5d694cde9.tar.bz2 hugo-theme-fuji-ca1b39119cd3551797e2e1b14c2166b5d694cde9.zip | |
Add sticky table of contents
Diffstat (limited to 'assets/scss')
| -rw-r--r-- | assets/scss/_fuji-style/_sidebar.scss | 3 | ||||
| -rw-r--r-- | assets/scss/_global.scss | 9 | ||||
| -rw-r--r-- | assets/scss/_var.scss | 2 |
3 files changed, 14 insertions, 0 deletions
diff --git a/assets/scss/_fuji-style/_sidebar.scss b/assets/scss/_fuji-style/_sidebar.scss index b6621b9..ab96b1a 100644 --- a/assets/scss/_fuji-style/_sidebar.scss +++ b/assets/scss/_fuji-style/_sidebar.scss @@ -66,4 +66,7 @@ padding-left: 0.5rem; margin-bottom: 0.25rem; } + + position: sticky; + top: 1rem; } diff --git a/assets/scss/_global.scss b/assets/scss/_global.scss index 0c47ac2..6fd62bd 100644 --- a/assets/scss/_global.scss +++ b/assets/scss/_global.scss @@ -19,6 +19,15 @@ main { flex: 1 1 auto; } +.container-lg { + display: flex; + flex-direction: row; + + @media screen and (max-width: $width-md) { + flex-direction: column; + } +} + // remove text decoration a:hover { text-decoration: none !important; diff --git a/assets/scss/_var.scss b/assets/scss/_var.scss index 14a15b2..3eedf9a 100644 --- a/assets/scss/_var.scss +++ b/assets/scss/_var.scss @@ -16,6 +16,8 @@ $mono-font: 'Cascadia Code', 'SF Mono', 'Fira Code', 'Consolas', $body-font !def $title-font: 'Product Sans', $body-font !default; $body-font-size: 16px !default; +$width-md: 768px; + $light-color-primary: #8aa2d3 !default; // https://irocore.com/aofuji/ $light-color-secondary: #8f82bc !default; // https://irocore.com/fujimurasaki/ $light-color-focus: #3b469b !default; // https://irocore.com/aomurasaki/ |