content_block_tools 0.17.0 → 1.0.1

data/node_modules/govuk-frontend/dist/govuk/components/accordion/template-default.html

@@ -0,0 +1,30 @@
+<div class="govuk-accordion" data-module="govuk-accordion" id="default-example">
+  <div class="govuk-accordion__section">
+    <div class="govuk-accordion__section-header">
+      <h2 class="govuk-accordion__section-heading">
+        <span class="govuk-accordion__section-button" id="default-example-heading-1">
+          Section A
+        </span>
+      </h2>
+    </div>
+    <div id="default-example-content-1" class="govuk-accordion__section-content">
+      <p class="govuk-body">
+        We need to know your nationality so we can work out which elections you’re entitled to vote in. If you cannot provide your nationality, you’ll have to send copies of identity documents through the post.
+      </p>
+    </div>
+  </div>
+  <div class="govuk-accordion__section">
+    <div class="govuk-accordion__section-header">
+      <h2 class="govuk-accordion__section-heading">
+        <span class="govuk-accordion__section-button" id="default-example-heading-2">
+          Section B
+        </span>
+      </h2>
+    </div>
+    <div id="default-example-content-2" class="govuk-accordion__section-content">
+      <ul class="govuk-list govuk-list--bullet">
+        <li>Example item 2</li>
+      </ul>
+    </div>
+  </div>
+</div>

data/node_modules/govuk-frontend/dist/govuk/components/accordion/template-with-additional-descriptions.html

@@ -0,0 +1,39 @@
+<div class="govuk-accordion" data-module="govuk-accordion" id="with-descriptions">
+  <div class="govuk-accordion__section">
+    <div class="govuk-accordion__section-header">
+      <h2 class="govuk-accordion__section-heading">
+        <span class="govuk-accordion__section-button" id="with-descriptions-heading-1">
+          Test
+        </span>
+      </h2>
+      <div class="govuk-accordion__section-summary govuk-body" id="with-descriptions-summary-1">
+        Additional description
+      </div>
+    </div>
+    <div id="with-descriptions-content-1" class="govuk-accordion__section-content">
+      <p class="govuk-body">
+        We need to know your nationality so we can work out which elections you’re entitled to vote in. If you cannot provide your nationality, you’ll have to send copies of identity documents through the post.
+      </p>
+      <ul class="govuk-list govuk-list--bullet">
+        <li>Example item 1</li>
+      </ul>
+    </div>
+  </div>
+  <div class="govuk-accordion__section">
+    <div class="govuk-accordion__section-header">
+      <h2 class="govuk-accordion__section-heading">
+        <span class="govuk-accordion__section-button" id="with-descriptions-heading-2">
+          Test 2
+        </span>
+      </h2>
+      <div class="govuk-accordion__section-summary govuk-body" id="with-descriptions-summary-2">
+        <span class="govuk-!-font-weight-regular">Additional description (wrapped in span)</span>
+      </div>
+    </div>
+    <div id="with-descriptions-content-2" class="govuk-accordion__section-content">
+      <ul class="govuk-list govuk-list--bullet">
+        <li>Example item 2</li>
+      </ul>
+    </div>
+  </div>
+</div>

data/node_modules/govuk-frontend/dist/govuk/components/accordion/template-with-all-sections-already-open.html

@@ -0,0 +1,30 @@
+<div class="govuk-accordion" data-module="govuk-accordion" id="all-sections-open-example">
+  <div class="govuk-accordion__section govuk-accordion__section--expanded">
+    <div class="govuk-accordion__section-header">
+      <h2 class="govuk-accordion__section-heading">
+        <span class="govuk-accordion__section-button" id="all-sections-open-example-heading-1">
+          Section A
+        </span>
+      </h2>
+    </div>
+    <div id="all-sections-open-example-content-1" class="govuk-accordion__section-content">
+      <ul class="govuk-list govuk-list--bullet">
+        <li>Example item 1</li>
+      </ul>
+    </div>
+  </div>
+  <div class="govuk-accordion__section govuk-accordion__section--expanded">
+    <div class="govuk-accordion__section-header">
+      <h2 class="govuk-accordion__section-heading">
+        <span class="govuk-accordion__section-button" id="all-sections-open-example-heading-2">
+          Section B
+        </span>
+      </h2>
+    </div>
+    <div id="all-sections-open-example-content-2" class="govuk-accordion__section-content">
+      <ul class="govuk-list govuk-list--bullet">
+        <li>Example item 2</li>
+      </ul>
+    </div>
+  </div>
+</div>

