drupal pager scss mixin

pager.scss

@mixin pager($radius: 2px, $background_1: #F8F8F8, $background_2: #ECECEC, $border: #c6c6c6, $font-color: #999) {

  // Pager list-style
  li {
    margin-right: 5px;
    padding: 0;

    &.last {
      margin-right: 0;
    }

    &.last, &.first, &.pager-previous, &.pager-next {

      a {
        padding: 3px 1%;
      }
    }
  }

  // Pager link style
 a {
    @include border-radius($radius);
    @include background-image(linear-gradient($background_1,$background_2,$background_1));
    padding: 3px 1%;
    border: 1px solid $border;
    font-size: 12px;
    color: $font-color;
    text-transform: uppercase;
    font-weight: bold;
    &:hover {
      @include background-image(linear-gradient($background_2,$background_1,$background_2));
      color: $link-color;
      border: 1px solid $border;
      text-decoration: none;
    }
    &:active {
      @include background-image(linear-gradient(darken($background_2, 5%),$background_1,darken($background_1, 3%)));
  }
    @include transition(.1s linear all);
  }

}

.item-list .pager {
  text-align: left;
  @include pager;
}