body {
font-family: $font-family; font-size: $normal-font-size;
}
a {
color: inherit; border-bottom: 1px solid $back-color; text-decoration: none; &:hover { border-bottom: none; }
}
h1,h2,h3,h4,h5,h6,p {
display: block; margin-top: $spacing-unit; margin-bottom: $spacing-unit;
} h1,h2,h3,h4,h5,h6 { color: $back-color; } p { font-size: $normal-font-size; } h1 { font-size: $mega-font-size; } h2,h3 { font-size: $large-font-size; } h4,h5,h6 { font-size: $medium-font-size; }
ul {
display: block; list-style: none; > li:before { content: "-"; margin-right: 8pt; }
} ol {
display: block; list-style: lower-roman;
}
table {
width: 100%; table-layout: fixed; padding: 0pt; border-spacing: 0; th { color: $back-color; } th,td { margin: 0pt; padding: $spacing-unit; text-align: center; border-bottom: 0.5pt solid $back-color; overflow: hidden; } th:last-child, td:last-child { border-right: none; } tr:last-child > td { border-bottom: none; }
}
pre {
@include block-cutout; overflow-x: auto; -webkit-overflow-scrolling: touch;
}
code {
font-family: $code-font-family; font-size: $normal-font-size; font-weight: 500;
}
blockquote {
@include block-cutout; // Font font-size: $medium-font-size; font-style: italic; text-align: justify; // Spacing display: block; margin: 0; margin-top: $spacing-unit; margin-bottom: $spacing-unit; padding: 2*$spacing-unit;
}
img {
display: block; margin: $spacing-unit auto; max-width: 100%; box-shadow: 0px 0pt 8pt darken($white-color, 33%);
}
figure {
display: block; margin: 0pt; margin-top: $spacing-unit; margin-bottom: $spacing-unit;
}