data/node_modules/govuk-frontend/dist/govuk/components/accordion/template-with-long-content-and-description.html

@@ -0,0 +1,36 @@
+<div class="govuk-accordion" data-module="govuk-accordion" id="with-long-content-and-description">
+  <div class="govuk-accordion__section">
+    <div class="govuk-accordion__section-header">
+      <h2 class="govuk-accordion__section-heading">
+        <span class="govuk-accordion__section-button" id="with-long-content-and-description-heading-1">
+          Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc quis tortor porttitor.
+        </span>
+      </h2>
+      <div class="govuk-accordion__section-summary govuk-body" id="with-long-content-and-description-summary-1">
+        Etiam diam dui, tempus ut pharetra in, aliquet non dui. Nunc pulvinar maximus tortor, ac finibus augue congue vitae. Donec sed cursus lorem.
+      </div>
+    </div>
+    <div id="with-long-content-and-description-content-1" class="govuk-accordion__section-content">
+      <ul class="govuk-list govuk-list--bullet">
+        <li>Example item 1</li>
+      </ul>
+    </div>
+  </div>
+  <div class="govuk-accordion__section">
+    <div class="govuk-accordion__section-header">
+      <h2 class="govuk-accordion__section-heading">
+        <span class="govuk-accordion__section-button" id="with-long-content-and-description-heading-2">
+          Praesent faucibus leo feugiat libero pharetra lacinia. Aliquam aliquet ante vitae mollis vestibulum.
+        </span>
+      </h2>
+      <div class="govuk-accordion__section-summary govuk-body" id="with-long-content-and-description-summary-2">
+        <span class="govuk-!-font-weight-regular">Maecenas nec <abbr>est</abbr> sapien. Etiam varius luctus mauris non porttitor. </span>
+      </div>
+    </div>
+    <div id="with-long-content-and-description-content-2" class="govuk-accordion__section-content">
+      <ul class="govuk-list govuk-list--bullet">
+        <li>Example item 2</li>
+      </ul>
+    </div>
+  </div>
+</div>

data/node_modules/govuk-frontend/dist/govuk/components/accordion/template.njk

