Sha256: 908a4214c1968e48b4de279c27220c7c88dd634379128c45ba21d3aff06d3ce9
Contents?: true
Size: 1.23 KB
Versions: 21
Compression:
Stored size: 1.23 KB
Contents
@import "../_colours";
@import "../_typography";
@import "../_shims";
@import "../_grid_layout";
// 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
21 entries across 21 versions & 1 rubygems