{"version":3,"sources":["../../../../src/moj/components/sub-navigation/_sub-navigation.scss"],"names":[],"mappings":"AAAA,uCAAuC;;AAEvC;;+EAE+E;;AAE/E;EACE,+BAA+B;AACjC;;AAEA;EACE,SAAS;EACT,UAAU;EACV,YAAY,EAAE,+DAA+D;EAC7E,gBAAgB;;EAEhB;IACE,WAAW;IACX,+CAA+C;EACjD;AACF;;AAEA;EACE,cAAc;EACd,gBAAgB;EAChB,+CAA+C;EAC/C,uBAAuB;;EAEvB;IACE,gBAAgB;EAClB;;EAEA;IACE,qBAAqB;IACrB,aAAa;IACb,8BAA8B;IAC9B,gBAAgB;EAClB;AACF;;AAEA;EACE,cAAc;EACd,kBAAkB;EAClB,iBAAiB;EACjB,oBAAoB;EACpB,8BAA8B;EAC9B,0BAA0B;EAC1B,iCAAiC;;EAEjC;IACE,eAAe;EACjB;;EAEA;;;;IAIE,qBAAqB;EACvB;;EAEA;;IAEE,oCAAoC;EACtC;;EAEA;IACE,0CAA0C;EAC5C;;EAEA;IACE,kBAAkB,EAAE,0CAA0C;IAC9D,4BAA4B,EAAE,gDAAgD;IAC9E,gBAAgB;EAClB;;EAEA;IACE,WAAW;IACX,cAAc;IACd,kBAAkB;IAClB,SAAS;IACT,OAAO;IACP,UAAU;IACV,YAAY;IACZ,uCAAuC;;IAEvC;MACE,WAAW;MACX,WAAW;IACb;EACF;AACF;;AAEA;EACE,kBAAkB;EAClB,2CAA2C;EAC3C,qBAAqB;;EAErB;IACE,WAAW;IACX,cAAc;IACd,kBAAkB;IAClB,SAAS;IACT,OAAO;IACP,UAAU;IACV,YAAY;IACZ,+CAA+C;;IAE/C;MACE,WAAW;MACX,WAAW;IACb;EACF;;EAEA;IACE,0CAA0C;EAC5C;;EAEA;IACE,uCAAuC;EACzC;AACF","file":"_sub-navigation.scss","sourcesContent":["@use \"../../vendor/govuk-frontend\" as *;\n\n/* ==========================================================================\n   #SECONDARY NAV\n   ========================================================================== */\n\n.moj-sub-navigation {\n  margin-bottom: govuk-spacing(7);\n}\n\n.moj-sub-navigation__list {\n  margin: 0;\n  padding: 0;\n  font-size: 0; // Removes white space when using inline-block on child element.\n  list-style: none;\n\n  @include govuk-media-query($from: tablet) {\n    width: 100%;\n    box-shadow: inset 0 -1px 0 $govuk-border-colour;\n  }\n}\n\n.moj-sub-navigation__item {\n  display: block;\n  margin-top: -1px;\n  box-shadow: inset 0 -1px 0 $govuk-border-colour;\n  @include govuk-font(19);\n\n  &:last-child {\n    box-shadow: none;\n  }\n\n  @include govuk-media-query($from: tablet) {\n    display: inline-block;\n    margin-top: 0;\n    margin-right: govuk-spacing(4);\n    box-shadow: none;\n  }\n}\n\n.moj-sub-navigation__link {\n  display: block;\n  position: relative;\n  padding-top: 12px;\n  padding-bottom: 12px;\n  padding-left: govuk-spacing(3);\n  @include govuk-link-common;\n  @include govuk-link-style-default;\n\n  @include govuk-media-query($from: tablet) {\n    padding-left: 0;\n  }\n\n  &:link,\n  &:visited,\n  &:hover,\n  &:active {\n    text-decoration: none;\n  }\n\n  &:link,\n  &:visited {\n    color: govuk-functional-colour(link);\n  }\n\n  &:hover {\n    color: govuk-functional-colour(link-hover);\n  }\n\n  &:focus {\n    position: relative; // Ensure focus sits above everything else.\n    color: govuk-colour(\"black\"); // Focus colour on yellow should really be black.\n    box-shadow: none;\n  }\n\n  &:focus::before {\n    content: \"\";\n    display: block;\n    position: absolute;\n    bottom: 0;\n    left: 0;\n    width: 5px;\n    height: 100%;\n    background-color: govuk-colour(\"black\");\n\n    @include govuk-media-query($from: tablet) {\n      width: 100%;\n      height: 5px;\n    }\n  }\n}\n\n.moj-sub-navigation__link[aria-current=\"page\"] {\n  position: relative;\n  color: govuk-functional-colour(link-active);\n  text-decoration: none;\n\n  &::before {\n    content: \"\";\n    display: block;\n    position: absolute;\n    bottom: 0;\n    left: 0;\n    width: 5px;\n    height: 100%;\n    background-color: govuk-functional-colour(link);\n\n    @include govuk-media-query($from: tablet) {\n      width: 100%;\n      height: 5px;\n    }\n  }\n\n  &:hover {\n    color: govuk-functional-colour(link-hover);\n  }\n\n  &:focus::before {\n    background-color: govuk-colour(\"black\");\n  }\n}\n"]}