// Pagination

.pagination {

  > ul {
    display: inline-block;
    padding: 0;
    margin: 0;

    > li {
      display: inline;

      &:first-child a, &:last-child a {
        height: @height-component-arrow;
        width: @width-component-arrow;
        padding: 0;
      }

      &:first-child a {
        margin-right: @margin-component-arrow;
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg);
        line-height: 20px;
      }
      &:last-child a {
        margin-left: @margin-component-arrow;
      }

      > a {
        font-family: @font-family-base-component;
        color: @placeholder-color;
        font-size: @font-size-base-component;
        height: @height-item-pager;
        position: relative;
        float: left;
        padding: 0 @padding-item-pager;
        line-height: @line-height-item;
        text-align: center;
        text-decoration: none;
      }

      &.active a {
        color: @body-color;
        font-family: @font-family-Bold;
      }

    }
  }

}

.pagination *, .pagination * {
  box-sizing: border-box;
}