/* Generic font for the whole site */ body {
font: $base-font-weight #{$base-font-size}/#{$base-line-height} $base-font-family;
}
/* Typography section */
// code, tt, pre { // font: 11px monaco, “andale mono”, courier, “courier new”; // background-color: transparent; // }
h1, h2, h3, h4, h5, h6 {
margin: 4px 0 0 0;
}
h1 {
font-size: 28px; line-height: 28px; font-weight: normal;
}
h2 {
font-size: 16px; font-weight: normal;
}
h3 {
font-size: 14px; font-weight: bold; padding: 10px 0 0 0;
}
h4 {
font-size: 12px; line-height: 12px; font-weight: bold; text-decoration: underline; padding: 18px 0 0 0; margin: 10px 0 0 0;
}
h5 {
font-size: 12px; font-weight: normal; font-style: italic;
}
a {
text-decoration: none; font-weight: normal;
}
/* Classes */ /* 10:05 PM 1/12/2002: Added classes for global use */
.inpara {
display: inline;
} /* inpara: Inline headers and para */
.brkdelim {
line-height: 1em;
}
.archname {
padding: 2px; line-height: 1em;
}
.copyright {
font-size: 10px; line-height: 12px;
}
.errata, .gbsign {
font-style: italic; line-height: 12px;
}
.bk2top {
font-size: 11px; text-align: right; margin: 32px 0px 15px 0px;
}
.note, .caption {
font-size: 10px; line-height: 11px;
}
.compliance {
font-size: 11px; font-style: italic;
}
.ahem {
display: none;
}
.flavortext {
border-top: 1px dotted; border-bottom: 1px dotted;
}
/* Generic text classes; applies
bold, italic, underline attribs to other classes */
.bold {
font-weight: bold;
}
.italic {
font-style: italic;
}
.uline {
text-decoration: underline;
}
.reset {
text-decoration: none; font-weight: normal; font-style: normal; text-align: left;
}
.comments-body {
font-size: 11px; border-top: 1px solid black; padding: 5px 15px 2px;
}
.comments-post {
font-size: 10px; font-style: italic; text-align: right;
}
/* Greeked text. For testing
purposes only. Set to display: none; when done testing */
.greek {
display: none;
}
/* Tracker images and code */ im {
height: 38px; border: 0; width: 41px;
}
.svg-icon {
width: 16px; height: 16px; display: inline-block; fill: #{$grey-color}; padding-right: 5px; vertical-align: text-top;
}
%clearfix:after {
content: ""; display: table; clear: both;
}
%vertical-rhythm {
margin-bottom: $spacing-unit / 2;
}
.wrapper {
max-width: -webkit-calc(#{$content-width} - (#{$spacing-unit} * 2)); max-width: calc(#{$content-width} - (#{$spacing-unit} * 2)); margin-right: auto; margin-left: auto; padding-right: $spacing-unit; padding-left: $spacing-unit; @extend %clearfix; @include media-query($on-laptop) { max-width: -webkit-calc(#{$content-width} - (#{$spacing-unit})); max-width: calc(#{$content-width} - (#{$spacing-unit})); padding-right: $spacing-unit / 2; padding-left: $spacing-unit / 2; }
}