content_block_tools 0.17.0 → 1.0.1

data/node_modules/govuk-frontend/dist/govuk/components/pagination/_index.scss

@@ -0,0 +1,228 @@
+@include govuk-exports("govuk/component/pagination") {
+  // Flexbox enhancement for small screen visual design
+  // Falls back to a float: left layout on non-flex browsers
+  .govuk-pagination {
+    @include govuk-responsive-margin(6, "bottom");
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    flex-wrap: wrap;
+
+    @include govuk-media-query($from: tablet) {
+      flex-direction: row;
+      align-items: flex-start;
+    }
+  }
+
+  .govuk-pagination__list {
+    margin: 0;
+    padding: 0;
+    list-style: none;
+  }
+
+  .govuk-pagination__item,
+  .govuk-pagination__next,
+  .govuk-pagination__prev {
+    @include govuk-font(19);
+    box-sizing: border-box;
+    position: relative;
+    min-width: 45px;
+    min-height: 45px;
+    padding: govuk-spacing(2) govuk-spacing(3);
+    float: left; // Float is ignored if flex is active for prev/next links
+
+    &:hover {
+      background-color: govuk-colour("light-grey");
+    }
+  }
+
+  .govuk-pagination__item {
+    // Hide items on small screens except the prev/next items,
+    // non-link items and the first and last items
+    display: none;
+
+    // Center align pagination links in their parent list item so that they
+    // visually sit in the middle of their touch area
+    text-align: center;
+
+    @include govuk-media-query($from: tablet) {
+      display: block;
+    }
+  }
+
+  .govuk-pagination__prev,
+  .govuk-pagination__next {
+    @include govuk-typography-weight-bold;
+
+    // Use flex to avoid extra space being introduced when whitespace exists
+    // between the arrow svg and the link text
+    .govuk-pagination__link {
+      display: flex;
+      align-items: center;
+    }
+  }
+
+  .govuk-pagination__prev {
+    padding-left: 0;
+  }
+
+  .govuk-pagination__next {
+    padding-right: 0;
+  }
+
+  // Only show first, last and non-link items on mobile
+  .govuk-pagination__item--current,
+  .govuk-pagination__item--ellipses,
+  .govuk-pagination__item:first-child,
+  .govuk-pagination__item:last-child {
+    display: block;
+  }
+
+  .govuk-pagination__item--current {
+    @include govuk-typography-weight-bold;
+    outline: 1px solid transparent;
+    background-color: $govuk-link-colour;
+
+    &:hover {
+      background-color: $govuk-link-colour;
+    }
+
+    .govuk-pagination__link {
+      @include govuk-link-style-inverse;
+    }
+  }
+
+  .govuk-pagination__item--ellipses {
+    @include govuk-typography-weight-bold;
+    color: $govuk-secondary-text-colour;
+
+    // Remove hover state for ellipsis items as they don't contain links
+    &:hover {
+      background-color: transparent;
+    }
+  }
+
+  .govuk-pagination__link {
+    display: block;
+    min-width: govuk-spacing(3);
+
+    // Increase the touch area for the link to the parent element.
+    @media screen {
+      &::after {
+        content: "";
+        position: absolute;
+        top: 0;
+        right: 0;
+        bottom: 0;
+        left: 0;
+      }
+    }
+
+    // Add link hover decoration to prev/next text if no label present on
+    // prev/next only mode,  so that we have a hover state in all cases
+    &:hover,
+    &:active {
+      .govuk-pagination__link-title--decorated {
+        @include govuk-link-decoration;
+      }
+
+      .govuk-pagination__link-label,
+      .govuk-pagination__link-title--decorated {
+        @include govuk-link-hover-decoration;
+      }
+    }
+
+    &:focus {
+      .govuk-pagination__icon {
+        color: $govuk-focus-text-colour;
+      }
+
+      .govuk-pagination__link-label {
+        text-decoration: none;
+      }
+
+      .govuk-pagination__link-title--decorated {
+        text-decoration: none;
+      }
+    }
+  }
+
+  .govuk-pagination__link-label {
+    @include govuk-typography-weight-regular;
+    @include govuk-link-decoration;
+    display: inline-block;
+  }
+
+  .govuk-pagination__icon {
+    // Set size using rems to make the icon scale with text
+    width: govuk-px-to-rem(15px);
+    height: govuk-px-to-rem(13px);
+    color: $govuk-secondary-text-colour;
+    fill: currentcolor;
+    forced-color-adjust: auto;
+  }
+
+  .govuk-pagination__icon--prev {
+    margin-right: govuk-spacing(3);
+  }
+
+  .govuk-pagination__icon--next {
+    margin-left: govuk-spacing(3);
+  }
+
+  // Block mode - position previous and next links above and below numbers
+  .govuk-pagination--block {
+    display: block;
+
+    .govuk-pagination__next,
+    .govuk-pagination__prev {
+      padding-left: 0;
+      float: none;
+
+      .govuk-pagination__link {
+        display: inline-block;
+      }
+    }
+
+    .govuk-pagination__next {
+      padding-right: govuk-spacing(3);
+    }
+
+    // Only apply a border between prev and next if both are present
+    .govuk-pagination__prev + .govuk-pagination__next {
+      border-top: 1px solid $govuk-border-colour;
+    }
+
+    // Set the after pseudo element to a block which makes the title visually
+    // display as block level whilst programmatically being inline. We do this
+    // to get around an NVDA quirk where adjacent block level elements are
+    // always read out separately
+    .govuk-pagination__link-title::after {
+      content: "";
+      display: block;
+    }
+
+    .govuk-pagination__link {
+      padding-left: govuk-spacing(6);
+      text-align: left;
+
+      &:not(:focus) {
+        text-decoration: none;
+      }
+    }
+
+    .govuk-pagination__icon {
+      // This magic number is brought to you by the following equation:
+      // ((lineHeight − arrowHeight) ÷ 2) ÷ fontSize
+      // ((25 − 13) ÷ 2) ÷ 19 = 0.326em
+      //
+      // This could have been done programmatically but we don't have functions
+      // for grabbing the line-height of specific typography sizes just yet.
+      margin-top: 0.326em;
+      margin-left: govuk-spacing(6) * -1;
+      float: left;
+    }
+  }
+}
+
+/*# sourceMappingURL=_index.scss.map */

data/node_modules/govuk-frontend/dist/govuk/components/pagination/_index.scss.map

@@ -0,0 +1 @@
+{"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"]}

data/node_modules/govuk-frontend/dist/govuk/components/pagination/_pagination.scss

@@ -0,0 +1,4 @@
+@import "../../base";
+@import "./index";
+
+/*# sourceMappingURL=_pagination.scss.map */

data/node_modules/govuk-frontend/dist/govuk/components/pagination/_pagination.scss.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/govuk/components/pagination/_pagination.scss"],"names":[],"mappings":"AAAA,oBAAoB;AACpB,iBAAiB","file":"_pagination.scss","sourcesContent":["@import \"../../base\";\n@import \"./index\";\n"]}