Sha256: 27cfe945599699dca85056636f1a5b5a3e166dd205ee1cb0c1f02764603bbd65

Contents?: true

Size: 1.11 KB

Versions: 5

Compression:

Stored size: 1.11 KB

Contents

@import "govuk_publishing_components/individual_component_support";

.gem-c-inverse-header {
  width: 100%;
  background-color: govuk-colour("blue");
  color: govuk-colour("white");
  margin-bottom: govuk-spacing(6);
  padding: 0 govuk-spacing(6) govuk-spacing(6);
  box-sizing: border-box;
}

.gem-c-inverse-header .gem-c-inverse-header__supplement,
.gem-c-inverse-header .publication-header__last-changed {
  color: govuk-colour("white");
  margin: 0;
  // This publication-header class is injected on publication pages, really
  // it should be a component class or be a component in it's own right.
  @include govuk-font($size: 16, $line-height: 1.5);
}

.gem-c-inverse-header--full-width {
  padding-left: 0;
  padding-right: 0;
  padding-bottom: govuk-spacing(3);
}

.gem-c-inverse-header--padding-top {
  padding-top: govuk-spacing(3);
}

@include govuk-media-query($media-type: print) {
  .gem-c-inverse-header {
    background-color: unset;
    border-bottom: 2pt solid $govuk-print-text-colour;

    &,
    & * {
      color: $govuk-print-text-colour !important; // stylelint-disable-line declaration-no-important
    }
  }
}

Version data entries

5 entries across 5 versions & 1 rubygems

Version Path
govuk_publishing_components-43.0.1 app/assets/stylesheets/govuk_publishing_components/components/_inverse-header.scss
govuk_publishing_components-43.0.0 app/assets/stylesheets/govuk_publishing_components/components/_inverse-header.scss
govuk_publishing_components-42.1.0 app/assets/stylesheets/govuk_publishing_components/components/_inverse-header.scss
govuk_publishing_components-42.0.0 app/assets/stylesheets/govuk_publishing_components/components/_inverse-header.scss
govuk_publishing_components-41.1.2 app/assets/stylesheets/govuk_publishing_components/components/_inverse-header.scss