gistfile1.styl

[am-Nav]
  position: absolute
  left: 0
  top: -rhythm(2, 12px)
  height: 100%
  z-index: 20 // Footer is 30 zindex
  color: #6E8A99
  adjust-font-size-to(12px, 1, 16px)

  + #outer-wrap
    margin-top: -rhythm(2)
    header
      display: none

  a
    color: #6E8A99
    display: block
    adjust-font-size-to(12px, 1, 12px)
    height: 100%

    &:hover
      color: melon

  > *
    position: absolute
    top: 0
    height: 100%

// At full-width
[am-Nav~=full]
  width: totalWidth
  // Add some space for the nav to sit in
  + #outer-wrap
    margin-left: totalWidth + navSpacer
    width: auto
    background: transparent
    transition: margin 0.4s
    transition-timing-function: cubic-bezier(0.7,0.3,1)
    .nocsstransforms &
      display: block

// Only showing icons
[am-Nav~=compressed]
  width: iconBarWidth
  // Add some space for the nav to sit in
  + #outer-wrap
    margin-left: iconBarWidth + navSpacer
    width: auto
    background: transparent
    transition: margin 0.4s
    transition-timing-function: cubic-bezier(0.7,0.3,1)

  [am-Nav-Details]
    transform: translate3d(-(detailBarWidth),0,0)
    transition: transform 0.4s
    transition-timing-function: cubic-bezier(0.7,0.3,1)
    .nocsstransforms &
      display: none