Sha256: c7a9363b6d91240b536147a0929812af540846d214c450285695a31f1eadc01c
Contents?: true
Size: 1.65 KB
Versions: 5
Compression:
Stored size: 1.65 KB
Contents
@use "variables";
// Typography
//
// Headings, body text, lists, and other misc typographic elements.
h1, h2, h3, h4, h5, h6 {
margin-bottom: .5rem;
font-weight: 600;
line-height: 1.1;
color: var(--contrast-high);
letter-spacing: -.025rem;
}
h1 {
font-size: 2.2rem;
}
h2 {
margin-top: 2rem;
font-size: 1.5rem;
}
h3 {
margin-top: var(--spacer-2);
font-size: 1.25rem;
}
h4, h5, h6 {
margin-top: var(--spacer-1);
font-size: 1rem;
}
p {
margin-top: 0;
margin-bottom: 1rem;
}
ul, ol, dl {
margin-top: 0;
margin-bottom: 1rem;
}
dt {
font-weight: bold;
}
dd {
margin-bottom: .5rem;
}
hr {
position: relative;
margin: var(--spacer-2) 0;
border: 0;
border-top: 1px solid var(--contrast-low);
}
abbr {
font-size: 85%;
font-weight: bold;
color: var(--quote-color);
text-transform: uppercase;
&[title] {
cursor: help;
border-bottom: 1px dotted var(--contrast-low);
}
}
blockquote {
padding: .5rem var(--spacer);
margin: .8rem 0;
color: var(--quote-color);
border-left: .25rem solid var(--quote-accent);
p:last-child {
margin-bottom: 0;
}
@media (min-width: variables.$breakpoint-md) {
padding-left: var(--spacer-2);
}
}
figure {
margin: 0;
}
// Markdown footnotes
//
// See the example content post for an example.
// Footnote number within body text
a[href^="#fn:"],
// Back to footnote link
a[href^="#fnref:"] {
display: inline-block;
margin-left: .1rem;
font-weight: bold;
}
// List of footnotes
.footnotes {
margin-top: 2rem;
font-size: 85%;
}
// Custom type
//
// Extend paragraphs with `.lead` for larger introductory text.
.lead {
font-size: 1.25rem;
font-weight: 300;
}
Version data entries
5 entries across 5 versions & 1 rubygems