{"version":3,"sources":["../../../../src/nhsuk/components/breadcrumb/_index.scss"],"names":[],"mappings":"AAAA,+BAA+B;AAC/B,4BAA4B;AAC5B,8BAA8B;AAC9B,uBAAuB;;AAEvB,GAAG;AACH,uBAAuB;AACvB,EAAE;AACF,+CAA+C;AAC/C,uDAAuD;AACvD,8CAA8C;AAC9C,EAAE;AACF,+BAA+B;AAC/B,GAAG;;AAEH;EACE,eAAe;EACf,8CAA8C;EAC9C,2DAA2D;;EAE3D;IACE,sBAAsB;IACtB,qBAAqB;IACrB,yBAAyB;;IAEzB,0CAA0C;IAC1C,yBAAyB,EAAE,KAAK;;IAEhC;MACE,SAAS;;MAET;QACE,aAAa,EAAE,KAAK;MACtB;IACF;EACF;;EAEA;IACE,SAAS;IACT,UAAU;IACV,gBAAgB;;IAEhB,uBAAuB;IACvB,gCAAgC;;IAEhC;MACE,aAAa,EAAE,KAAK;IACtB;EACF;;EAEA;IACE,kBAAkB;IAClB,gBAAgB;IAChB,oDAAoD,EAAE,KAAK;IAC3D,sEAAsE,EAAE,KAAK;IAC7E,WAAW;;IAEX;MACE,WAAW;;MAEX,kBAAkB;MAClB,MAAM;MACN,SAAS;MACT,OAAO;;MAEP,YAAY;;MAEZ,qDAAqD;IACvD;;IAEA,2CAA2C;IAC3C;MACE,cAAc;MACd,eAAe;;MAEf;QACE,aAAa;MACf;IACF;EACF;;EAEA;IACE,qBAAqB;;IAErB,gCAAgC;IAChC,0CAA0C;EAC5C;;EAEA;IACE,iCAAiC;;IAEjC;;MAEE,iCAAiC;IACnC;;IAEA;MACE,4CAA4C;IAC9C;EACF;AACF","file":"_index.scss","sourcesContent":["@use \"../../core/settings\" as *;\n@use \"../../core/tools\" as *;\n@use \"../../core/helpers\" as *;\n@forward \"../back-link\";\n\n////\n/// Breadcrumb component\n///\n/// 1. Hide the breadcrumb on print stylesheets.\n/// 2. Don't show the full breadcrumb below tablet size.\n/// 3. Center chevron between breadcrumb items.\n///\n/// @group components/breadcrumb\n////\n\n@include nhsuk-exports(\"nhsuk/components/breadcrumb\") {\n  $_font-size: 16;\n  $_chevron-colour: $nhsuk-secondary-text-colour;\n  $_chevron-size: nhsuk-em(nhsuk-chevron-size(), $_font-size);\n\n  .nhsuk-breadcrumb {\n    box-sizing: border-box;\n    display: inline-block;\n    color: $nhsuk-text-colour;\n\n    @include nhsuk-responsive-margin(4, \"top\");\n    @include nhsuk-print-hide; // [1]\n\n    .nhsuk-back-link {\n      margin: 0;\n\n      @include nhsuk-media-query($from: tablet) {\n        display: none; // [2]\n      }\n    }\n  }\n\n  .nhsuk-breadcrumb__list {\n    margin: 0;\n    padding: 0;\n    list-style: none;\n\n    @include nhsuk-clearfix;\n    @include nhsuk-font($_font-size);\n\n    @include nhsuk-media-query($until: tablet) {\n      display: none; // [2]\n    }\n  }\n\n  .nhsuk-breadcrumb__list-item {\n    position: relative;\n    margin-bottom: 0;\n    margin-left: nhsuk-em(nhsuk-spacing(3), $_font-size); // [3]\n    padding-left: nhsuk-em(nhsuk-spacing(3), $_font-size) + $_chevron-size; // [3]\n    float: left;\n\n    &::before {\n      content: \"\";\n\n      position: absolute;\n      top: 0;\n      bottom: 0;\n      left: 0;\n\n      margin: auto;\n\n      @include nhsuk-shape-chevron(right, $_chevron-colour);\n    }\n\n    // Hide chevron before first breadcrumb item\n    &:first-child {\n      margin-left: 0;\n      padding-left: 0;\n\n      &::before {\n        display: none;\n      }\n    }\n  }\n\n  .nhsuk-breadcrumb__link {\n    display: inline-block;\n\n    @include nhsuk-font($_font-size);\n    @include nhsuk-link-style-no-visited-state;\n  }\n\n  .nhsuk-breadcrumb--reverse {\n    color: $nhsuk-reverse-text-colour;\n\n    .nhsuk-breadcrumb__link,\n    .nhsuk-back-link {\n      @include nhsuk-link-style-reverse;\n    }\n\n    .nhsuk-breadcrumb__list-item::before {\n      color: rgba($nhsuk-reverse-text-colour, 0.6);\n    }\n  }\n}\n"]}