@@ -0,0 +1,67 @@
+{% from "../../macros/attributes.njk" import govukAttributes %}
+{% from "../../macros/i18n.njk" import govukI18nAttributes %}
+
+{%- macro _accordionItem(params, item, index) %}
+  {%- set headingLevel = params.headingLevel if params.headingLevel else 2 %}
+  <div class="govuk-accordion__section {%- if item.expanded %} govuk-accordion__section--expanded{% endif %}">
+    <div class="govuk-accordion__section-header">
+      <h{{ headingLevel }} class="govuk-accordion__section-heading">
+        <span class="govuk-accordion__section-button" id="{{ params.id }}-heading-{{ index }}">
+          {{ item.heading.html | safe | trim | indent(8) if item.heading.html else item.heading.text }}
+        </span>
+      </h{{ headingLevel }}>
+      {% if item.summary.html or item.summary.text %}
+      <div class="govuk-accordion__section-summary govuk-body" id="{{ params.id }}-summary-{{ index }}">
+        {{ item.summary.html | safe | trim | indent(8) if item.summary.html else item.summary.text }}
+      </div>
+      {% endif %}
+    </div>
+    <div id="{{ params.id }}-content-{{ index }}" class="govuk-accordion__section-content">
+    {% if item.content.html %}
+      {{ item.content.html | safe | trim | indent(6) }}
+    {% elif item.content.text %}
+      <p class="govuk-body">
+        {{ item.content.text | trim | indent(8) }}
+      </p>
+    {% endif %}
+    </div>
+  </div>
+{% endmacro -%}
+
+<div class="govuk-accordion {%- if params.classes %} {{ params.classes }}{% endif %}" data-module="govuk-accordion" id="{{ params.id }}"
+  {{- govukI18nAttributes({
+    key: 'hide-all-sections',
+    message: params.hideAllSectionsText
+  }) -}}
+
+  {{- govukI18nAttributes({
+    key: 'hide-section',
+    message: params.hideSectionText
+  }) -}}
+
+  {{- govukI18nAttributes({
+    key: 'hide-section-aria-label',
+    message: params.hideSectionAriaLabelText
+  }) -}}
+
+  {{- govukI18nAttributes({
+    key: 'show-all-sections',
+    message: params.showAllSectionsText
+  }) -}}
+
+  {{- govukI18nAttributes({
+    key: 'show-section',
+    message: params.showSectionText
+  }) -}}
+
+  {{- govukI18nAttributes({
+    key: 'show-section-aria-label',
+    message: params.showSectionAriaLabelText
+  }) -}}
+
+  {%- if params.rememberExpanded !== undefined %} data-remember-expanded="{{ params.rememberExpanded | escape }}"{% endif %}
+  {{- govukAttributes(params.attributes) }}>
+  {% for item in params.items %}
+    {% if item %}{{ _accordionItem(params, item, loop.index) }}{% endif %}
+  {% endfor %}
+</div>

data/node_modules/govuk-frontend/dist/govuk/components/back-link/README.md

