content_block_tools 0.17.0 → 1.0.1

data/node_modules/govuk-frontend/dist/govuk/components/summary-list/_index.scss

@@ -0,0 +1,269 @@
+@include govuk-exports("govuk/component/summary-list") {
+  .govuk-summary-list {
+    @include govuk-font($size: 19);
+    @include govuk-text-colour;
+    @include govuk-media-query($from: tablet) {
+      display: table;
+      width: 100%;
+      table-layout: fixed; // Required to allow us to wrap words that overflow.
+      border-collapse: collapse;
+    }
+    margin: 0; // Reset default user agent styles
+    @include govuk-responsive-margin(6, "bottom");
+  }
+
+  .govuk-summary-list__row {
+    border-bottom: 1px solid $govuk-border-colour;
+
+    @include govuk-media-query($until: tablet) {
+      margin-bottom: govuk-spacing(3);
+    }
+    @include govuk-media-query($from: tablet) {
+      display: table-row;
+    }
+  }
+
+  // Remove right padding from the last column in the row
+  .govuk-summary-list__row:not(.govuk-summary-list__row--no-actions) > :last-child {
+    padding-right: 0;
+  }
+
+  // Provide an empty 'cell' for rows that don't have actions – otherwise the
+  // bottom border is not drawn for that part of the row in some browsers.
+  .govuk-summary-list__row--no-actions {
+    @include govuk-media-query($from: tablet) {
+      &::after {
+        content: "";
+        display: table-cell;
+        width: 20%;
+      }
+    }
+  }
+
+  .govuk-summary-list__key,
+  .govuk-summary-list__value,
+  .govuk-summary-list__actions {
+    margin: 0; // Reset default user agent styles
+
+    @include govuk-media-query($from: tablet) {
+      display: table-cell;
+      padding-top: govuk-spacing(2);
+      padding-right: govuk-spacing(4);
+      padding-bottom: govuk-spacing(2);
+    }
+  }
+
+  .govuk-summary-list__actions {
+    margin-bottom: govuk-spacing(3);
+    @include govuk-media-query($from: tablet) {
+      width: 20%;
+      text-align: right;
+    }
+  }
+
+  .govuk-summary-list__key,
+  .govuk-summary-list__value {
+    // Automatic wrapping for unbreakable text (e.g. URLs)
+    word-wrap: break-word; // Fallback for older browsers only
+    overflow-wrap: break-word;
+  }
+
+  .govuk-summary-list__key {
+    margin-bottom: govuk-spacing(1);
+    @include govuk-typography-weight-bold;
+    @include govuk-media-query($from: tablet) {
+      width: 30%;
+    }
+  }
+
+  .govuk-summary-list__value {
+    @include govuk-media-query($until: tablet) {
+      margin-bottom: govuk-spacing(3);
+    }
+  }
+
+  .govuk-summary-list__value > p {
+    margin-bottom: govuk-spacing(2);
+  }
+
+  .govuk-summary-list__value > :last-child {
+    margin-bottom: 0;
+  }
+
+  .govuk-summary-list__actions-list {
+    width: 100%;
+    margin: 0; // Reset default user agent styles
+    padding: 0; // Reset default user agent styles
+  }
+
+  .govuk-summary-list__actions-list-item,
+  .govuk-summary-card__action {
+    display: inline-block;
+  }
+
+  @include govuk-media-query($until: tablet) {
+    .govuk-summary-list__actions-list-item,
+    .govuk-summary-card__action {
+      margin-right: govuk-spacing(2);
+      padding-right: govuk-spacing(2);
+      border-right: 1px solid $govuk-border-colour;
+    }
+
+    .govuk-summary-list__actions-list-item:last-child,
+    .govuk-summary-card__action:last-child {
+      margin-right: 0;
+      padding-right: 0;
+      border: 0;
+    }
+  }
+
+  @include govuk-media-query($from: tablet) {
+    .govuk-summary-list__actions-list-item,
+    .govuk-summary-card__action {
+      margin-left: govuk-spacing(2);
+      padding-left: govuk-spacing(2);
+    }
+
+    .govuk-summary-list__actions-list-item:not(:first-child),
+    .govuk-summary-card__action:not(:first-child) {
+      border-left: 1px solid $govuk-border-colour;
+    }
+
+    .govuk-summary-list__actions-list-item:first-child,
+    .govuk-summary-card__action:first-child {
+      margin-left: 0;
+      padding-left: 0;
+      border: 0;
+    }
+  }
+
+  // Large groups of action links may wrap onto multiple lines. Because the link
+  // focus styles are applied outside of the link's bounding box, there are
+  // situations where the focus style on a link can be overlapped by subsequent
+  // links. We don't want this, so let's create a new stacking context on focus
+  // so the link always appears to be 'on top'.
+  .govuk-summary-list__actions-list-item .govuk-link:focus {
+    isolation: isolate;
+  }
+
+  // No border on entire summary list
+  .govuk-summary-list--no-border {
+    .govuk-summary-list__row {
+      border: 0;
+    }
+
+    // Increase padding by 1px to compensate for 'missing' border
+    @include govuk-media-query($from: tablet) {
+      .govuk-summary-list__key,
+      .govuk-summary-list__value,
+      .govuk-summary-list__actions {
+        padding-bottom: govuk-spacing(2) + 1px;
+      }
+    }
+  }
+
+  // No border on specific rows
+  .govuk-summary-list__row--no-border {
+    border: 0;
+
+    // Increase padding by 1px to compensate for 'missing' border
+    @include govuk-media-query($from: tablet) {
+      .govuk-summary-list__key,
+      .govuk-summary-list__value,
+      .govuk-summary-list__actions {
+        padding-bottom: govuk-spacing(2) + 1px;
+      }
+    }
+  }
+
+  // Additional block for the summary card
+  .govuk-summary-card {
+    @include govuk-responsive-margin(6, "bottom");
+    border: 1px solid $govuk-border-colour;
+  }
+
+  .govuk-summary-card__title-wrapper {
+    padding: govuk-spacing(3);
+
+    // Ensures the card header appears separate to the summary list in forced
+    // colours mode
+    border-bottom: 1px solid transparent;
+    background-color: govuk-colour("light-grey");
+
+    @include govuk-media-query($from: "tablet") {
+      display: flex;
+      justify-content: space-between;
+      flex-wrap: nowrap;
+      padding: govuk-spacing(3) govuk-spacing(4);
+    }
+  }
+
+  .govuk-summary-card__title {
+    @include govuk-font($size: 19, $weight: bold);
+    @include govuk-text-colour;
+    margin: govuk-spacing(1) govuk-spacing(4) govuk-spacing(2) 0;
+
+    @include govuk-media-query($from: "tablet") {
+      margin-bottom: govuk-spacing(1);
+    }
+  }
+
+  .govuk-summary-card__actions {
+    @include govuk-font-size($size: 19);
+    @include govuk-typography-weight-bold;
+    display: flex;
+    flex-wrap: wrap;
+    row-gap: 10px;
+    margin: govuk-spacing(1) 0;
+    padding: 0;
+    list-style: none;
+
+    @include govuk-media-query($from: "tablet") {
+      justify-content: right;
+      text-align: right;
+    }
+  }
+
+  .govuk-summary-card__action {
+    display: inline;
+
+    // We use the following media query to target IE11 and 10 only to add margin
+    // between actions.
+    //
+    // We do this because we're using row-gap to create space between actions on
+    // more evergreen browsers which IE doesn't support. @supports currently isn't
+    // a viable solution, see https://github.com/w3c/csswg-drafts/issues/3559.
+    //
+    // Solution taken from https://stackoverflow.com/questions/11173106/apply-style-only-on-ie#answer-36448860
+    // which also includes an explanation of why this works
+    @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
+      margin-bottom: govuk-spacing(1);
+    }
+  }
+
+  .govuk-summary-card__action:last-child {
+    // See above comment for why this is here
+    @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
+      margin-bottom: 0;
+    }
+  }
+
+  .govuk-summary-card__content {
+    padding: govuk-spacing(3) govuk-spacing(3) 0;
+
+    @include govuk-media-query($from: "tablet") {
+      padding: govuk-spacing(3) govuk-spacing(4);
+    }
+
+    .govuk-summary-list {
+      margin-bottom: 0;
+    }
+
+    .govuk-summary-list__row:last-of-type {
+      margin-bottom: 0;
+      border-bottom: none;
+    }
+  }
+}
+
+/*# sourceMappingURL=_index.scss.map */

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/govuk/components/summary-list/_index.scss"],"names":[],"mappings":"AAAA;EACE;IACE,8BAA8B;IAC9B,0BAA0B;IAC1B;MACE,cAAc;MACd,WAAW;MACX,mBAAmB,EAAE,mDAAmD;MACxE,yBAAyB;IAC3B;IACA,SAAS,EAAE,iCAAiC;IAC5C,6CAA6C;EAC/C;;EAEA;IACE,6CAA6C;;IAE7C;MACE,+BAA+B;IACjC;IACA;MACE,kBAAkB;IACpB;EACF;;EAEA,sDAAsD;EACtD;IACE,gBAAgB;EAClB;;EAEA,0EAA0E;EAC1E,uEAAuE;EACvE;IACE;MACE;QACE,WAAW;QACX,mBAAmB;QACnB,UAAU;MACZ;IACF;EACF;;EAEA;;;IAGE,SAAS,EAAE,iCAAiC;;IAE5C;MACE,mBAAmB;MACnB,6BAA6B;MAC7B,+BAA+B;MAC/B,gCAAgC;IAClC;EACF;;EAEA;IACE,+BAA+B;IAC/B;MACE,UAAU;MACV,iBAAiB;IACnB;EACF;;EAEA;;IAEE,qDAAqD;IACrD,qBAAqB,EAAE,kCAAkC;IACzD,yBAAyB;EAC3B;;EAEA;IACE,+BAA+B;IAC/B,qCAAqC;IACrC;MACE,UAAU;IACZ;EACF;;EAEA;IACE;MACE,+BAA+B;IACjC;EACF;;EAEA;IACE,+BAA+B;EACjC;;EAEA;IACE,gBAAgB;EAClB;;EAEA;IACE,WAAW;IACX,SAAS,EAAE,iCAAiC;IAC5C,UAAU,EAAE,iCAAiC;EAC/C;;EAEA;;IAEE,qBAAqB;EACvB;;EAEA;IACE;;MAEE,8BAA8B;MAC9B,+BAA+B;MAC/B,4CAA4C;IAC9C;;IAEA;;MAEE,eAAe;MACf,gBAAgB;MAChB,SAAS;IACX;EACF;;EAEA;IACE;;MAEE,6BAA6B;MAC7B,8BAA8B;IAChC;;IAEA;;MAEE,2CAA2C;IAC7C;;IAEA;;MAEE,cAAc;MACd,eAAe;MACf,SAAS;IACX;EACF;;EAEA,6EAA6E;EAC7E,wEAAwE;EACxE,4EAA4E;EAC5E,4EAA4E;EAC5E,4CAA4C;EAC5C;IACE,kBAAkB;EACpB;;EAEA,kCAAkC;EAClC;IACE;MACE,SAAS;IACX;;IAEA,4DAA4D;IAC5D;MACE;;;QAGE,sCAAsC;MACxC;IACF;EACF;;EAEA,4BAA4B;EAC5B;IACE,SAAS;;IAET,4DAA4D;IAC5D;MACE;;;QAGE,sCAAsC;MACxC;IACF;EACF;;EAEA,uCAAuC;EACvC;IACE,6CAA6C;IAC7C,sCAAsC;EACxC;;EAEA;IACE,yBAAyB;;IAEzB,wEAAwE;IACxE,cAAc;IACd,oCAAoC;IACpC,4CAA4C;;IAE5C;MACE,aAAa;MACb,8BAA8B;MAC9B,iBAAiB;MACjB,0CAA0C;IAC5C;EACF;;EAEA;IACE,6CAA6C;IAC7C,0BAA0B;IAC1B,4DAA4D;;IAE5D;MACE,+BAA+B;IACjC;EACF;;EAEA;IACE,mCAAmC;IACnC,qCAAqC;IACrC,aAAa;IACb,eAAe;IACf,aAAa;IACb,0BAA0B;IAC1B,UAAU;IACV,gBAAgB;;IAEhB;MACE,sBAAsB;MACtB,iBAAiB;IACnB;EACF;;EAEA;IACE,eAAe;;IAEf,2EAA2E;IAC3E,kBAAkB;IAClB,CAAC;IACD,2EAA2E;IAC3E,6EAA6E;IAC7E,yEAAyE;IACzE,CAAC;IACD,yGAAyG;IACzG,sDAAsD;IACtD;MACE,+BAA+B;IACjC;EACF;;EAEA;IACE,wCAAwC;IACxC;MACE,gBAAgB;IAClB;EACF;;EAEA;IACE,4CAA4C;;IAE5C;MACE,0CAA0C;IAC5C;;IAEA;MACE,gBAAgB;IAClB;;IAEA;MACE,gBAAgB;MAChB,mBAAmB;IACrB;EACF;AACF","file":"_index.scss","sourcesContent":["@include govuk-exports(\"govuk/component/summary-list\") {\n  .govuk-summary-list {\n    @include govuk-font($size: 19);\n    @include govuk-text-colour;\n    @include govuk-media-query($from: tablet) {\n      display: table;\n      width: 100%;\n      table-layout: fixed; // Required to allow us to wrap words that overflow.\n      border-collapse: collapse;\n    }\n    margin: 0; // Reset default user agent styles\n    @include govuk-responsive-margin(6, \"bottom\");\n  }\n\n  .govuk-summary-list__row {\n    border-bottom: 1px solid $govuk-border-colour;\n\n    @include govuk-media-query($until: tablet) {\n      margin-bottom: govuk-spacing(3);\n    }\n    @include govuk-media-query($from: tablet) {\n      display: table-row;\n    }\n  }\n\n  // Remove right padding from the last column in the row\n  .govuk-summary-list__row:not(.govuk-summary-list__row--no-actions) > :last-child {\n    padding-right: 0;\n  }\n\n  // Provide an empty 'cell' for rows that don't have actions – otherwise the\n  // bottom border is not drawn for that part of the row in some browsers.\n  .govuk-summary-list__row--no-actions {\n    @include govuk-media-query($from: tablet) {\n      &::after {\n        content: \"\";\n        display: table-cell;\n        width: 20%;\n      }\n    }\n  }\n\n  .govuk-summary-list__key,\n  .govuk-summary-list__value,\n  .govuk-summary-list__actions {\n    margin: 0; // Reset default user agent styles\n\n    @include govuk-media-query($from: tablet) {\n      display: table-cell;\n      padding-top: govuk-spacing(2);\n      padding-right: govuk-spacing(4);\n      padding-bottom: govuk-spacing(2);\n    }\n  }\n\n  .govuk-summary-list__actions {\n    margin-bottom: govuk-spacing(3);\n    @include govuk-media-query($from: tablet) {\n      width: 20%;\n      text-align: right;\n    }\n  }\n\n  .govuk-summary-list__key,\n  .govuk-summary-list__value {\n    // Automatic wrapping for unbreakable text (e.g. URLs)\n    word-wrap: break-word; // Fallback for older browsers only\n    overflow-wrap: break-word;\n  }\n\n  .govuk-summary-list__key {\n    margin-bottom: govuk-spacing(1);\n    @include govuk-typography-weight-bold;\n    @include govuk-media-query($from: tablet) {\n      width: 30%;\n    }\n  }\n\n  .govuk-summary-list__value {\n    @include govuk-media-query($until: tablet) {\n      margin-bottom: govuk-spacing(3);\n    }\n  }\n\n  .govuk-summary-list__value > p {\n    margin-bottom: govuk-spacing(2);\n  }\n\n  .govuk-summary-list__value > :last-child {\n    margin-bottom: 0;\n  }\n\n  .govuk-summary-list__actions-list {\n    width: 100%;\n    margin: 0; // Reset default user agent styles\n    padding: 0; // Reset default user agent styles\n  }\n\n  .govuk-summary-list__actions-list-item,\n  .govuk-summary-card__action {\n    display: inline-block;\n  }\n\n  @include govuk-media-query($until: tablet) {\n    .govuk-summary-list__actions-list-item,\n    .govuk-summary-card__action {\n      margin-right: govuk-spacing(2);\n      padding-right: govuk-spacing(2);\n      border-right: 1px solid $govuk-border-colour;\n    }\n\n    .govuk-summary-list__actions-list-item:last-child,\n    .govuk-summary-card__action:last-child {\n      margin-right: 0;\n      padding-right: 0;\n      border: 0;\n    }\n  }\n\n  @include govuk-media-query($from: tablet) {\n    .govuk-summary-list__actions-list-item,\n    .govuk-summary-card__action {\n      margin-left: govuk-spacing(2);\n      padding-left: govuk-spacing(2);\n    }\n\n    .govuk-summary-list__actions-list-item:not(:first-child),\n    .govuk-summary-card__action:not(:first-child) {\n      border-left: 1px solid $govuk-border-colour;\n    }\n\n    .govuk-summary-list__actions-list-item:first-child,\n    .govuk-summary-card__action:first-child {\n      margin-left: 0;\n      padding-left: 0;\n      border: 0;\n    }\n  }\n\n  // Large groups of action links may wrap onto multiple lines. Because the link\n  // focus styles are applied outside of the link's bounding box, there are\n  // situations where the focus style on a link can be overlapped by subsequent\n  // links. We don't want this, so let's create a new stacking context on focus\n  // so the link always appears to be 'on top'.\n  .govuk-summary-list__actions-list-item .govuk-link:focus {\n    isolation: isolate;\n  }\n\n  // No border on entire summary list\n  .govuk-summary-list--no-border {\n    .govuk-summary-list__row {\n      border: 0;\n    }\n\n    // Increase padding by 1px to compensate for 'missing' border\n    @include govuk-media-query($from: tablet) {\n      .govuk-summary-list__key,\n      .govuk-summary-list__value,\n      .govuk-summary-list__actions {\n        padding-bottom: govuk-spacing(2) + 1px;\n      }\n    }\n  }\n\n  // No border on specific rows\n  .govuk-summary-list__row--no-border {\n    border: 0;\n\n    // Increase padding by 1px to compensate for 'missing' border\n    @include govuk-media-query($from: tablet) {\n      .govuk-summary-list__key,\n      .govuk-summary-list__value,\n      .govuk-summary-list__actions {\n        padding-bottom: govuk-spacing(2) + 1px;\n      }\n    }\n  }\n\n  // Additional block for the summary card\n  .govuk-summary-card {\n    @include govuk-responsive-margin(6, \"bottom\");\n    border: 1px solid $govuk-border-colour;\n  }\n\n  .govuk-summary-card__title-wrapper {\n    padding: govuk-spacing(3);\n\n    // Ensures the card header appears separate to the summary list in forced\n    // colours mode\n    border-bottom: 1px solid transparent;\n    background-color: govuk-colour(\"light-grey\");\n\n    @include govuk-media-query($from: \"tablet\") {\n      display: flex;\n      justify-content: space-between;\n      flex-wrap: nowrap;\n      padding: govuk-spacing(3) govuk-spacing(4);\n    }\n  }\n\n  .govuk-summary-card__title {\n    @include govuk-font($size: 19, $weight: bold);\n    @include govuk-text-colour;\n    margin: govuk-spacing(1) govuk-spacing(4) govuk-spacing(2) 0;\n\n    @include govuk-media-query($from: \"tablet\") {\n      margin-bottom: govuk-spacing(1);\n    }\n  }\n\n  .govuk-summary-card__actions {\n    @include govuk-font-size($size: 19);\n    @include govuk-typography-weight-bold;\n    display: flex;\n    flex-wrap: wrap;\n    row-gap: 10px;\n    margin: govuk-spacing(1) 0;\n    padding: 0;\n    list-style: none;\n\n    @include govuk-media-query($from: \"tablet\") {\n      justify-content: right;\n      text-align: right;\n    }\n  }\n\n  .govuk-summary-card__action {\n    display: inline;\n\n    // We use the following media query to target IE11 and 10 only to add margin\n    // between actions.\n    //\n    // We do this because we're using row-gap to create space between actions on\n    // more evergreen browsers which IE doesn't support. @supports currently isn't\n    // a viable solution, see https://github.com/w3c/csswg-drafts/issues/3559.\n    //\n    // Solution taken from https://stackoverflow.com/questions/11173106/apply-style-only-on-ie#answer-36448860\n    // which also includes an explanation of why this works\n    @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {\n      margin-bottom: govuk-spacing(1);\n    }\n  }\n\n  .govuk-summary-card__action:last-child {\n    // See above comment for why this is here\n    @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {\n      margin-bottom: 0;\n    }\n  }\n\n  .govuk-summary-card__content {\n    padding: govuk-spacing(3) govuk-spacing(3) 0;\n\n    @include govuk-media-query($from: \"tablet\") {\n      padding: govuk-spacing(3) govuk-spacing(4);\n    }\n\n    .govuk-summary-list {\n      margin-bottom: 0;\n    }\n\n    .govuk-summary-list__row:last-of-type {\n      margin-bottom: 0;\n      border-bottom: none;\n    }\n  }\n}\n"]}

data/node_modules/govuk-frontend/dist/govuk/components/summary-list/_summary-list.scss

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

data/node_modules/govuk-frontend/dist/govuk/components/summary-list/_summary-list.scss.map

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