$footer-height: 48px;

@mixin footer() {

  #footer {
    
    > .comment, > .code {
      height: $footer-height;
      line-height: $footer-height;
      
      padding-top: 0;
      padding-bottom: 0;
    }
      
    > .comment .content {
      font-size: 13px;

      color: hsl($hue, $saturation, 45%);
      font-weight: bold;
    }
    
    > .code {
      text-align: right;
    }
    
    > .code .content {
      font-size: 14px;
      @include font-mono();

      color: hsl($hue, $saturation, 50%);
    }
    
  }

  @include single-column() {
    
    #footer {
      text-align: right;
    }
    
  }
  
}