@@ -0,0 +1,15 @@
+# Back link
+
+## Installation
+
+See the [main README quick start guide](https://github.com/alphagov/govuk-frontend#quick-start) for how to install this component.
+
+## Guidance and Examples
+
+Find out when to use the back link component in your service in the [GOV.UK Design System](https://design-system.service.gov.uk/components/back-link).
+
+## Component options
+
+Use options to customise the appearance, content and behaviour of a component when using a macro, for example, changing the text.
+
+See [options table](https://design-system.service.gov.uk/components/back-link/#options-back-link-example) for details.

data/node_modules/govuk-frontend/dist/govuk/components/back-link/_back-link.scss

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

data/node_modules/govuk-frontend/dist/govuk/components/back-link/_back-link.scss.map

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

data/node_modules/govuk-frontend/dist/govuk/components/back-link/_index.scss

@@ -0,0 +1,83 @@
+@include govuk-exports("govuk/component/back-link") {
+  // Component font-size on the Frontend (used for calculations)
+  $font-size: 16;
+
+  // Size of chevron (excluding border)
+  $chevron-size: govuk-em(7px, $font-size);
+
+  // Size of chevron border
+  $chevron-border-min-width: 1px;
+  $chevron-border-width: govuk-em($chevron-border-min-width, $font-size);
+
+  // Colour of chevron
+  $chevron-border-colour: $govuk-secondary-text-colour;
+
+  .govuk-back-link {
+    @include govuk-font-size($size: $font-size);
+    @include govuk-link-common;
+    @include govuk-link-style-text;
+
+    display: inline-block;
+    position: relative;
+
+    margin-top: govuk-spacing(3);
+    margin-bottom: govuk-spacing(3);
+
+    // Allow space for the arrow
+    padding-left: govuk-em(14px, $font-size);
+  }
+
+  // Prepend left pointing chevron
+  .govuk-back-link::before {
+    content: "";
+    display: block;
+
+    // Vertically align with the parent element
+    position: absolute;
+    top: 0;
+    bottom: 0;
+    left: govuk-em(3px, $font-size);
+
+    width: $chevron-size;
+    height: $chevron-size;
+
+    margin: auto 0;
+
+    transform: rotate(225deg);
+
+    border: solid;
+    border-width: $chevron-border-min-width $chevron-border-min-width 0 0;
+    border-color: $chevron-border-colour;
+
+    @supports (border-width: unquote("max(0px)")) {
+      $border-width-eval: "max(#{$chevron-border-min-width}, #{$chevron-border-width})";
+
+      // Ensure that the chevron never gets smaller than 16px
+      border-width: unquote($border-width-eval) unquote($border-width-eval) 0 0;
+      font-size: unquote("max(#{$font-size * 1px}, 1em)");
+    }
+  }
+
+  .govuk-back-link:focus::before {
+    border-color: $govuk-focus-text-colour;
+  }
+
+  .govuk-back-link::after {
+    content: "";
+    position: absolute;
+    top: -14px;
+    right: 0;
+    bottom: -14px;
+    left: 0;
+  }
+
+  .govuk-back-link--inverse {
+    @include govuk-link-style-inverse;
+
+    &::before {
+      border-color: currentcolor;
+    }
+  }
+}
+
+/*# sourceMappingURL=_index.scss.map */

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/govuk/components/back-link/_index.scss"],"names":[],"mappings":"AAAA;EACE,6DAA6D;EAC7D,cAAc;;EAEd,oCAAoC;EACpC,wCAAwC;;EAExC,wBAAwB;EACxB,8BAA8B;EAC9B,sEAAsE;;EAEtE,mBAAmB;EACnB,oDAAoD;;EAEpD;IACE,2CAA2C;IAC3C,0BAA0B;IAC1B,8BAA8B;;IAE9B,qBAAqB;IACrB,kBAAkB;;IAElB,4BAA4B;IAC5B,+BAA+B;;IAE/B,2BAA2B;IAC3B,wCAAwC;EAC1C;;EAEA,+BAA+B;EAC/B;IACE,WAAW;IACX,cAAc;;IAEd,0CAA0C;IAC1C,kBAAkB;IAClB,MAAM;IACN,SAAS;IACT,+BAA+B;;IAE/B,oBAAoB;IACpB,qBAAqB;;IAErB,cAAc;;IAEd,yBAAyB;;IAEzB,aAAa;IACb,qEAAqE;IACrE,oCAAoC;;IAEpC;MACE,iFAAiF;;MAEjF,sDAAsD;MACtD,yEAAyE;MACzE,mDAAmD;IACrD;EACF;;EAEA;IACE,sCAAsC;EACxC;;EAEA;IACE,WAAW;IACX,kBAAkB;IAClB,UAAU;IACV,QAAQ;IACR,aAAa;IACb,OAAO;EACT;;EAEA;IACE,iCAAiC;;IAEjC;MACE,0BAA0B;IAC5B;EACF;AACF","file":"_index.scss","sourcesContent":["@include govuk-exports(\"govuk/component/back-link\") {\n  // Component font-size on the Frontend (used for calculations)\n  $font-size: 16;\n\n  // Size of chevron (excluding border)\n  $chevron-size: govuk-em(7px, $font-size);\n\n  // Size of chevron border\n  $chevron-border-min-width: 1px;\n  $chevron-border-width: govuk-em($chevron-border-min-width, $font-size);\n\n  // Colour of chevron\n  $chevron-border-colour: $govuk-secondary-text-colour;\n\n  .govuk-back-link {\n    @include govuk-font-size($size: $font-size);\n    @include govuk-link-common;\n    @include govuk-link-style-text;\n\n    display: inline-block;\n    position: relative;\n\n    margin-top: govuk-spacing(3);\n    margin-bottom: govuk-spacing(3);\n\n    // Allow space for the arrow\n    padding-left: govuk-em(14px, $font-size);\n  }\n\n  // Prepend left pointing chevron\n  .govuk-back-link::before {\n    content: \"\";\n    display: block;\n\n    // Vertically align with the parent element\n    position: absolute;\n    top: 0;\n    bottom: 0;\n    left: govuk-em(3px, $font-size);\n\n    width: $chevron-size;\n    height: $chevron-size;\n\n    margin: auto 0;\n\n    transform: rotate(225deg);\n\n    border: solid;\n    border-width: $chevron-border-min-width $chevron-border-min-width 0 0;\n    border-color: $chevron-border-colour;\n\n    @supports (border-width: unquote(\"max(0px)\")) {\n      $border-width-eval: \"max(#{$chevron-border-min-width}, #{$chevron-border-width})\";\n\n      // Ensure that the chevron never gets smaller than 16px\n      border-width: unquote($border-width-eval) unquote($border-width-eval) 0 0;\n      font-size: unquote(\"max(#{$font-size * 1px}, 1em)\");\n    }\n  }\n\n  .govuk-back-link:focus::before {\n    border-color: $govuk-focus-text-colour;\n  }\n\n  .govuk-back-link::after {\n    content: \"\";\n    position: absolute;\n    top: -14px;\n    right: 0;\n    bottom: -14px;\n    left: 0;\n  }\n\n  .govuk-back-link--inverse {\n    @include govuk-link-style-inverse;\n\n    &::before {\n      border-color: currentcolor;\n    }\n  }\n}\n"]}

data/node_modules/govuk-frontend/dist/govuk/components/back-link/fixtures.json

@@ -0,0 +1,86 @@
+{
+    "component": "back-link",
+    "fixtures": [
+        {
+            "name": "default",
+            "options": {},
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": true,
+            "html": "<a href=\"#\" class=\"govuk-back-link\">Back</a>"
+        },
+        {
+            "name": "inverse",
+            "options": {
+                "classes": "govuk-back-link--inverse"
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {
+                "bodyClasses": "app-template__body--inverse"
+            },
+            "screenshot": true,
+            "html": "<a href=\"#\" class=\"govuk-back-link govuk-back-link--inverse\">Back</a>"
+        },
+        {
+            "name": "classes",
+            "options": {
+                "classes": "app-back-link--custom-class"
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<a href=\"#\" class=\"govuk-back-link app-back-link--custom-class\">Back</a>"
+        },
+        {
+            "name": "html as text",
+            "options": {
+                "text": "<b>Home</b>"
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<a href=\"#\" class=\"govuk-back-link\">&lt;b&gt;Home&lt;/b&gt;</a>"
+        },
+        {
+            "name": "html",
+            "options": {
+                "html": "<b>Back</b>"
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<a href=\"#\" class=\"govuk-back-link\"><b>Back</b></a>"
+        },
+        {
+            "name": "with custom text and link",
+            "options": {
+                "href": "/home",
+                "text": "Back to home"
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<a href=\"/home\" class=\"govuk-back-link\">Back to home</a>"
+        },
+        {
+            "name": "attributes",
+            "options": {
+                "attributes": {
+                    "data-test": "attribute",
+                    "aria-label": "Back to home"
+                }
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<a href=\"#\" class=\"govuk-back-link\" data-test=\"attribute\" aria-label=\"Back to home\">Back</a>"
+        }
+    ]
+}

data/node_modules/govuk-frontend/dist/govuk/components/back-link/macro-options.json

@@ -0,0 +1,32 @@
+[
+    {
+        "name": "text",
+        "type": "string",
+        "required": false,
+        "description": "Text to use within the back link component. If `html` is provided, the `text` option will be ignored. Defaults to `\"Back\"`."
+    },
+    {
+        "name": "html",
+        "type": "string",
+        "required": false,
+        "description": "HTML to use within the back link component. If `html` is provided, the `text` option will be ignored. Defaults to `\"Back\"`."
+    },
+    {
+        "name": "href",
+        "type": "string",
+        "required": true,
+        "description": "The value of the link's `href` attribute."
+    },
+    {
+        "name": "classes",
+        "type": "string",
+        "required": false,
+        "description": "Classes to add to the anchor tag."
+    },
+    {
+        "name": "attributes",
+        "type": "object",
+        "required": false,
+        "description": "HTML attributes (for example data attributes) to add to the anchor tag."
+    }
+]

data/node_modules/govuk-frontend/dist/govuk/components/back-link/macro.njk

@@ -0,0 +1,3 @@
+{% macro govukBackLink(params) %}
+  {%- include "./template.njk" -%}
+{% endmacro %}

data/node_modules/govuk-frontend/dist/govuk/components/back-link/template-default.html

@@ -0,0 +1 @@
+<a href="#" class="govuk-back-link">Back</a>

data/node_modules/govuk-frontend/dist/govuk/components/back-link/template-inverse.html

@@ -0,0 +1 @@
+<a href="#" class="govuk-back-link govuk-back-link--inverse">Back</a>

data/node_modules/govuk-frontend/dist/govuk/components/back-link/template.njk

@@ -0,0 +1,6 @@
+{% from "../../macros/attributes.njk" import govukAttributes -%}
+
+<a href="{{ params.href | default('#', true) }}" class="govuk-back-link {%- if params.classes %} {{ params.classes }}{% endif %}"
+  {{- govukAttributes(params.attributes) }}>
+  {{- params.html | safe if params.html else (params.text | default("Back", true)) -}}
+</a>

data/node_modules/govuk-frontend/dist/govuk/components/breadcrumbs/README.md

@@ -0,0 +1,15 @@
+# Breadcrumbs
+
+## Installation
+
+See the [main README quick start guide](https://github.com/alphagov/govuk-frontend#quick-start) for how to install this component.
+
+## Guidance and Examples
+
+Find out when to use the breadcrumbs component in your service in the [GOV.UK Design System](https://design-system.service.gov.uk/components/breadcrumbs).
+
+## Component options
+
+Use options to customise the appearance, content and behaviour of a component when using a macro, for example, changing the text.
+
+See [options table](https://design-system.service.gov.uk/components/breadcrumbs/#options-breadcrumbs-example) for details.

data/node_modules/govuk-frontend/dist/govuk/components/breadcrumbs/_breadcrumbs.scss

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

data/node_modules/govuk-frontend/dist/govuk/components/breadcrumbs/_breadcrumbs.scss.map

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

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

@@ -0,0 +1,134 @@
+@include govuk-exports("govuk/component/breadcrumbs") {
+  // Component font-size on the Frontend (used for calculations)
+  $font-size: 16;
+
+  // Size of chevron (excluding border)
+  $chevron-size: govuk-em(7px, $font-size);
+
+  // Size of chevron border
+  $chevron-border-min-width: 1px;
+  $chevron-border-width: govuk-em($chevron-border-min-width, $font-size);
+
+  // Colour of chevron
+  $chevron-border-colour: $govuk-secondary-text-colour;
+
+  // Calculated altitude (△↕) of the right-angled isosceles chevron with sides
+  // of length 8 (7px + 1px border):
+  //
+  // √(8² + 8²) * 0.5 ≅ 5.655
+  $chevron-altitude-calculated: govuk-em(5.655px, $font-size);
+
+  .govuk-breadcrumbs {
+    @include govuk-font($size: $font-size);
+    @include govuk-text-colour;
+
+    margin-top: govuk-spacing(3);
+    margin-bottom: govuk-spacing(2);
+  }
+
+  .govuk-breadcrumbs__list {
+    @include govuk-clearfix;
+
+    margin: 0;
+    padding: 0;
+    list-style-type: none;
+  }
+
+  .govuk-breadcrumbs__list-item {
+    display: inline-block;
+    position: relative;
+
+    margin-bottom: govuk-spacing(1);
+
+    // Add both margin and padding such that the chevron appears centrally
+    // between each breadcrumb item
+    margin-left: govuk-em(govuk-spacing(2), $font-size);
+    padding-left: govuk-em(govuk-spacing(2), $font-size) + $chevron-altitude-calculated;
+
+    float: left;
+
+    // Create a chevron using a box with borders on two sides, rotated 45deg.
+    &::before {
+      content: "";
+      display: block;
+
+      position: absolute;
+      top: 0;
+      bottom: 0;
+
+      // Offset by the difference between the width of the non-rotated square
+      // and its width when rotated
+      left: (($chevron-altitude-calculated * -2) + $chevron-size + $chevron-border-width);
+
+      width: $chevron-size;
+      height: $chevron-size;
+
+      margin: auto 0;
+
+      transform: rotate(45deg);
+
+      border: solid;
+      border-width: $chevron-border-min-width $chevron-border-min-width 0 0;
+      border-color: $chevron-border-colour;
+
+      @supports (border-width: unquote("max(0px)")) {
+        $border-width-eval: "max(#{$chevron-border-min-width}, #{$chevron-border-width})";
+
+        // Ensure that the chevron never gets smaller than 16px
+        border-width: unquote($border-width-eval) unquote($border-width-eval) 0 0;
+        font-size: unquote("max(#{$font-size * 1px}, 1em)");
+      }
+    }
+
+    &:first-child {
+      margin-left: 0;
+      padding-left: 0;
+
+      &::before {
+        content: none;
+        display: none;
+      }
+    }
+  }
+
+  .govuk-breadcrumbs__link {
+    @include govuk-link-common;
+    @include govuk-link-style-text;
+  }
+
+  .govuk-breadcrumbs--collapse-on-mobile {
+    @include govuk-media-query($until: tablet) {
+      .govuk-breadcrumbs__list-item {
+        display: none;
+
+        &:first-child,
+        &:last-child {
+          display: inline-block;
+        }
+
+        &::before {
+          top: govuk-em(6px, $font-size);
+          margin: 0;
+        }
+      }
+
+      .govuk-breadcrumbs__list {
+        display: flex;
+      }
+    }
+  }
+
+  .govuk-breadcrumbs--inverse {
+    color: govuk-colour("white");
+
+    .govuk-breadcrumbs__link {
+      @include govuk-link-style-inverse;
+    }
+
+    .govuk-breadcrumbs__list-item::before {
+      border-color: currentcolor;
+    }
+  }
+}
+
+/*# sourceMappingURL=_index.scss.map */

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/govuk/components/breadcrumbs/_index.scss"],"names":[],"mappings":"AAAA;EACE,6DAA6D;EAC7D,cAAc;;EAEd,oCAAoC;EACpC,wCAAwC;;EAExC,wBAAwB;EACxB,8BAA8B;EAC9B,sEAAsE;;EAEtE,mBAAmB;EACnB,oDAAoD;;EAEpD,2EAA2E;EAC3E,iCAAiC;EACjC,CAAC;EACD,0BAA0B;EAC1B,2DAA2D;;EAE3D;IACE,sCAAsC;IACtC,0BAA0B;;IAE1B,4BAA4B;IAC5B,+BAA+B;EACjC;;EAEA;IACE,uBAAuB;;IAEvB,SAAS;IACT,UAAU;IACV,qBAAqB;EACvB;;EAEA;IACE,qBAAqB;IACrB,kBAAkB;;IAElB,+BAA+B;;IAE/B,qEAAqE;IACrE,8BAA8B;IAC9B,mDAAmD;IACnD,mFAAmF;;IAEnF,WAAW;;IAEX,wEAAwE;IACxE;MACE,WAAW;MACX,cAAc;;MAEd,kBAAkB;MAClB,MAAM;MACN,SAAS;;MAET,sEAAsE;MACtE,4BAA4B;MAC5B,mFAAmF;;MAEnF,oBAAoB;MACpB,qBAAqB;;MAErB,cAAc;;MAEd,wBAAwB;;MAExB,aAAa;MACb,qEAAqE;MACrE,oCAAoC;;MAEpC;QACE,iFAAiF;;QAEjF,sDAAsD;QACtD,yEAAyE;QACzE,mDAAmD;MACrD;IACF;;IAEA;MACE,cAAc;MACd,eAAe;;MAEf;QACE,aAAa;QACb,aAAa;MACf;IACF;EACF;;EAEA;IACE,0BAA0B;IAC1B,8BAA8B;EAChC;;EAEA;IACE;MACE;QACE,aAAa;;QAEb;;UAEE,qBAAqB;QACvB;;QAEA;UACE,8BAA8B;UAC9B,SAAS;QACX;MACF;;MAEA;QACE,aAAa;MACf;IACF;EACF;;EAEA;IACE,4BAA4B;;IAE5B;MACE,iCAAiC;IACnC;;IAEA;MACE,0BAA0B;IAC5B;EACF;AACF","file":"_index.scss","sourcesContent":["@include govuk-exports(\"govuk/component/breadcrumbs\") {\n  // Component font-size on the Frontend (used for calculations)\n  $font-size: 16;\n\n  // Size of chevron (excluding border)\n  $chevron-size: govuk-em(7px, $font-size);\n\n  // Size of chevron border\n  $chevron-border-min-width: 1px;\n  $chevron-border-width: govuk-em($chevron-border-min-width, $font-size);\n\n  // Colour of chevron\n  $chevron-border-colour: $govuk-secondary-text-colour;\n\n  // Calculated altitude (△↕) of the right-angled isosceles chevron with sides\n  // of length 8 (7px + 1px border):\n  //\n  // √(8² + 8²) * 0.5 ≅ 5.655\n  $chevron-altitude-calculated: govuk-em(5.655px, $font-size);\n\n  .govuk-breadcrumbs {\n    @include govuk-font($size: $font-size);\n    @include govuk-text-colour;\n\n    margin-top: govuk-spacing(3);\n    margin-bottom: govuk-spacing(2);\n  }\n\n  .govuk-breadcrumbs__list {\n    @include govuk-clearfix;\n\n    margin: 0;\n    padding: 0;\n    list-style-type: none;\n  }\n\n  .govuk-breadcrumbs__list-item {\n    display: inline-block;\n    position: relative;\n\n    margin-bottom: govuk-spacing(1);\n\n    // Add both margin and padding such that the chevron appears centrally\n    // between each breadcrumb item\n    margin-left: govuk-em(govuk-spacing(2), $font-size);\n    padding-left: govuk-em(govuk-spacing(2), $font-size) + $chevron-altitude-calculated;\n\n    float: left;\n\n    // Create a chevron using a box with borders on two sides, rotated 45deg.\n    &::before {\n      content: \"\";\n      display: block;\n\n      position: absolute;\n      top: 0;\n      bottom: 0;\n\n      // Offset by the difference between the width of the non-rotated square\n      // and its width when rotated\n      left: (($chevron-altitude-calculated * -2) + $chevron-size + $chevron-border-width);\n\n      width: $chevron-size;\n      height: $chevron-size;\n\n      margin: auto 0;\n\n      transform: rotate(45deg);\n\n      border: solid;\n      border-width: $chevron-border-min-width $chevron-border-min-width 0 0;\n      border-color: $chevron-border-colour;\n\n      @supports (border-width: unquote(\"max(0px)\")) {\n        $border-width-eval: \"max(#{$chevron-border-min-width}, #{$chevron-border-width})\";\n\n        // Ensure that the chevron never gets smaller than 16px\n        border-width: unquote($border-width-eval) unquote($border-width-eval) 0 0;\n        font-size: unquote(\"max(#{$font-size * 1px}, 1em)\");\n      }\n    }\n\n    &:first-child {\n      margin-left: 0;\n      padding-left: 0;\n\n      &::before {\n        content: none;\n        display: none;\n      }\n    }\n  }\n\n  .govuk-breadcrumbs__link {\n    @include govuk-link-common;\n    @include govuk-link-style-text;\n  }\n\n  .govuk-breadcrumbs--collapse-on-mobile {\n    @include govuk-media-query($until: tablet) {\n      .govuk-breadcrumbs__list-item {\n        display: none;\n\n        &:first-child,\n        &:last-child {\n          display: inline-block;\n        }\n\n        &::before {\n          top: govuk-em(6px, $font-size);\n          margin: 0;\n        }\n      }\n\n      .govuk-breadcrumbs__list {\n        display: flex;\n      }\n    }\n  }\n\n  .govuk-breadcrumbs--inverse {\n    color: govuk-colour(\"white\");\n\n    .govuk-breadcrumbs__link {\n      @include govuk-link-style-inverse;\n    }\n\n    .govuk-breadcrumbs__list-item::before {\n      border-color: currentcolor;\n    }\n  }\n}\n"]}