Sha256: c5c76ca0acf61dbf42abe1c8165718bc7c2dc14efc7fb1a1437b645ee7700f64
Contents?: true
Size: 1.45 KB
Versions: 9
Compression:
Stored size: 1.45 KB
Contents
// Shame
// ==========================================================================
// http://csswizardry.com/2013/04/shame-css/
// This file is for changes awaiting merge into the govuk_frontend_toolkit
// New phase banner
// Awaiting merge of pull request
// https://github.com/alphagov/govuk_frontend_toolkit/pull/112
// Phase banner usage:
//
// .phase-banner {
// @include phase-banner($state: beta);
// }
@mixin phase-banner($state: alpha) {
padding: 10px 0 8px 0;
@include media(tablet) {
padding-bottom: 10px;
}
border-bottom: 1px solid $border-colour;
p {
margin: 0;
color: $banner-text-colour;
@include core-16;
}
.phase-tag {
@include phase-tag($state);
}
span {
@include inline-block;
width: 75%;
vertical-align: top;
@include media(tablet) {
width: auto;
vertical-align: baseline;
}
}
}
// Phase tag usage:
//
// Alpha
// .phase-tag {
// @include phase-tag;
// }
//
// Beta
// .phase-tag {
// @include phase-tag(beta);
// }
@mixin phase-tag($state: alpha) {
@include inline-block;
vertical-align: top;
@include media(tablet){
vertical-align: baseline;
}
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: #fff;
@if $state == alpha {
background-color: $alpha-colour;
} @else if $state == beta {
background-color: $beta-colour;
}
}
Version data entries
9 entries across 9 versions & 1 rubygems