From d3560de0e6d0ae17053e99881bb820be3074bfdd Mon Sep 17 00:00:00 2001 From: =?utf8?q?Vladim=C3=ADr=20Vondru=C5=A1?= Date: Wed, 6 Dec 2017 10:07:17 +0100 Subject: [PATCH] css: ability to configure paragraph appearance from the theme. Someone might hate the justification or indent, make their lives easier. --- css/m-components.css | 6 +++--- css/m-dark.css | 2 ++ css/m-light.css | 2 ++ 3 files changed, 7 insertions(+), 3 deletions(-) diff --git a/css/m-components.css b/css/m-components.css index 07677e69..84086c67 100644 --- a/css/m-components.css +++ b/css/m-components.css @@ -54,8 +54,8 @@ ul ol, ul ul, ol ol, ol ul { margin-bottom: 0; } main p { - text-indent: 1.5rem; - text-align: justify; + text-indent: var(--paragraph-indent); + text-align: var(--paragraph-align); } main p.m-noindent { text-indent: 0; @@ -600,7 +600,7 @@ ul[class*='m-block-bar-'] li:not(:last-child)::after, ol[class*='m-block-bar-'] p.m-poem { text-indent: 0; text-align: left; - margin-left: 1.5rem; + margin-left: var(--paragraph-indent); } p.m-transition { color: var(--line-color); diff --git a/css/m-dark.css b/css/m-dark.css index b7309e96..1bb3a111 100644 --- a/css/m-dark.css +++ b/css/m-dark.css @@ -32,6 +32,8 @@ --font: 'Source Sans Pro', sans-serif; --code-font: 'Source Code Pro', monospace; --font-size: 16px; + --paragraph-indent: 1.5rem; + --paragraph-align: justify; --link-decoration: underline; --link-decoration-nav: none; --link-decoration-heading: none; diff --git a/css/m-light.css b/css/m-light.css index eb388f8f..8ab86f00 100644 --- a/css/m-light.css +++ b/css/m-light.css @@ -32,6 +32,8 @@ --font: 'Libre Baskerville', serif; --code-font: 'Source Code Pro', monospace; --font-size: 14px; + --paragraph-indent: 1.5rem; + --paragraph-align: justify; --link-decoration: underline; --link-decoration-nav: none; --link-decoration-heading: none; -- 2.30.2