aboutsummaryrefslogtreecommitdiffstatshomepage
diff options
context:
space:
mode:
authorEgor Tensin <Egor.Tensin@gmail.com>2022-03-23 15:36:19 +0300
committerEgor Tensin <Egor.Tensin@gmail.com>2022-03-23 15:36:19 +0300
commit69c2df57f662f53c56b2f3555d0937e241b8d02b (patch)
tree1c2f1173d0d3f8421245283e5d738e34346eb6f7
parentseparate content from sidebar automatically (diff)
downloadjekyll-theme-69c2df57f662f53c56b2f3555d0937e241b8d02b.tar.gz
jekyll-theme-69c2df57f662f53c56b2f3555d0937e241b8d02b.zip
hide the sidebar separator on wide screens
-rw-r--r--_layouts/default.html2
-rw-r--r--assets/css/jekyll-theme/utils.css9
2 files changed, 10 insertions, 1 deletions
diff --git a/_layouts/default.html b/_layouts/default.html
index caa95f1..eaae1b9 100644
--- a/_layouts/default.html
+++ b/_layouts/default.html
@@ -4,7 +4,7 @@
{{ content }}
{% unless site.settings.sidebar.hide or page.sidebar.hide %}
{% comment %}Separate the content from the sidebar on narrow screens.{% endcomment %}
- <hr/>
+ <hr class="sidebar-sep"/>
{% endunless %}
</div>
<div class="col-md-4">
diff --git a/assets/css/jekyll-theme/utils.css b/assets/css/jekyll-theme/utils.css
index 8903282..f7c4d6f 100644
--- a/assets/css/jekyll-theme/utils.css
+++ b/assets/css/jekyll-theme/utils.css
@@ -13,3 +13,12 @@
html * {
max-height: 1000000px;
}
+/* If the screen is wide enough to have the sidebar stacked horizontally,
+ * hide the separator bar. */
+@media (min-width: 992px) {
+ /* 992px is the -md- width. The sidebar is stacked horizontally on -md- or
+ * wider. */
+ .sidebar-sep {
+ display: none;
+ }
+}