{"version":3,"sources":["../../../../src/nhsuk/components/code/_index.scss"],"names":[],"mappings":"AAAA,+BAA+B;AAC/B,4BAA4B;AAC5B,8BAA8B;AAC9B,oBAAoB;;AAEpB,GAAG;AACH,iBAAiB;AACjB,EAAE;AACF,yBAAyB;AACzB,GAAG;;AAEH;EACE;IACE,kBAAkB;IAClB,2BAA2B;IAC3B,4CAA4C;IAC5C,gFAAgF;EAClF;;EAEA;IACE,uCAAuC;IACvC,8BAA8B;EAChC;;EAEA;IACE,2CAA2C;IAC3C,wDAAwD;EAC1D;;EAEA;IACE,2CAA2C;EAC7C;;EAEA;;IAEE,6BAA6B;EAC/B;;EAEA;IACE,iCAAiC;IACjC,SAAS;IACT,sCAAsC;IACtC,+CAA+C;;IAE/C;MACE,gBAAgB;IAClB;;IAEA;MACE,+CAA+C;IACjD;;IAEA;MACE,mDAAmD;IACrD;;IAEA;;MAEE,yBAAyB;IAC3B;;IAEA;MACE,uCAAuC;IACzC;EACF;;EAEA;IACE,cAAc;IACd,+BAA+B;IAC/B,gBAAgB;IAChB,4CAA4C;;IAE5C,0BAA0B;IAC1B,0CAA0C;;IAE1C;MACE,qDAAqD;MACrD,kCAAkC;MAClC,6DAA6D;IAC/D;;IAEA;MACE,8CAA8C;IAChD;;IAEA;MACE,iCAAiC;IACnC;;IAEA;MACE,+DAA+D;;MAE/D,uEAAuE;MACvE,iEAAiE;MACjE,mBAAmB;MACnB;;kEAE4D;IAC9D;EACF;;EAEA;IACE,kBAAkB;IAClB,UAAU;IACV,qBAAqB;IACrB,uBAAuB;;IAEvB,WAAW;IACX,iCAAiC;IACjC,wCAAwC;;IAExC,uDAAuD;IACvD;MACE,aAAa;IACf;;IAEA;;MAEE,iDAAiD;IACnD;;IAEA;MACE,sFAAsF;IACxF;EACF;AACF","file":"_index.scss","sourcesContent":["@use \"../../core/settings\" as *;\n@use \"../../core/tools\" as *;\n@use \"../../core/helpers\" as *;\n@forward \"../button\";\n\n////\n/// Code component\n///\n/// @group components/code\n////\n\n@include nhsuk-exports(\"nhsuk/components/code\") {\n  .nhsuk-code {\n    position: relative;\n    margin: -$nhsuk-focus-width;\n    border: $nhsuk-focus-width solid transparent;\n    @include nhsuk-responsive-margin(6, \"bottom\", $adjustment: - $nhsuk-focus-width);\n  }\n\n  .nhsuk-code--inline {\n    background-color: nhsuk-colour(\"white\");\n    @include nhsuk-text-break-word;\n  }\n\n  .nhsuk-code--inline.nhsuk-code--reverse {\n    color: nhsuk-tint(nhsuk-colour(\"red\"), 85%);\n    background-color: nhsuk-shade(nhsuk-colour(\"blue\"), 25%);\n  }\n\n  .nhsuk-code--reverse:has(.nhsuk-code__content:focus) {\n    border-color: $nhsuk-card-background-colour;\n  }\n\n  .nhsuk-code__container,\n  .nhsuk-code__content {\n    @include nhsuk-font-monospace;\n  }\n\n  .nhsuk-code__container {\n    min-height: nhsuk-px-to-rem(64px);\n    margin: 0;\n    border: 1px solid $nhsuk-border-colour;\n    background-color: $nhsuk-card-background-colour;\n\n    &:last-child {\n      margin-bottom: 0;\n    }\n\n    .nhsuk-code--background-body & {\n      background-color: $nhsuk-body-background-colour;\n    }\n\n    .nhsuk-code--background-template & {\n      background-color: $nhsuk-template-background-colour;\n    }\n\n    .nhsuk-code--no-border &,\n    .nhsuk-code--reverse & {\n      border-color: transparent;\n    }\n\n    .nhsuk-code--reverse & {\n      background-color: nhsuk-colour(\"black\");\n    }\n  }\n\n  .nhsuk-code__content {\n    display: block;\n    padding: nhsuk-spacing(3) - 1px;\n    overflow-x: auto;\n    border: $nhsuk-focus-width solid transparent;\n\n    @include nhsuk-text-colour;\n    @include nhsuk-font(19, $line-height: 1.5);\n\n    &:focus {\n      outline: $nhsuk-focus-width solid $nhsuk-focus-colour;\n      outline-offset: $nhsuk-focus-width;\n      box-shadow: 0 0 0 $nhsuk-focus-width $nhsuk-focus-text-colour;\n    }\n\n    .nhsuk-frontend-supported .nhsuk-code--button & {\n      padding-top: nhsuk-px-to-rem(nhsuk-spacing(9));\n    }\n\n    .nhsuk-code--reverse & {\n      color: $nhsuk-reverse-text-colour;\n    }\n\n    .nhsuk-code--reverse &:focus {\n      outline: $nhsuk-focus-width solid $nhsuk-card-background-colour;\n\n      // Add 4px to focus outline to show white gap between reverse background\n      // and focus outline, but add another 1px to compensate for border\n      outline-offset: 1px;\n      box-shadow:\n        0 0 0 (($nhsuk-focus-width * 2) + 1px) $nhsuk-focus-text-colour,\n        0 0 0 (($nhsuk-focus-width * 3) + 1px) $nhsuk-focus-colour;\n    }\n  }\n\n  .nhsuk-code__button {\n    position: absolute;\n    z-index: 1;\n    top: nhsuk-spacing(3);\n    right: nhsuk-spacing(3);\n\n    width: auto;\n    min-width: nhsuk-px-to-rem(125px);\n    margin-bottom: $nhsuk-button-shadow-size;\n\n    // Hide the button by default, JS removes this attribute\n    &[hidden] {\n      display: none;\n    }\n\n    &:active,\n    &:active:focus {\n      top: nhsuk-spacing(3) + $nhsuk-button-shadow-size;\n    }\n\n    &:active::before {\n      top: nhsuk-spacing(3) - ($nhsuk-border-width-form-element + $nhsuk-button-shadow-size);\n    }\n  }\n}\n"]}