digitalmarketplace-frontend/dist/digitalmarketplace/components/header/_index.scss.map

Digital Marketplace Frontend contains assets and components used in Digital Marketplace projects

{"version":3,"sources":["../../../../src/digitalmarketplace/components/header/_index.scss"],"names":[],"mappings":"AAAA,oDAAoD;AACpD,wDAAwD;AACxD,wCAAwC;;AAExC;EACE,2EAA2E;EAC3E,iEAAiE;;EAEjE;IACE;MACE;QACE,wCAAwC;MAC1C;IACF;EACF;;EAEA;IACE;MACE,+BAA+B;;MAE/B;QACE,qCAAqC;MACvC;;MAEA;QACE,2BAA2B;MAC7B;IACF;;IAEA;MACE,yDAAyD;;MAEzD;;QAEE,oDAAoD;MACtD;;MAEA;QACE,+BAA+B;MACjC;;MAEA;QACE,0BAA0B;;QAE1B;UACE,2BAA2B;QAC7B;MACF;;MAEA;QACE,6CAA6C;MAC/C;;MAEA;QACE,8BAA8B;MAChC;;MAEA,qCAAqC;MACrC;QACE;UACE,0EAA0E;UAC1E,qDAAqD;UACrD,wFAAwF;UACxF,8BAA8B;UAC9B,kEAAkE;QACpE;;QAEA;UACE,kFAAkF;UAClF,oEAAoE;QACtE;MACF;MACA,oCAAoC;IACtC;EACF;;EAEA;IACE,WAAW;EACb;;EAEA;IACE;MACE,WAAW;MACX,WAAW;MACX,iBAAiB;IACnB;EACF;AACF","file":"_index.scss","sourcesContent":["// This file extends GOV.UK Frontend header component\n// by changing the blue bottom border to red and shifting\n// the navigation items to the far right.\n\n@include digitalmarketplace-exports(\"digitalmarketplace/component/header\") {\n  $dmp-admin-service-navigation-colour: govuk-shade(govuk-colour(\"red\"), 10%);\n  $dm-service-navigation-active-link-border-width: govuk-spacing(1);\n\n  :not(.govuk-template--rebranded) {\n    .dm-admin-header {\n      .govuk-header__container, &.govuk-header--full-width-border {\n        border-bottom-color: govuk-colour(\"red\");\n      }\n    }\n  }\n\n  .govuk-template--rebranded {\n    .dm-admin-header {\n      background: govuk-colour(\"red\");\n\n      .govuk-header__link--homepage:not(:focus) {\n        background-color: govuk-colour(\"red\");\n      }\n  \n      .govuk-logo-dot {\n        fill: govuk-colour(\"white\");\n      }\n    }\n\n    .dm-admin-service-navigation {\n      border-bottom-color: $dmp-admin-service-navigation-colour;\n\n      .govuk-service-navigation__item,\n      .govuk-service-navigation__service-name {\n        border: 0 solid $dmp-admin-service-navigation-colour;\n      }\n\n      .govuk-service-navigation__link {\n        @include govuk-link-style-error;\n      }\n\n      .govuk-service-navigation__toggle {\n        color: govuk-colour(\"red\");\n\n        &:focus {\n          @include govuk-focused-text;\n        }\n      }\n\n      .govuk-service-navigation__service-name {\n        @include govuk-font($size: 19, $weight: bold);\n      }\n\n      .govuk-service-navigation__service-name .govuk-service-navigation__link {\n        @include govuk-link-style-text;\n      }\n\n      // stylelint-disable max-nesting-depth\n      .govuk-service-navigation__item--active {\n        @include govuk-media-query($until: tablet) {\n          // Negative offset the left margin so we can place a current page indicator\n          // to the left without misaligning the list item text.\n          margin-left: ((govuk-spacing(2) + $dm-service-navigation-active-link-border-width) * -1);\n          padding-left: govuk-spacing(2);\n          border-left-width: $dm-service-navigation-active-link-border-width;\n        }\n\n        @include govuk-media-query($from: tablet) {\n          padding-bottom: govuk-spacing(3) - $dm-service-navigation-active-link-border-width;\n          border-bottom-width: $dm-service-navigation-active-link-border-width;\n        }\n      }\n      // stylelint-enable max-nesting-depth\n    }\n  }\n\n  .govuk-header__logo {\n    width: auto;\n  }\n\n  .govuk-header__content {\n    @include govuk-media-query(desktop) {\n      width: auto;\n      float: none;\n      text-align: right;\n    }\n  }\n}\n"]}