@import “../colours”; @import “../typography”; @import “../shims”; @import “../grid_layout”;

// Phase banner usage: // // .phase-banner { // @include phase-banner(); // }

@mixin phase-banner($state: '') {

@if $state != '' {
  @warn 'Passing a phase to the alpha/beta banners is deprecated';
}

padding: 10px $gutter;
background: $grey-3;

@include media(tablet) {
  padding-bottom: 10px;
}

p {
  display: table;
  margin: 0;
  color: $banner-text-colour;
  @include core-14;
}

.phase-tag {
  @include phase-tag();
}

span {
  display: table-cell;
  vertical-align: baseline;
}

}

// Phase tag usage: // // Alpha or beta // .phase-tag { // @include phase-tag; // }

@mixin phase-tag($state: '') {

@if $state != '' {
  @warn 'Passing a phase to the phase-tag mixin is deprecated';
}

@include inline-block;
margin: 0 8px 0 0;
padding: 2px 5px 0;

@include bold-16($line-height: 20 / 16);
text-transform: uppercase;
letter-spacing: 1px;
text-decoration: none;

color: $white;
background-color: $govuk-blue;

}