Permalink
68 lines (52 sloc) 1.08 KB
@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 0 8px;
@include media(tablet) {
padding-bottom: 10px;
}
border-bottom: 1px solid $border-colour;
p {
display: table;
margin: 0;
color: $banner-text-colour;
@include core-16;
}
.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;
}