// reset basic elements html, body, h1, h2, h3, h4, h5, h6, p, blockquote, pre, hr, dl, dd, dt, ul, ol, li, figure, table, thead, tbody, tfoot, tr, td, th, article, header, footer, nav {
margin: 0; padding: 0;
}
body {
font-family: $base-font-family; font-size: $base-font-size; font-weight: $base-font-weight; line-height: $base-line-height; color: $text-color; background-color: $background-color; // Sticky footer display: flex; min-height: 100vh; flex-direction: column;
}
main {
flex: 1;
}
h6 {
font-size: $base-font-size * 1.125; margin: $base-font-size * 1.825 0;
}
h5 {
font-size: $base-font-size * 1.25; margin: $base-font-size * 1.75 0;
}
h4 {
font-size: $base-font-size * 1.5; margin: $base-font-size * 1.5 0;
}
h3 {
font-size: $base-font-size * 1.625; margin: $base-font-size * 1.357 0;
}
h2 {
font-size: $base-font-size * 1.8; margin: $base-font-size * 1.2 0;
}
h1 {
font-size: $base-font-size * 1.925; margin: $base-font-size * 1.075 0;
}
p, blockquote, pre, ul, ol, dl, figure {
margin: $base-font-size 0;
}
a {
@include border-slide-bottom($text-color, 0.15em); color: $link-color; text-decoration: none; &:visited { color: darken($brand-color, 10%); } &:hover { color: $text-color; }
}
// code blocks pre, code {
font-size: $base-font-size * 0.9375; border-radius: 3px;
}
code {
padding: 1px 5px;
}
pre {
padding: 8px 12px; overflow-x: auto; > code { border: 0; padding-right: 0; padding-left: 0; }
}