css: ability to configure paragraph appearance from the theme.

Someone might hate the justification or indent, make their lives easier.

diff --git a/css/m-components.css b/css/m-components.css
index 07677e69fe85bc373e0c469b7c2c5decddfa46f7..84086c67566937fc07ea0b1aceeb1e7b373b9849 100644 (file)
--- 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 b7309e96f40944fefdb7d9af5e1d5f174baea18d..1bb3a11112be680e2a564b015032dd7c9165e0b9 100644 (file)
--- 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 eb388f8f8687748cb02d79facc239a70fb7c874a..8ab86f00bb7a823a2f6a0424f32ca4af9bcdf76d 100644 (file)
--- 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;