Sha256: ae749aee3280b7bd94f1821547f4b91b3aba499bcc3062ba0d1e1fef3657890d
Contents?: true
Size: 1.13 KB
Versions: 4
Compression:
Stored size: 1.13 KB
Contents
@import "../_colours";
@import "../_typography";
@import "../_shims";
@import "../_grid_layout";
@mixin phase-banner($state: alpha) {
padding-top: 8px;
padding-bottom: 8px;
@if $state == alpha {
background-color: $alpha-colour;
} @else if $state == beta {
background-color: $beta-colour;
}
// Outer block sets a max width
.outer-block {
@include outer-block;
}
// Inner block sets gutters to align content with header and footer
.inner-block {
@include inner-block;
}
// No need to set a max-width for content inside .inner-block
p {
margin: 0;
color: $banner-text-colour;
@include core-16;
}
a, a:link, a:visited, a:active {
color: $banner-text-colour;
}
a:hover {
color: $banner-text-colour;
}
}
@mixin phase-tag($state: alpha) {
@include inline-block;
@if $state == alpha {
background-color: $alpha-colour;
} @else if $state == beta {
background-color: $beta-colour;
}
color: #fff;
@include bold-16($line-height: 20/16);
text-transform: uppercase;
letter-spacing: 1px;
text-decoration: none;
margin: 3px 10px 0 5px;
padding: 2px 5px 0;
}
Version data entries
4 entries across 4 versions & 1 rubygems