Contents

@import "govuk-frontend/components/header/header";
@import "govuk-frontend/components/tag/tag";

.gem-c-layout-header--production .govuk-header__container {
  border-bottom-color: govuk-colour("bright-red");
}

.gem-c-layout-header--integration .govuk-header__container,
.gem-c-layout-header--staging .govuk-header__container {
  border-bottom-color: govuk-colour("yellow");
}

.gem-c-layout-header--example .govuk-header__container {
  border-bottom-color: govuk-colour("bright-purple");
}

.gem-c-layout-header--development .govuk-header__container {
  border-bottom-color: govuk-colour("grey-1");
}

.govuk-header__logo {
  white-space: nowrap;
}

.govuk-header__product-name {
  display: none;

  @include govuk-media-query($from: tablet) {
    display: inline-block;
  }
}

.gem-c-environment-tag {
  padding: 2px 5px 0;
  margin-left: 3px;
  vertical-align: middle;
  @include govuk-font($size: 14, $weight: "bold");
}

.gem-c-environment-tag--production {
  background-color: govuk-colour("bright-red");
}

.gem-c-environment-tag--example {
  background-color: govuk-colour("bright-purple");
}

.gem-c-environment-tag--development {
  background-color: govuk-colour("grey-1");
}

.gem-c-environment-tag--staging,
.gem-c-environment-tag--integration {
  background-color: govuk-colour("yellow");
  color: govuk-colour("black");
}

Version data entries

3 entries across 3 versions & 1 rubygems

Version	Path
govuk_publishing_components-13.5.3	app/assets/stylesheets/govuk_publishing_components/components/_layout-header.scss
govuk_publishing_components-13.5.2	app/assets/stylesheets/govuk_publishing_components/components/_layout-header.scss
govuk_publishing_components-13.5.1	app/assets/stylesheets/govuk_publishing_components/components/_layout-header.scss