{"version":3,"sources":["../../../../src/moj/components/alert/_alert.scss"],"names":[],"mappings":"AAAA,+BAA+B;AAC/B,yCAAyC;AACzC,kCAAkC;AAClC,uCAAuC;;AAEvC;EACE,iBAAiB;EACjB,aAAa;EACb,+BAA+B;EAC/B,yBAAyB;EACzB,6BAA6B;EAC7B,iCAAiC;EACjC,gDAAgD;EAChD,6DAAqD;EAArD,qDAAqD;EACrD,qBAAqB;EACrB,iCAAiC;;EAEjC;IACE,qDAAqD;EACvD;AACF;;AAEA;EACE;IACE,kEAA0D;IAA1D,0DAA0D;EAC5D;AACF;;AAEA;EACE,cAAc;EACd,4BAA4B;EAC5B,6BAA6B;EAC7B,kBAAkB;AACpB;;AAEA;EACE,cAAc;EACd,iCAAiC;EACjC,iCAAiC;EACjC,gBAAgB;EAChB,4BAA4B;EAC5B,mCAAmC;;EAEnC;IACE,iCAAiC;EACnC;AACF;;AAEA;EACE,oBAAoB;EACpB,mBAAmB;;EAEnB;IACE,oBAAoB;IACpB,mBAAmB;EACrB;AACF;;AAEA;EACE,8BAA8B;EAC9B,gBAAgB;EAChB,UAAU;EACV,YAAY;EACZ,YAAY;EACZ,6BAA6B;EAC7B,wBAAwB;EACxB,eAAe;EACf,gBAAgB;EAChB,mCAAmC;EACnC,0BAA0B;EAC1B,iCAAiC;EACjC,kCAAkC;AACpC;;AAEA;EACE,cAAc;EACd,aAAa;EACb,mCAAmC;EACnC,0BAA0B;EAC1B,mCAAmC;EACnC,qCAAqC;;EAErC;IACE,mCAAmC;EACrC;AACF;;AAEA;;;EAGE,gBAAgB;AAClB;;AAEA;+EAC+E;AAC/E;EACE,4CAA4C;EAC5C,qCAAqC;;EAErC;;IAEE,0BAA0B;IAC1B,iCAAiC;EACnC;AACF;;AAEA;EACE,mCAAmC;EACnC,4BAA4B;;EAE5B;;;IAGE,0BAA0B;IAC1B,iCAAiC;EACnC;AACF;;AAEA;EACE,iCAAiC;EACjC,0BAA0B;;EAE1B;IACE,+BAA+B;EACjC;;EAEA;;;IAGE,0BAA0B;IAC1B,+BAA+B;EACjC;AACF;;AAEA;EACE,iCAAiC;EACjC,0BAA0B;;EAE1B;;;IAGE,0BAA0B;IAC1B,+BAA+B;EACjC;AACF","file":"_alert.scss","sourcesContent":["@use \"../../helpers/links\" as *;\n@use \"../../objects/width-container\" as *;\n@use \"../../settings/colours\" as *;\n@use \"../../vendor/govuk-frontend\" as *;\n\n.moj-alert {\n  display: -ms-grid;\n  display: grid;\n  margin-bottom: govuk-spacing(6);\n  padding: govuk-spacing(2);\n  border: 5px solid transparent;\n  background: govuk-colour(\"white\");\n  -ms-grid-columns: min-content fit-content(960px);\n  grid-template-columns: min-content fit-content(960px);\n  gap: govuk-spacing(2);\n  @include govuk-font($size: false);\n\n  &:focus {\n    outline: $govuk-focus-width solid $govuk-focus-colour;\n  }\n}\n\n.moj-alert[data-dismissible] {\n  @include govuk-media-query($from: tablet) {\n    grid-template-columns: min-content fit-content(920px) auto;\n  }\n}\n\n.moj-alert__icon {\n  display: block;\n  width: govuk-px-to-rem(30px);\n  height: govuk-px-to-rem(30px);\n  fill: currentcolor;\n}\n\n.moj-alert__content {\n  display: block;\n  // Padding to align text with icon\n  padding-top: govuk-px-to-rem(5px);\n  overflow: hidden;\n  color: govuk-colour(\"black\");\n  @include govuk-font-size($size: 19);\n\n  @include govuk-media-query($from: tablet) {\n    padding-top: govuk-px-to-rem(2px);\n  }\n}\n\n.moj-alert__action {\n  grid-column-start: 2;\n  grid-column-end: -1;\n\n  @include govuk-media-query($from: tablet) {\n    grid-column-start: 3;\n    justify-self: right;\n  }\n}\n\n.moj-alert__dismiss {\n  // Give the button link styling\n  margin-bottom: 0;\n  padding: 0;\n  border: none;\n  color: unset;\n  background-color: transparent;\n  -webkit-appearance: none;\n  cursor: pointer;\n  appearance: none;\n  @include govuk-font-size($size: 19);\n  @include govuk-link-common;\n  @include govuk-link-style-default;\n  @include govuk-link-print-friendly;\n}\n\n.moj-alert__heading {\n  display: block;\n  margin-top: 0;\n  margin-bottom: govuk-px-to-rem(5px);\n  @include govuk-text-colour;\n  @include govuk-font-size($size: 24);\n  @include govuk-typography-weight-bold;\n\n  @include govuk-media-query($from: tablet) {\n    margin-bottom: govuk-px-to-rem(3px);\n  }\n}\n\n.moj-alert__content p:last-child,\n.moj-alert__content a:last-child,\n.moj-alert__content ul:last-child {\n  margin-bottom: 0;\n}\n\n/* Style variants\n   ========================================================================== */\n.moj-alert--information {\n  border-color: govuk-functional-colour(brand);\n  color: govuk-functional-colour(brand);\n\n  .moj-alert__dismiss,\n  .moj-alert__content a {\n    @include govuk-link-common;\n    @include govuk-link-style-default;\n  }\n}\n\n.moj-alert--success {\n  border-color: govuk-colour(\"green\");\n  color: govuk-colour(\"green\");\n\n  .moj-alert__dismiss,\n  .moj-alert__content a,\n  .moj-alert__content .govuk-link {\n    @include govuk-link-common;\n    @include govuk-link-style-success;\n  }\n}\n\n.moj-alert--warning {\n  border-color: $moj-warning-colour;\n  color: $moj-warning-colour;\n\n  .moj-alert__dismiss {\n    color: $moj-warning-link-colour;\n  }\n\n  .moj-alert__dismiss,\n  .moj-alert__content a,\n  .moj-alert__content .govuk-link {\n    @include govuk-link-common;\n    @include moj-link-style-warning;\n  }\n}\n\n.moj-alert--error {\n  border-color: govuk-colour(\"red\");\n  color: govuk-colour(\"red\");\n\n  .moj-alert__dismiss,\n  .moj-alert__content a,\n  .moj-alert__content .govuk-link {\n    @include govuk-link-common;\n    @include govuk-link-style-error;\n  }\n}\n"]}