From ca1b39119cd3551797e2e1b14c2166b5d694cde9 Mon Sep 17 00:00:00 2001
From: amzrk2
Date: Wed, 15 Jul 2020 13:52:20 +0800
Subject: Add sticky table of contents
---
assets/scss/_fuji-style/_sidebar.scss | 3 +++
assets/scss/_global.scss | 9 +++++++++
assets/scss/_var.scss | 2 ++
3 files changed, 14 insertions(+)
(limited to 'assets')
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/
--
cgit v1.2.3