Sha256: d82f3d6ef3d959cf640f466e756c8a410bec85f4408cec4bb16b65b5486fefca
Contents?: true
Size: 1.34 KB
Versions: 4
Compression:
Stored size: 1.34 KB
Contents
//-----------------------------------------------------------------------------
// Site Banner
[role="banner"] {
@include leading-border(3px,.5);
border-color: $susy-highlight;
text-align: center;
h1 {
@include adjust-font-size-to($xxlargepx);
@include at-breakpoint($break) {
@include adjust-font-size-to($xxxlargepx);
}
span { display: none; }
a {
&:before { content: "\2039"; }
&:after { content: "\203A"; }
&:before, &:after {
font-size: .875em;
position: relative;
top: -.16em;
letter-spacing: -.025em;
}
#{$focus} {
b, span { letter-spacing: 0; }
span { opacity: 1; }
color: $susy-highlight;
}
}
@include at-breakpoint($break) {
.fontface & {
b, span {
@include transition(all 300ms);
display: inline-block;
text-transform: uppercase;
letter-spacing: -.44em;
}
span { opacity: 0; }
}
}
}
h2 {
@include adjust-font-size-to($medpx);
@include leader(-1,$medpx);
@include trailer(.5,$medpx);
display: block;
position: relative;
z-index: 2;
@include at-breakpoint($break) {
@include adjust-font-size-to($largepx);
@include leader(-1,$largepx);
@include trailer(1,$largepx);
}
}
}
Version data entries
4 entries across 4 versions & 1 rubygems