h1, h2, h3, h4, h5, h6 {
margin-top: 50px; margin-bottom: 20px;
}
h1 {
font-size: calc(120% + 2.7vw); margin: 30px 0 50px 0; color: $accent; @media screen and (max-width: $break) { margin-top: 5px; }
} h2 {
font-size: calc(120% + 2vw); margin: 10px 0;
} h3 {
font-size: calc(120% + 1.5vw);
} h4 {
font-size: 2rem;
}
h5 {
font-size: 1.5rem;
}
h6 {
font-size: 1rem;
}
p {
line-height: 1.9; margin: 25px 0; @media screen and (max-width: $break) { margin: 15px 0; }
}
a {
color: $accent; &:hover { opacity: .7; }
}
blockquote {
font-size: 2rem; opacity: .8; padding: 5px 30px; border-left: 4px solid rgba($tertiary, .6); margin: 3rem 0; background: rgba($tertiary, .1); p { line-height: 1.5; }
}
figure {
overflow-x: auto; background: darken($accent, 45%); padding: 2rem; color: white; border-radius: 3px; box-shadow: 2px 2px 2px rgba(black, .2); -webkit-overflow-scrolling: touch; code { display: block; background: none; }
}
ol, ul {
padding-left: 25px; li { list-style-position: outside; margin: 8px 0; display: list-item; }
}
ol {
li { list-style: decimal; list-style-position: outside; }
}
ul {
li { list-style: disc; list-style-position: outside; }
}
article {
ul, ol { line-height: 1.9; }
}
code {
background: rgba($accent, .2); padding: 0;
}
pre {
margin: 0;
}
sup {
a { text-decoration: none; }
}