From bade3426145be54a0d2c235a66aad57d5242ca3a Mon Sep 17 00:00:00 2001 From: Yan Zhu Date: Thu, 8 Jun 2017 16:23:55 +0800 Subject: Visual style update --- src/typography.less | 41 ++++++++++++++++++++++++++++------------- 1 file changed, 28 insertions(+), 13 deletions(-) (limited to 'src/typography.less') diff --git a/src/typography.less b/src/typography.less index a6843a9..567eec0 100644 --- a/src/typography.less +++ b/src/typography.less @@ -1,4 +1,5 @@ // Typography +// Headings h1, h2, h3, @@ -29,15 +30,37 @@ h5 { h6 { font-size: 1.6rem; } + +// Paragraphs p { line-height: 2.4rem; margin: 0 0 1rem; } + +// Semantic text elements a, ins, u { text-decoration-skip: ink edges; } + +abbr[title] { + border-bottom: .1rem dotted; + cursor: help; + text-decoration: none; +} + +kbd { + .label-base(); + .label-variant(@light-color, @dark-color); +} + +mark { + .label-base(); + .label-variant(@body-font-color, @highlight-color); +} + +// Blockquote blockquote { border-left: .2rem solid @border-color; margin-left: 0; @@ -51,6 +74,8 @@ blockquote { color: @gray-color; } } + +// Lists ul, ol { margin: 2rem 0 2rem 2rem; @@ -65,6 +90,7 @@ ol { margin-top: 1rem; } } + ul { list-style: disc inside; @@ -72,6 +98,7 @@ ul { list-style-type: circle; } } + ol { list-style: decimal inside; @@ -79,6 +106,7 @@ ol { list-style-type: lower-alpha; } } + dl { dt { font-weight: bold; @@ -87,16 +115,3 @@ dl { margin: .5rem 0 1.5rem 0; } } -mark { - .label-base(); - .label-variant(@body-font-color, @highlight-color); -} -kbd { - .label-base(); - .label-variant(@light-color, @dark-color); -} -abbr[title] { - border-bottom: .1rem dotted; - cursor: help; - text-decoration: none; -} -- cgit v1.3.1-26-gb76a