Copy environment

Pagination

Preview 
<div class="pagination  ">
    <ul class="pagination__list">
        <li class="pagination__item pagination__arrow--prev pagination__arrow pagination__arrow--disabled">
            <a href="#" class="pagination__link">
                                <svg class="icon  pagination__icon">
    <use xlink:href="../../inc/svg/global.48b54b5802220943f9ae21d3bf31136a.svg#arrow"></use>
</svg>

                        </a>
        </li>

        <li class="pagination__item pagination__item--page">
            <span class="pagination__link">1</span>
        </li>

        <li class="pagination__item ">
            <a href="#" class="pagination__link">
                            2
                        </a>
        </li>

        <li class="pagination__item ">
            <a href="#" class="pagination__link">
                            3
                        </a>
        </li>

        <li class="pagination__item">
            <span class="pagination__span">...</span>
        </li>

        <li class="pagination__item ">
            <a href="#" class="pagination__link">
                            14
                        </a>
        </li>

        <li class="pagination__item pagination__arrow--next pagination__arrow">
            <a href="#" class="pagination__link">
                                <svg class="icon  pagination__icon">
    <use xlink:href="../../inc/svg/global.48b54b5802220943f9ae21d3bf31136a.svg#arrow"></use>
</svg>

                        </a>
        </li>

    </ul>
</div>
 
{
  "language": "en-US",
  "data": {
    "next": {
      "text": "Next",
      "url": "#",
      "icon": "arrow"
    },
    "previous": {
      "text": "Previous",
      "url": "#",
      "icon": "arrow"
    },
    "current": {
      "text": "1",
      "url": null
    },
    "page": 1,
    "pages": 14,
    "nearbyPagesLimit": 2,
    "extraPagesLimit": 1,
    "items": {
      "1": {
        "text": "1",
        "url": "#"
      },
      "2": {
        "text": "2",
        "url": "#"
      },
      "3": {
        "text": "3",
        "url": "#"
      },
      "4": {
        "text": "4",
        "url": "#"
      },
      "5": {
        "text": "5",
        "url": "#"
      },
      "6": {
        "text": "6",
        "url": "#"
      },
      "7": {
        "text": "7",
        "url": "#"
      },
      "8": {
        "text": "8",
        "url": "#"
      },
      "9": {
        "text": "9",
        "url": "#"
      },
      "10": {
        "text": "10",
        "url": "#"
      },
      "11": {
        "text": "11",
        "url": "#"
      },
      "12": {
        "text": "12",
        "url": "#"
      },
      "13": {
        "text": "13",
        "url": "#"
      },
      "14": {
        "text": "14",
        "url": "#"
      }
    }
  }
}