/* *****************************************************************************
*
*  List
*
* ***************************************************************************** */
.list {
  list-style-type: none;
  padding: 0;
  margin-bottom: 0;

  &__item {
    @include transitions(background);

    &:not(:last-of-type){
      border-bottom: $border-width solid $border-color;
    }

    @include hover-focus{
      background: $gray-100;
    }

    & > a {
      @extend .link--no-decoration;
      display: block;
      width: 100%;
      padding: $spacer-3;
    }
  }
}