{"version":3,"sources":["../../../../src/govuk/components/pagination/_index.scss"],"names":[],"mappings":"AAAA;EACE,oDAAoD;EACpD,yDAAyD;EACzD;IACE,6CAA6C;IAC7C,aAAa;IACb,sBAAsB;IACtB,mBAAmB;IACnB,eAAe;;IAEf;MACE,mBAAmB;MACnB,uBAAuB;IACzB;EACF;;EAEA;IACE,SAAS;IACT,UAAU;IACV,gBAAgB;EAClB;;EAEA;;;IAGE,uBAAuB;IACvB,sBAAsB;IACtB,kBAAkB;IAClB,eAAe;IACf,gBAAgB;IAChB,0CAA0C;IAC1C,WAAW,EAAE,wDAAwD;;IAErE;MACE,4CAA4C;IAC9C;EACF;;EAEA;IACE,yDAAyD;IACzD,6CAA6C;IAC7C,aAAa;;IAEb,sEAAsE;IACtE,gDAAgD;IAChD,kBAAkB;;IAElB;MACE,cAAc;IAChB;EACF;;EAEA;;IAEE,qCAAqC;;IAErC,uEAAuE;IACvE,yCAAyC;IACzC;MACE,aAAa;MACb,mBAAmB;IACrB;EACF;;EAEA;IACE,eAAe;EACjB;;EAEA;IACE,gBAAgB;EAClB;;EAEA,oDAAoD;EACpD;;;;IAIE,cAAc;EAChB;;EAEA;IACE,qCAAqC;IACrC,8BAA8B;IAC9B,oCAAoC;;IAEpC;MACE,oCAAoC;IACtC;;IAEA;MACE,iCAAiC;IACnC;EACF;;EAEA;IACE,qCAAqC;IACrC,mCAAmC;;IAEnC,mEAAmE;IACnE;MACE,6BAA6B;IAC/B;EACF;;EAEA;IACE,cAAc;IACd,2BAA2B;;IAE3B,6DAA6D;IAC7D;MACE;QACE,WAAW;QACX,kBAAkB;QAClB,MAAM;QACN,QAAQ;QACR,SAAS;QACT,OAAO;MACT;IACF;;IAEA,oEAAoE;IACpE,kEAAkE;IAClE;;MAEE;QACE,8BAA8B;MAChC;;MAEA;;QAEE,oCAAoC;MACtC;IACF;;IAEA;MACE;QACE,+BAA+B;MACjC;;MAEA;QACE,qBAAqB;MACvB;;MAEA;QACE,qBAAqB;MACvB;IACF;EACF;;EAEA;IACE,wCAAwC;IACxC,8BAA8B;IAC9B,qBAAqB;EACvB;;EAEA;IACE,sDAAsD;IACtD,4BAA4B;IAC5B,6BAA6B;IAC7B,mCAAmC;IACnC,kBAAkB;IAClB,yBAAyB;EAC3B;;EAEA;IACE,8BAA8B;EAChC;;EAEA;IACE,6BAA6B;EAC/B;;EAEA,uEAAuE;EACvE;IACE,cAAc;;IAEd;;MAEE,eAAe;MACf,WAAW;;MAEX;QACE,qBAAqB;MACvB;IACF;;IAEA;MACE,+BAA+B;IACjC;;IAEA,+DAA+D;IAC/D;MACE,0CAA0C;IAC5C;;IAEA,wEAAwE;IACxE,yEAAyE;IACzE,qEAAqE;IACrE,4BAA4B;IAC5B;MACE,WAAW;MACX,cAAc;IAChB;;IAEA;MACE,8BAA8B;MAC9B,gBAAgB;;MAEhB;QACE,qBAAqB;MACvB;IACF;;IAEA;MACE,gEAAgE;MAChE,6CAA6C;MAC7C,gCAAgC;MAChC,CAAC;MACD,wEAAwE;MACxE,qEAAqE;MACrE,mBAAmB;MACnB,kCAAkC;MAClC,WAAW;IACb;EACF;AACF","file":"_index.scss","sourcesContent":["@include govuk-exports(\"govuk/component/pagination\") {\n // Flexbox enhancement for small screen visual design\n // Falls back to a float: left layout on non-flex browsers\n .govuk-pagination {\n @include govuk-responsive-margin(6, \"bottom\");\n display: flex;\n flex-direction: column;\n align-items: center;\n flex-wrap: wrap;\n\n @include govuk-media-query($from: tablet) {\n flex-direction: row;\n align-items: flex-start;\n }\n }\n\n .govuk-pagination__list {\n margin: 0;\n padding: 0;\n list-style: none;\n }\n\n .govuk-pagination__item,\n .govuk-pagination__next,\n .govuk-pagination__prev {\n @include govuk-font(19);\n box-sizing: border-box;\n position: relative;\n min-width: 45px;\n min-height: 45px;\n padding: govuk-spacing(2) govuk-spacing(3);\n float: left; // Float is ignored if flex is active for prev/next links\n\n &:hover {\n background-color: govuk-colour(\"light-grey\");\n }\n }\n\n .govuk-pagination__item {\n // Hide items on small screens except the prev/next items,\n // non-link items and the first and last items\n display: none;\n\n // Center align pagination links in their parent list item so that they\n // visually sit in the middle of their touch area\n text-align: center;\n\n @include govuk-media-query($from: tablet) {\n display: block;\n }\n }\n\n .govuk-pagination__prev,\n .govuk-pagination__next {\n @include govuk-typography-weight-bold;\n\n // Use flex to avoid extra space being introduced when whitespace exists\n // between the arrow svg and the link text\n .govuk-pagination__link {\n display: flex;\n align-items: center;\n }\n }\n\n .govuk-pagination__prev {\n padding-left: 0;\n }\n\n .govuk-pagination__next {\n padding-right: 0;\n }\n\n // Only show first, last and non-link items on mobile\n .govuk-pagination__item--current,\n .govuk-pagination__item--ellipses,\n .govuk-pagination__item:first-child,\n .govuk-pagination__item:last-child {\n display: block;\n }\n\n .govuk-pagination__item--current {\n @include govuk-typography-weight-bold;\n outline: 1px solid transparent;\n background-color: $govuk-link-colour;\n\n &:hover {\n background-color: $govuk-link-colour;\n }\n\n .govuk-pagination__link {\n @include govuk-link-style-inverse;\n }\n }\n\n .govuk-pagination__item--ellipses {\n @include govuk-typography-weight-bold;\n color: $govuk-secondary-text-colour;\n\n // Remove hover state for ellipsis items as they don't contain links\n &:hover {\n background-color: transparent;\n }\n }\n\n .govuk-pagination__link {\n display: block;\n min-width: govuk-spacing(3);\n\n // Increase the touch area for the link to the parent element.\n @media screen {\n &::after {\n content: \"\";\n position: absolute;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n }\n }\n\n // Add link hover decoration to prev/next text if no label present on\n // prev/next only mode, so that we have a hover state in all cases\n &:hover,\n &:active {\n .govuk-pagination__link-title--decorated {\n @include govuk-link-decoration;\n }\n\n .govuk-pagination__link-label,\n .govuk-pagination__link-title--decorated {\n @include govuk-link-hover-decoration;\n }\n }\n\n &:focus {\n .govuk-pagination__icon {\n color: $govuk-focus-text-colour;\n }\n\n .govuk-pagination__link-label {\n text-decoration: none;\n }\n\n .govuk-pagination__link-title--decorated {\n text-decoration: none;\n }\n }\n }\n\n .govuk-pagination__link-label {\n @include govuk-typography-weight-regular;\n @include govuk-link-decoration;\n display: inline-block;\n }\n\n .govuk-pagination__icon {\n // Set size using rems to make the icon scale with text\n width: govuk-px-to-rem(15px);\n height: govuk-px-to-rem(13px);\n color: $govuk-secondary-text-colour;\n fill: currentcolor;\n forced-color-adjust: auto;\n }\n\n .govuk-pagination__icon--prev {\n margin-right: govuk-spacing(3);\n }\n\n .govuk-pagination__icon--next {\n margin-left: govuk-spacing(3);\n }\n\n // Block mode - position previous and next links above and below numbers\n .govuk-pagination--block {\n display: block;\n\n .govuk-pagination__next,\n .govuk-pagination__prev {\n padding-left: 0;\n float: none;\n\n .govuk-pagination__link {\n display: inline-block;\n }\n }\n\n .govuk-pagination__next {\n padding-right: govuk-spacing(3);\n }\n\n // Only apply a border between prev and next if both are present\n .govuk-pagination__prev + .govuk-pagination__next {\n border-top: 1px solid $govuk-border-colour;\n }\n\n // Set the after pseudo element to a block which makes the title visually\n // display as block level whilst programmatically being inline. We do this\n // to get around an NVDA quirk where adjacent block level elements are\n // always read out separately\n .govuk-pagination__link-title::after {\n content: \"\";\n display: block;\n }\n\n .govuk-pagination__link {\n padding-left: govuk-spacing(6);\n text-align: left;\n\n &:not(:focus) {\n text-decoration: none;\n }\n }\n\n .govuk-pagination__icon {\n // This magic number is brought to you by the following equation:\n // ((lineHeight − arrowHeight) ÷ 2) ÷ fontSize\n // ((25 − 13) ÷ 2) ÷ 19 = 0.326em\n //\n // This could have been done programmatically but we don't have functions\n // for grabbing the line-height of specific typography sizes just yet.\n margin-top: 0.326em;\n margin-left: govuk-spacing(6) * -1;\n float: left;\n }\n }\n}\n"]}