diff options
Diffstat (limited to 'assets/less/typography.less')
| -rw-r--r-- | assets/less/typography.less | 84 |
1 files changed, 84 insertions, 0 deletions
diff --git a/assets/less/typography.less b/assets/less/typography.less new file mode 100644 index 0000000..9031b88 --- /dev/null +++ b/assets/less/typography.less @@ -0,0 +1,84 @@ +// Body +// -------------------------------------------------- +body { + font-family: @base-font; +} + +// Headings +// -------------------------------------------------- +h1, h2, h3, h4, h5, h6 { + font-family: @heading-font; +} + +// Links +// -------------------------------------------------- +a { + text-decoration: none; + color: @link-color; + &:visited { + color: lighten(@link-color, 20); + } + &:hover { + color: darken(@link-color, 20); + } + &:focus { + outline: thin dotted; + color: darken(@link-color, 20); + } + &:hover, + &:active { + outline: 0; + } +} + +// Figures +// -------------------------------------------------- +figcaption { + padding-top: 10px; + .font(14); + line-height: 1.3; + color: lighten(@text-color, 10); +} + +// Note text +// -------------------------------------------------- +.notice { + margin-top: 1.5em; + padding: .5em 1em; + text-indent: 0; + .font-rem(16); + background-color: lighten(@black, 95); + border: 1px solid lighten(@black, 90); + .rounded(4px); +} +// Blockquotes +// -------------------------------------------------- +blockquote { + font-family: @alt-font; + font-style: italic; + .font-size(24); + padding-left: 20px; + border-left: 8px solid @black; +} + +// Footnotes +// -------------------------------------------------- +.footnotes { + .font(14); + font-family: @base-font; +} + +// Code +// -------------------------------------------------- +tt, code, kbd, samp, pre { + font-family: @code-font; +} +p code { + .font-rem(16); + white-space: nowrap; + margin: 0 2px; + padding: 0 5px; + border: 1px solid lighten(@black, 90); + background-color: lighten(@black, 95); + .rounded(3px); +}
\ No newline at end of file |