{"version":3,"sources":["../../../../src/moj/components/identity-bar/_identity-bar.scss"],"names":[],"mappings":"AAAA,yCAAyC;AACzC,uCAAuC;;AAEvC;;+EAE+E;;AAE/E;EACE,uBAAuB;EACvB,6BAA6B;EAC7B,sCAAsC;;EAEtC,kCAAkC;EAClC,4BAA4B;EAC5B,uCAAuC;EACvC,uEAAuE;;EAEvE,sBAAsB;AACxB;;AAEA;EACE,YAAY;;EAEZ,qCAAqC;EACrC,mBAAmB;;EAEnB,wCAAwC;EACxC,4BAA4B;;EAE5B;IACE,WAAW;IACX,qBAAqB;IACrB,WAAW;EACb;AACF;;AAEA;EACE,qBAAqB;EACrB,mBAAmB;EACnB,uBAAuB;AACzB;;AAEA;EACE,8BAA8B;EAC9B,6BAA6B;EAC7B,gCAAgC;;EAEhC;IACE,qBAAqB;IACrB,mCAAmC;;IAEnC,qBAAqB;IACrB,sCAAsC;;IAEtC,qBAAqB;IACrB,mBAAmB;EACrB;AACF;;AAEA;EACE;IACE,qBAAqB;IACrB,sBAAsB;EACxB;AACF;;AAEA;EACE,qBAAqB;EACrB,8BAA8B;;EAE9B;IACE,eAAe;EACjB;;EAEA;IACE,gBAAgB;EAClB;AACF","file":"_identity-bar.scss","sourcesContent":["@use \"../../objects/width-container\" as *;\n@use \"../../vendor/govuk-frontend\" as *;\n\n/* ==========================================================================\n   #IDENTITY BAR\n   ========================================================================== */\n\n.moj-identity-bar {\n  @include govuk-clearfix;\n  padding-top: govuk-spacing(2);\n  padding-bottom: govuk-spacing(2) - 1px;\n\n  /* Negative by 1px to compensate */\n  color: govuk-colour(\"black\");\n  background-color: govuk-colour(\"white\");\n  box-shadow: inset 0 -1px 0 0 govuk-colour(\"black\", $variant: \"tint-80\");\n\n  /* Takes up no space */\n}\n\n.moj-identity-bar__container {\n  font-size: 0;\n\n  /* Hide whitespace between elements */\n  text-align: justify;\n\n  /* Trick to remove the need for floats */\n  @include moj-width-container;\n\n  &::after {\n    content: \"\";\n    display: inline-block;\n    width: 100%;\n  }\n}\n\n.moj-identity-bar__title {\n  display: inline-block;\n  vertical-align: top;\n  @include govuk-font(16);\n}\n\n.moj-identity-bar__details {\n  margin-right: govuk-spacing(2);\n  padding-top: govuk-spacing(1);\n  padding-bottom: govuk-spacing(1);\n\n  @include govuk-media-query($from: tablet) {\n    display: inline-block;\n    padding-top: govuk-spacing(2) + 1px;\n\n    /* Alignment tweaks */\n    padding-bottom: govuk-spacing(2) - 1px;\n\n    /* Alignment tweaks */\n    vertical-align: top;\n  }\n}\n\n.moj-identity-bar__actions {\n  @include govuk-media-query($from: tablet) {\n    display: inline-block;\n    vertical-align: middle;\n  }\n}\n\n.moj-identity-bar__menu {\n  display: inline-block;\n  margin-right: govuk-spacing(2);\n\n  &:last-child {\n    margin-right: 0;\n  }\n\n  .moj-button-menu__toggle-button {\n    margin-bottom: 0;\n  }\n}\n"]}