Enable sticky sidebar

- Hide sidebar on small screens
This commit is contained in:
Michael Rose 2016-03-14 21:30:03 -04:00
parent 7fa159a9a2
commit c7a7a5d707
5 changed files with 15 additions and 8 deletions

View file

@ -150,10 +150,18 @@ body:hover .visually-hidden button {
========================================================================== */
.sticky {
> * {
display: none;
}
@include breakpoint($small) {
@include clearfix();
position: -webkit-sticky;
position: sticky;
top: 80px;
top: 3em;
> * {
display: block;
}
}
}

View file

@ -13,7 +13,6 @@ $(document).ready(function(){
// init smooth scroll
$("a").smoothScroll({offset: -20});
// add lightbox class to all image links
$("a[href$='.jpg'],a[href$='.jpeg'],a[href$='.JPG'],a[href$='.png'],a[href$='.gif']").addClass("image-popup");

View file

@ -35,7 +35,7 @@ layout: compress
{% endif %}
<div id="main" role="main">
<div class="sidebar">
<div class="sidebar sticky">
{% if page.author_profile %}{% include author-profile.html %}{% endif %}
{% if page.sidebar %}
{% for s in page.sidebar %}

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long