Sha256: eb6443d1ddf8c9f3b50084ee50e93e1aef333a54a073293e66680d13f129d2c2

Contents?: true

Size: 1.05 KB

Versions: 3

Compression:

Stored size: 1.05 KB

Contents

@import "govuk_publishing_components/individual_component_support";
@import "govuk/components/phase-banner/phase-banner";

.gem-c-phase-banner {
  .govuk-phase-banner__content__app-name {
    display: inline-block;
    margin-right: govuk-spacing(2);
  }
}

.gem-c-phase-banner--inverse {
  background: $govuk-brand-colour;

  .govuk-phase-banner__content__tag {
    background: govuk-colour("white");
    color: $govuk-brand-colour;
  }

  .govuk-phase-banner__content__app-name,
  .govuk-phase-banner__text,
  .govuk-link {
    color: govuk-colour("white");

    &:focus {
      color: govuk-colour("black");
    }
  }
}

// stylelint-disable declaration-no-important
@include govuk-media-query($media-type: print) {
  .gem-c-phase-banner {
    &,
    & * {
      background-color: unset !important;
      color: $govuk-print-text-colour !important;
    }

    .govuk-tag {
      border: 1pt solid $govuk-print-text-colour;
    }
  }

  .govuk-phase-banner__content__app-name {
    margin-bottom: 1mm;
    font-size: 12pt;
  }
}
// stylelint-enable declaration-no-important

Version data entries

3 entries across 3 versions & 1 rubygems

Version Path
govuk_publishing_components-43.0.1 app/assets/stylesheets/govuk_publishing_components/components/_phase-banner.scss
govuk_publishing_components-43.0.0 app/assets/stylesheets/govuk_publishing_components/components/_phase-banner.scss
govuk_publishing_components-42.1.0 app/assets/stylesheets/govuk_publishing_components/components/_phase-banner.scss