.sidebar {
  @include box-sizing(border-box);
  padding: 1.5rem 1rem;
  float: left;
  width: 24.75%;
  position: relative;
  background-color: white;
  z-index: 3;
  nav {
    a {
      display: block;
      float: left;
      clear: both;
      padding: .15em 0;
      margin-bottom: .25em;
      @include clearfix();
    }
    a.plugin:after,
    a.experimental:after,
    a.deprecated:after {
      display: inline;
      margin-left: .25rem;
      text-transform: uppercase;
      background: $lighter-gray;
      border-radius: 3px;
      font-size: .75rem;
      padding: .25rem;
      letter-spacing: .5px;
    }
    a.plugin:after {
      content: 'plugin';
    }
    a.experimental:after {
      content: 'experimental';
    }
    a.deprecated:after {
      content: 'deprecated';
    }
  }
  h5 {
    float: left;
    clear: both;
    margin: 1rem 0 0.5rem;
  }

  @include respond-to($tablet-mid) {
    display: none;

  }
}

.mobile-menu  {
  border-top: 1px solid mix($lighter-gray, $light-gray);
  .sidebar {
    width: 100%;
    display: none;
    @include respond-to($tablet-mid) {
      display: block;
    }
  }
}
