body {
color: $base-font-color; font-family: $base-font-family; //font-feature-settings: "kern", "liga", "pnum"; font-size: $base-font-size; line-height: $base-line-height;
}
h1, h2, h3, h4, h5, h6 {
font-family: $heading-font-family; font-size: $base-font-size; line-height: $heading-line-height; margin: $small-spacing 0 $small-spacing 0; font-weight: 700;
}
h1 {
font-size: 30px / 16px * 1em;
}
h2 {
font-size: 26px / 16px * 1em;
}
h3 {
font-size: 24px / 16px * 1em;
}
h4 {
font-size: 20px / 16px * 1em;
}
h5, h6 {
font-size: 16px / 16px * 1em;
}
p {
margin: 0 0 $small-spacing; &.lead { font-size: 22px / 16px * 1em; font-weight: 300; }
}
a {
color: $action-color; text-decoration: none; transition: color $base-duration $base-timing; &:active, &:focus, &:hover { color: shade($action-color, 25%); }
}
article a {
text-decoration: underline;
}
hr {
border-bottom: $base-border; border-left: 0; border-right: 0; border-top: 0; margin: $base-spacing 0;
}
img, picture {
margin: 0; max-width: 100%;
}
blockquote {
padding: $base-spacing 0 $base-spacing $base-spacing; margin: $base-spacing 0; color: $dark-gray-color; line-height: 1.8; border-left: $small-spacing solid $light-gray-color; background-color: lighten($light-gray-color, 15%); p { margin: 0; }
}
code {
background: none; border-radius: 0; border: none; font-family: "SFMono-Regular",Menlo,Consolas,"Inconsolata",monospace; font-size: 1em; margin: 0; padding: 0 5px; background-color: lighten($light-gray-color, 13%);
}
pre {
-webkit-overflow-scrolling: touch; font-family: "SFMono-Regular",Menlo,Consolas,"Inconsolata",monospace; font-size: 1em; margin: 0; padding: 5px 10px !important; overflow: auto; max-height: 60em; white-space: pre; border: 1px solid $light-gray-color; code { line-height: 1.75em; padding: 0 !important; }
}
strong {
font-weight: bold;
}
em {
font-style: italic;
}
ul, ol, dl {
margin-top: 0; margin-left: 1.2em; margin-bottom: 1px / 16px * 1em; list-style-type: square; list-style-position: outside; list-style-image: none;
}