source/sass/components/_site-sidebar.scss

   1 /*
   2 |-------------------------------------------------------------------------------
   3 | Site sidebar
   4 |-------------------------------------------------------------------------------
   5 */
   6 .c-site-sidebar {
   7   width: $sidebarWidth;
   8   height: 100%;
   9   position: absolute;
  10   top: 0;
  11   z-index: 1;
  12   text-align: center;
  13
  14   // Visible by default on desktop
  15   @include breakpoint(desktop) {
  16     left: 0;
  17   }
  18
  19   // Off canvas by default on mobile
  20   @include breakpoint(mobile) {
  21     left: -$sidebarWidth;
  22   }
  23 }