@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;
}