ISAICP-6606: Style the pagination.

web/themes/ventuno/package.json

@@ -14,10 +14,10 @@
     "postinstall": "npm run build"
   },
   "devDependencies": {
-    "@openeuropa/bcl-bootstrap": "0.8.0",
-    "@openeuropa/bcl-builder": "0.8.0",
-    "@openeuropa/bcl-theme-default": "0.8.0",
-    "@openeuropa/bcl-theme-joinup": "0.8.0",
+    "@openeuropa/bcl-bootstrap": "0.10.0",
+    "@openeuropa/bcl-builder": "0.10.0",
+    "@openeuropa/bcl-theme-default": "0.10.0",
+    "@openeuropa/bcl-theme-joinup": "0.10.0",
     "cross-env": "7.0.3",
     "del-cli": "^4.0.1",
     "glob": "7.1.7",

web/themes/ventuno/src/fonts/joinup-icons/config.json

@@ -95,6 +95,62 @@
       "css": "attention",
       "code": 59408,
       "src": "fontawesome"
+    },
+    {
+      "uid": "e6cde6fa411efc000a5e8ab95488f5db",
+      "css": "first",
+      "code": 59400,
+      "src": "custom_icons",
+      "selected": true,
+      "svg": {
+        "path": "M671.7 861.7C661.9 861.7 652.2 858 644.7 850.6L330.6 536.4C315.7 521.5 315.7 497.4 330.6 482.6L644.7 168.5C659.6 153.6 683.7 153.6 698.6 168.5 713.4 183.3 713.4 207.4 698.6 222.3L411.4 509.5 698.6 796.7C713.4 811.6 713.4 835.7 698.6 850.6 691.1 858 681.4 861.7 671.7 861.7ZM214.9 821.4V197.5C214.9 175.3 193.1 157.3 166.1 157.3S117.2 175.3 117.2 197.5V821.4C117.2 843.7 139.1 861.7 166.1 861.7S214.9 843.7 214.9 821.4Z",
+        "width": 827
+      },
+      "search": [
+        "first"
+      ]
+    },
+    {
+      "uid": "bc050611da89ad199ada1a2f5075ae19",
+      "css": "last",
+      "code": 59401,
+      "src": "custom_icons",
+      "selected": true,
+      "svg": {
+        "path": "M155.3 157.3C165 157.3 174.7 161 182.2 168.4L496.3 482.6C511.2 497.4 511.2 521.5 496.3 536.4L182.2 850.5C167.3 865.4 143.2 865.4 128.3 850.5 113.5 835.7 113.5 811.6 128.3 796.7L415.6 509.5 128.3 222.3C113.5 207.4 113.5 183.3 128.3 168.4 135.8 161 145.5 157.3 155.3 157.3ZM612 197.5V821.4C612 843.7 633.9 861.7 660.9 861.7S709.7 843.7 709.7 821.4V197.5C709.7 175.3 687.9 157.3 660.9 157.3S612 175.3 612 197.5Z",
+        "width": 827
+      },
+      "search": [
+        "last"
+      ]
+    },
+    {
+      "uid": "0d0d3a3797e2d9bca78f3c95c47286bc",
+      "css": "next",
+      "code": 59409,
+      "src": "custom_icons",
+      "selected": true,
+      "svg": {
+        "path": "M255.9 157.3C265.6 157.3 275.4 161 282.8 168.4L596.9 482.6C611.8 497.4 611.8 521.5 596.9 536.4L282.8 850.5C267.9 865.4 243.9 865.4 229 850.5 214.1 835.7 214.1 811.6 229 796.7L516.2 509.5 229 222.3C214.1 207.4 214.1 183.3 229 168.4 236.4 161 246.1 157.3 255.9 157.3Z",
+        "width": 827
+      },
+      "search": [
+        "next"
+      ]
+    },
+    {
+      "uid": "dba990e552795e1c5ad2a588897f9ba6",
+      "css": "prev",
+      "code": 59410,
+      "src": "custom_icons",
+      "selected": true,
+      "svg": {
+        "path": "M570.1 861.7C560.3 861.7 550.6 857.9 543.1 850.5L229 536.4C214.2 521.5 214.2 497.4 229 482.5L543.1 168.4C558 153.5 582.1 153.5 597 168.4 611.9 183.3 611.9 207.4 597 222.2L309.8 509.5 597 796.6C611.9 811.5 611.9 835.6 597 850.5 589.5 857.9 579.8 861.7 570.1 861.7Z",
+        "width": 827
+      },
+      "search": [
+        "prev"
+      ]
     }
   ]
 }

web/themes/ventuno/src/scss/components/_pagination.scss

@@ -0,0 +1,38 @@
+// Pagination
+.pagination {
+  .page-item {
+    height: 3rem;
+  }
+  .page-link {
+    padding: 0.375rem 0.55rem;
+  }
+  .pager__item--first,
+  .pager__item--previous,
+  .pager__item--last,
+  .pager__item--next {
+    a {
+      color: $link-color;
+      width: 1.2rem;
+      height: 2rem;
+      @include icon-only();
+    }
+  }
+
+  .pager__item--first a {
+    @include font-icon-before("\E808", inherit, inherit, inherit, -1px 0 0 0);
+  }
+  .pager__item--previous {
+    padding-right: 10px;
+    a {
+      @include font-icon-before("\E812", inherit, inherit, inherit, -1px 8px 0 0);
+    }
+  }
+
+  .pager__item--last a {
+    @include font-icon-before("\E809", inherit, inherit, inherit, -1px 0 0 0);
+  }
+  .pager__item--next a {
+    @include font-icon-before("\E811", inherit, inherit, inherit, -1px 0 0 0);
+  }
+
+}

web/themes/ventuno/src/scss/main.scss

@@ -11,3 +11,4 @@
 // Components
 @import "components/navbar";
 @import "components/footer";
+@import "components/pagination";