{"version":3,"sources":["../../../../src/moj/components/badge/_badge.scss"],"names":[],"mappings":"AAAA,uCAAuC;;AAEvC;;+EAE+E;;AAE/E;EACE,qBAAqB;EACrB,2BAA2B;EAC3B,gDAAgD;EAChD,8BAA8B;EAC9B,oBAAoB;EACpB,qCAAqC;EACrC,eAAe;EACf,iBAAiB;EACjB,yBAAyB;EACzB,sBAAsB;;EAEtB;WACS;EACT,kDAAkD;;EAElD;IACE,eAAe;IACf,iBAAiB;EACnB;;EAEA;IACE,oCAAoC;IACpC,6BAA6B;EAC/B;;EAEA;IACE,2DAA2D;IAC3D,oDAAoD;EACtD;;EAEA;IACE,iCAAiC;IACjC,0BAA0B;EAC5B;;EAEA;IACE,mCAAmC;IACnC,4BAA4B;EAC9B;;EAEA;IACE,kCAAkC;IAClC,2BAA2B;EAC7B;;EAEA;IACE,mCAAmC;IACnC,4BAA4B;EAC9B;;EAEA;IACE,wDAAwD;IACxD,iDAAiD;EACnD;;EAEA;IACE,+CAA+C;EACjD;AACF","file":"_badge.scss","sourcesContent":["@use \"../../vendor/govuk-frontend\" as *;\n\n/* ==========================================================================\n   #BADGE\n   ========================================================================== */\n\n.moj-badge {\n  display: inline-block;\n  padding: 0 govuk-spacing(1);\n  border: 2px solid govuk-functional-colour(brand);\n  outline: 2px solid transparent;\n  outline-offset: -2px;\n  color: govuk-functional-colour(brand);\n  font-size: 12px;\n  line-height: 15px;\n  text-transform: uppercase;\n  vertical-align: middle;\n\n  /* no size argument as we are manually using step 14 from the legacy type\n  * scale */\n  @include govuk-font($size: false, $weight: \"bold\");\n\n  @include govuk-media-query(tablet) {\n    font-size: 14px;\n    line-height: 20px;\n  }\n\n  &--purple {\n    border-color: govuk-colour(\"purple\");\n    color: govuk-colour(\"purple\");\n  }\n\n  &--bright-purple {\n    border-color: govuk-colour(\"magenta\", $variant: \"shade-25\");\n    color: govuk-colour(\"magenta\", $variant: \"shade-25\");\n  }\n\n  &--red {\n    border-color: govuk-colour(\"red\");\n    color: govuk-colour(\"red\");\n  }\n\n  &--green {\n    border-color: govuk-colour(\"green\");\n    color: govuk-colour(\"green\");\n  }\n\n  &--blue {\n    border-color: govuk-colour(\"blue\");\n    color: govuk-colour(\"blue\");\n  }\n\n  &--black {\n    border-color: govuk-colour(\"black\");\n    color: govuk-colour(\"black\");\n  }\n\n  &--grey {\n    border-color: govuk-colour(\"black\", $variant: \"tint-25\");\n    color: govuk-colour(\"black\", $variant: \"tint-25\");\n  }\n\n  &--large {\n    @include govuk-font($size: 16, $weight: \"bold\");\n  }\n}\n"]}