diff options
IMPORTANT: Replace all rem units to px
1 files changed, 16 insertions, 16 deletions
| -rw-r--r-- | src/typography.less | 32 |
diff --git a/src/typography.less b/src/typography.less index 567eec0..ad5ee84 100644 --- a/src/typography.less +++ b/src/typography.less @@ -9,32 +9,32 @@ h6 { color: inherit; font-weight: 500; line-height: 1.2; - margin-bottom: 1.5rem; + margin-bottom: @unit-4; margin-top: 0; } h1 { - font-size: 5rem; + font-size: 50px; } h2 { - font-size: 4rem; + font-size: 40px; } h3 { - font-size: 3rem; + font-size: 30px; } h4 { - font-size: 2.4rem; + font-size: 24px; } h5 { - font-size: 2rem; + font-size: 20px; } h6 { - font-size: 1.6rem; + font-size: 16px; } // Paragraphs p { - line-height: 2.4rem; - margin: 0 0 1rem; + line-height: 1.2 * @line-height; + margin: 0 0 @unit-3; } // Semantic text elements @@ -45,7 +45,7 @@ u { } abbr[title] { - border-bottom: .1rem dotted; + border-bottom: @border-width dotted; cursor: help; text-decoration: none; } @@ -62,9 +62,9 @@ mark { // Blockquote blockquote { - border-left: .2rem solid @border-color; + border-left: @border-width-lg solid @border-color; margin-left: 0; - padding: 1rem 2rem; + padding: @unit-2 @unit-4; p:last-child { margin-bottom: 0; @@ -78,16 +78,16 @@ blockquote { // Lists ul, ol { - margin: 2rem 0 2rem 2rem; + margin: @unit-4 0 @unit-4 @unit-4; padding: 0; ul, ol { - margin: 1.5rem 0 1.5rem 2rem; + margin: @unit-4 0 @unit-4 @unit-4; } li { - margin-top: 1rem; + margin-top: @unit-2; } } @@ -112,6 +112,6 @@ dl { font-weight: bold; } dd { - margin: .5rem 0 1.5rem 0; + margin: @unit-2 0 @unit-4 0; } } |