diff options
| author | Franck Cuny <franck@lumberjaph.net> | 2013-07-25 18:19:52 -0700 |
|---|---|---|
| committer | Franck Cuny <franck@lumberjaph.net> | 2013-07-25 18:19:52 -0700 |
| commit | b42718f7d9aac88a3048c616193f81deff49e401 (patch) | |
| tree | f964fbae3d81cb6af155d612985f4b344267f4b5 /assets/less/typography.less | |
| parent | attempt for a new design (diff) | |
| download | lumberjaph-b42718f7d9aac88a3048c616193f81deff49e401.tar.gz | |
First attempt with the new theme.
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 |