%body-type {
font-family: $body-font-family; font-weight: $body-font-weight;
}
%fancy-type {
font-family: $fancy-font-family; font-weight: $fancy-font-weight;
}
%headings-type {
font-weight: $body-font-weight;
}
%code-type {
font-family: $code-font-family;
}
strong {
font-weight: $body-font-bold;
}
em {
font-style: italic;
}
.lead {
font-size: 1.5em; text-align: justify;
}
p {
margin-bottom: 1.3em; margin-top: 0;
}
h1, h2, h3, h4 {
line-height: 1.2; margin: 1.414em 0 0.5em;
}
h1, .h1 {
@extend %fancy-type; font-size: $h1-size; margin-top: 0;
}
h2, .h2, h3, .h3, h4, .h4 {
font-weight: 700;
}
h2, .h2, h3, .h3 {
@extend %headings-type;
}
h2, .h2 {
font-size: $h2-size;
}
h3, .h3 {
font-size: $h3-size;
}
h4, .h4 {
font-size: $h4-size;
}
.xl {
font-size: 1.5em;
}
%large, .large {
font-size: 1.25em;
}
%small, small, .small {
font-size: $font-small; @include breakpoint(small) { font-size: 1em; }
}
%xs, .xs {
font-size: $font-xs; @include breakpoint(small) { font-size: 1em; }
}
%xxs, .xxs {
font-size: 0.6em; @include breakpoint(small) { font-size: 1em; }
}
ul, ol {
margin-bottom: 1em;
}
ol {
list-style: decimal;
}
.unstyled {
list-style: none; margin: 0; padding: 0;
}
hr {
border: 1px solid $white; margin: 2em auto; max-width: 70%;
}
blockquote {
margin: 2em auto; position: relative; p { @extend %fancy-type; font-size: 1.25em; } cite { @extend %code-type; display: block; font-size: 0.5em; font-style: normal; } &::before { color: darken($accent, 10%); content: "\201C"; display: block; font-size: 8em; height: 1em; left: -0.1em; line-height: 1; position: absolute; top: -0.2em; width: 1em; z-index: -1; }
}
.big {
font-size: 7em; line-height: 1; margin-bottom: 0.25em;
}
::selection {
background: $fancy-accent; color: $white;
}