grav-theme-libretic/scss/nucleus/_typography.scss
2015-01-15 19:15:54 +01:00

95 lines
1.2 KiB
SCSS

// Body Base
body {
font-size: $core-font-size;
line-height: $core-line-height;
}
// Headings
h1, h2, h3, h4, h5, h6 {
margin: $leading-margin / 2 0 $leading-margin 0;
text-rendering: optimizeLegibility;
}
h1 {
font-size: $h1-font-size;
}
h2 {
font-size: $h2-font-size;
}
h3 {
font-size: $h3-font-size;
}
h4 {
font-size: $h4-font-size;
}
h5 {
font-size: $h5-font-size;
}
h6 {
font-size: $h6-font-size;
}
// Paragraph
p {
margin: $leading-margin 0;
}
// Lists
ul, ol, dl {
margin-top: $leading-margin;
margin-bottom: $leading-margin;
ul, ol, dl {
margin-top: 0;
margin-bottom: 0;
}
}
ul, dl {
margin-left: $leading-margin;
padding: 0;
}
ol {
padding-left: $leading-margin;
}
// Blockquote
blockquote {
margin: $leading-margin 0;
padding-left: $leading-margin / 2;
}
cite {
display: block;
font-size: $core-font-size - 0.125;
&:before {
content: "\2014 \0020";
}
}
// Inline and Code
pre {
margin: $leading-margin 0;
padding: $content-padding;
}
code {
vertical-align: bottom;
}
// Extras
small {
font-size: $core-font-size - 0.125;
}
hr {
border-left: none;
border-right: none;
border-top: none;
margin: $leading-margin 0;
}