diff options
-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; + } +} |