Enable sticky sidebar

- Hide sidebar on small screens
2016-03-14 21:30:03 -04:00
parent 7fa159a9a2
commit c7a7a5d707
5 changed files with 15 additions and 8 deletions
--- a/_assets/css/_utilities.scss
+++ b/_assets/css/_utilities.scss
@@ -150,10 +150,18 @@ body:hover .visually-hidden button {
   ========================================================================== */

 .sticky {
-  @include clearfix();
-  position: -webkit-sticky;
-  position: sticky;
-  top: 80px;
+  > * {
+    display: none;
+  }
+  @include breakpoint($small) {
+    @include clearfix();
+    position: -webkit-sticky;
+    position: sticky;
+    top: 3em;
+    > * {
+      display: block;
+    }
+  }
 }