{"version":3,"sources":["../../../../src/moj/components/side-navigation/_side-navigation.scss"],"names":[],"mappings":"AAAA,uCAAuC;;AAEvC;;+EAE+E;;AAE/E;EACE,uBAAuB;;EAEvB;IACE,aAAa;IACb,kBAAkB;EACpB;;EAEA;IACE,cAAc;IACd,6BAA6B;EAC/B;AACF;;AAEA;EACE,SAAS;EACT,yBAAyB;EACzB,oCAAoC;EACpC,iDAAiD;EACjD,mBAAmB;EACnB,8BAA8B;;EAE9B;IACE,aAAa;EACf;AACF;;AAEA;EACE,SAAS;EACT,UAAU;EACV,gBAAgB;;EAEhB;IACE,aAAa;IACb,SAAS;IACT,mBAAmB;EACrB;;EAEA;IACE,+BAA+B;EACjC;AACF;;AAEA;EACE;IACE,aAAa;EACf;;EAEA;;;IAGE,cAAc;IACd,oCAAoC;IACpC,yBAAyB;IACzB,qBAAqB;;IAErB;MACE,yBAAyB;MACzB,sCAAsC,EAAE,2BAA2B;MACnE,oCAAoC;IACtC;;IAEA;MACE,yBAAyB;MACzB,kCAAkC;MAClC,yBAAyB;IAC3B;EACF;;EAEA;IACE,0CAA0C;EAC5C;;EAEA;IACE,kBAAkB;IAClB,iDAAiD;IACjD,0CAA0C;IAC1C,gDAAgD;EAClD;AACF;;AAEA;EACE;;IAEE,2CAA2C;IAC3C,oCAAoC;IACpC,iBAAiB;EACnB;;EAEA;IACE,iDAAiD;IACjD,0CAA0C;EAC5C;;EAEA;IACE,iDAAiD;IACjD,0CAA0C;IAC1C,gDAAgD;EAClD;;EAEA;IACE;;MAEE,4DAA4D;IAC9D;;IAEA;MACE,0CAA0C;MAC1C,gDAAgD;IAClD;EACF;AACF","file":"_side-navigation.scss","sourcesContent":["@use \"../../vendor/govuk-frontend\" as *;\n\n/* ==========================================================================\n   #SIDE NAVIGATION\n   ========================================================================== */\n\n.moj-side-navigation {\n  @include govuk-font(16);\n\n  @include govuk-media-query($until: tablet) {\n    display: flex;\n    overflow-x: scroll;\n  }\n\n  @include govuk-media-query($from: tablet) {\n    display: block;\n    padding: govuk-spacing(4) 0 0;\n  }\n}\n\n.moj-side-navigation__title {\n  margin: 0;\n  padding: govuk-spacing(2);\n  padding-left: govuk-spacing(2) + 4px;\n  color: govuk-colour(\"black\", $variant: \"tint-25\");\n  font-weight: normal;\n  @include govuk-font($size: 19);\n\n  @include govuk-media-query($until: tablet) {\n    display: none;\n  }\n}\n\n.moj-side-navigation__list {\n  margin: 0;\n  padding: 0;\n  list-style: none;\n\n  @include govuk-media-query($until: tablet) {\n    display: flex;\n    margin: 0;\n    white-space: nowrap;\n  }\n\n  @include govuk-media-query($from: tablet) {\n    margin-bottom: govuk-spacing(4);\n  }\n}\n\n.moj-side-navigation__item {\n  @include govuk-media-query($until: tablet) {\n    display: flex;\n  }\n\n  a,\n  a:link,\n  a:visited {\n    display: block;\n    color: govuk-functional-colour(link);\n    background-color: inherit;\n    text-decoration: none;\n\n    @include govuk-media-query($until: tablet) {\n      padding: govuk-spacing(3);\n      padding-bottom: govuk-spacing(3) - 4px; // Compensate for 4px border\n      border-bottom: 4px solid transparent;\n    }\n\n    @include govuk-media-query($from: tablet) {\n      padding: govuk-spacing(2);\n      border-left: 4px solid transparent;\n      background-color: inherit;\n    }\n  }\n\n  a:hover {\n    color: govuk-functional-colour(link-hover);\n  }\n\n  a:focus {\n    position: relative;\n    border-color: govuk-functional-colour(focus-text);\n    color: govuk-functional-colour(focus-text);\n    background-color: govuk-functional-colour(focus);\n  }\n}\n\n.moj-side-navigation__item--active {\n  a:link,\n  a:visited {\n    border-color: govuk-functional-colour(link);\n    color: govuk-functional-colour(link);\n    font-weight: bold;\n  }\n\n  a:hover {\n    border-color: govuk-functional-colour(link-hover);\n    color: govuk-functional-colour(link-hover);\n  }\n\n  a:focus {\n    border-color: govuk-functional-colour(focus-text);\n    color: govuk-functional-colour(focus-text);\n    background-color: govuk-functional-colour(focus);\n  }\n\n  @include govuk-media-query($from: tablet) {\n    a:link,\n    a:visited {\n      background-color: govuk-colour(\"black\", $variant: \"tint-95\");\n    }\n\n    a:focus {\n      color: govuk-functional-colour(focus-text);\n      background-color: govuk-functional-colour(focus);\n    }\n  }\n}\n"]}