diff options
| author | Egor Tensin <Egor.Tensin@gmail.com> | 2022-03-23 15:36:19 +0300 |
|---|---|---|
| committer | Egor Tensin <Egor.Tensin@gmail.com> | 2022-03-23 15:36:19 +0300 |
| commit | 69c2df57f662f53c56b2f3555d0937e241b8d02b (patch) | |
| tree | 1c2f1173d0d3f8421245283e5d738e34346eb6f7 | |
| parent | separate content from sidebar automatically (diff) | |
| download | jekyll-theme-69c2df57f662f53c56b2f3555d0937e241b8d02b.tar.gz jekyll-theme-69c2df57f662f53c56b2f3555d0937e241b8d02b.zip | |
hide the sidebar separator on wide screens
| -rw-r--r-- | _layouts/default.html | 2 | ||||
| -rw-r--r-- | assets/css/jekyll-theme/utils.css | 9 |
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; + } +} |