Bones/scss/_typography.scss

136 lines
2.7 KiB
SCSS
Raw Normal View History

/* #Typography
================================================== */
/* @font-face {
font-family: 'FontName';
src: url('../fonts/FontName.eot');
src: url('../fonts/FontName.eot?iefix') format('eot'),
url('../fonts/FontName.woff') format('woff'),
url('../fonts/FontName.ttf') format('truetype'),
url('../fonts/FontName.svg#webfontZam02nTh') format('svg');
font-weight: normal;
font-style: normal; }
*/
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
font-weight: inherit;
}
h1 {
color: $heading_colour;
font-family: $heading_font;
font-weight: $heading_font_weight;
2013-04-23 15:56:43 -04:00
font-size: $heading1_font_size;
line-height: $heading1_line_height;
margin: $heading1_margin;
}
h2 {
color: $heading_colour;
font-family: $heading_font;
font-weight: $heading_font_weight;
2013-04-23 15:56:43 -04:00
font-size: $heading2_font_size;
line-height: $heading2_line_height;
margin: $heading2_margin;
}
h3 {
color: $heading_colour;
font-family: $heading_font;
font-weight: $heading_font_weight;
2013-04-23 15:56:43 -04:00
font-size: $heading3_font_size;
line-height: $heading3_line_height;
margin: $heading3_margin;
}
h4 {
color: $heading_colour;
font-family: $heading_font;
font-weight: $heading_font_weight;
2013-04-23 15:56:43 -04:00
font-size: $heading4_font_size;
line-height: $heading4_line_height;
margin: $heading4_margin;
}
h5 {
color: $heading_colour;
font-family: $heading_font;
font-weight: $heading_font_weight;
2013-04-23 15:56:43 -04:00
font-size: $heading5_font_size;
line-height: $heading5_line_height;
}
h6 {
color: $heading_colour;
font-family: $heading_font;
font-weight: $heading_font_weight;
2013-04-23 15:56:43 -04:00
font-size: $heading6_font_size;
line-height: $heading6_line_height;
}
.subheader {
2013-04-23 15:56:43 -04:00
color: $subheader_colour;
}
p {
2013-04-23 15:56:43 -04:00
margin: $paragraph_margin;
}
p img {
2013-04-23 15:56:43 -04:00
margin: $paragraph_image_margin;
}
.lead {
2013-04-23 15:56:43 -04:00
font-size: $paragraph_lead_font_size;
line-height: $paragraph_lead_line_height;
color: $paragraph_lead_colour;
}
em {
font-style: italic;
}
strong {
font-weight: bold;
2013-04-23 15:56:43 -04:00
color: $strong_colour;
}
small {
font-size: 80%;
}
/* Blockquotes */
blockquote, blockquote p {
font-size: 17px;
line-height: 24px;
2013-01-31 13:49:28 -05:00
color: $blockquote_colour;
font-style: italic;
}
blockquote {
2013-04-23 15:56:43 -04:00
margin: $blockquote_margin;
padding: $blockquote_padding;
2013-01-31 13:49:28 -05:00
border-left: $blockquote_border_left;
}
blockquote cite {
display: block;
2013-04-23 15:56:43 -04:00
font-size: $blockquote_cite_font_size;
2013-01-31 13:49:28 -05:00
color: $blockquote_cite_colour;
}
blockquote cite:before {
content: "\2014 \0020";
}
blockquote cite a, blockquote cite a:visited, blockquote cite a:visited {
2013-01-31 13:49:28 -05:00
color: $blockquote_cite_link_colour;
}
2013-01-31 13:49:28 -05:00
/* not really typographical, but I couldnt find anywhere else to put it */
hr {
2013-01-31 13:49:28 -05:00
border: $hr_border;
2013-04-23 15:56:43 -04:00
border-width: $hr_border_width;
clear: both;
2013-04-23 15:56:43 -04:00
margin: $hr_margin;
height: 0;
}