Permalink
Find file Copy path
Fetching contributors…
Cannot retrieve contributors at this time
126 lines (100 sloc) 1.93 KB
// Used for content that is related to the main body but not necessarily as important – supporting the main story without being directly a part of it.
%ancillary {
@include bleed-right(1em);
@include min-width(s03) {
@include bleed-right(2em);
}
@include min-width(s04) {
@include bleed-right(2.5em);
}
h1 {
font-size: 1.5em;
}
h2 {
font-size: 1.25em;
}
h3 {
font-size: 1.125em;
}
h4, h5 {
font-size: 1em;
}
}
.ancillary {
@extend %ancillary;
margin-top: 1em;
padding: 1em;
@include min-width(s03) {
padding: 2em;
}
@include min-width(s04) {
padding: 2.5em;
}
@include min-width(l01) {
float: right;
margin: 2em -4.5em 2em 2em;
padding: 2em;
width: 18em;
p,
li {
font-size: .75em;
}
}
@include min-width(l03) {
margin-right: -9em;
width: 22.5em;
p,
li {
font-size: .875em;
}
}
img {
max-width: none;
width: calc(100% + 1em);
@include min-width(s03) {
width: calc(100% + 2em);
}
}
}
// Used for an endnote that is related to the main body recapping and offering context such as further reading or notes that are not captured by footnote-style links from the body.
.ancillary--endnotes {
@extend %ancillary;
clear: both;
margin-top: 2em;
padding: 2em;
@include min-width(l01) {
@include bleed-right(4.5em);
padding: 2.5em;
}
@include min-width(l03) {
@include bleed-right(9em);
}
p,
li {
font-size: .875em;
}
}
.ancillary--thanks {
@include bleed-left(1em);
clear: both;
margin-top: 1em;
padding: 1em 2em;
@include min-width(s03) {
@include bleed-left(2em);
margin-top: 2em;
}
@include min-width(s04) {
@include bleed-left(2.5em);
}
@include min-width(l01) {
@include bleed-left(4.5em);
padding: 2.5em;
}
@include min-width(l03) {
@include bleed-left(9em);
}
p,
li {
font-size: .875em;
}
}