From b8e966690fc93aaf24cb0ecd8fbf1ed0b453b0f4 Mon Sep 17 00:00:00 2001
From: =?utf8?q?Vladim=C3=ADr=20Vondru=C5=A1?= <mosra@centrum.cz>
Date: Sun, 26 Aug 2018 20:40:53 +0200
Subject: [PATCH] css: added m-spacing-150.

---
 css/m-components.css             | 5 +++++
 css/m-dark+doxygen.compiled.css  | 3 +++
 css/m-dark.compiled.css          | 3 +++
 css/m-light+doxygen.compiled.css | 3 +++
 css/m-light.compiled.css         | 3 +++
 doc/css/typography.rst           | 5 +++--
 6 files changed, 20 insertions(+), 2 deletions(-)

diff --git a/css/m-components.css b/css/m-components.css
index 9f0be76e..cd0219b7 100644
--- a/css/m-components.css
+++ b/css/m-components.css
@@ -140,6 +140,11 @@ div.m-scroll {
 .m-fullwidth {
   width: 100%;
 }
+.m-spacing-150 {
+  /* saying 1.5 should be better according to https://stackoverflow.com/a/20818206,
+     but here I need consistent spacing together with .m-big etc. */
+  line-height: 1.5rem;
+}
 .m-text-center, .m-text-center.m-noindent, table.m-table th.m-text-center, .m-text-center p {
   text-align: center;
 }
diff --git a/css/m-dark+doxygen.compiled.css b/css/m-dark+doxygen.compiled.css
index 26f98190..1ab3fba8 100644
--- a/css/m-dark+doxygen.compiled.css
+++ b/css/m-dark+doxygen.compiled.css
@@ -497,6 +497,9 @@ div.m-scroll {
 .m-fullwidth {
   width: 100%;
 }
+.m-spacing-150 {
+  line-height: 1.5rem;
+}
 .m-text-center, .m-text-center.m-noindent, table.m-table th.m-text-center, .m-text-center p {
   text-align: center;
 }
diff --git a/css/m-dark.compiled.css b/css/m-dark.compiled.css
index ff49b956..40b4e69d 100644
--- a/css/m-dark.compiled.css
+++ b/css/m-dark.compiled.css
@@ -497,6 +497,9 @@ div.m-scroll {
 .m-fullwidth {
   width: 100%;
 }
+.m-spacing-150 {
+  line-height: 1.5rem;
+}
 .m-text-center, .m-text-center.m-noindent, table.m-table th.m-text-center, .m-text-center p {
   text-align: center;
 }
diff --git a/css/m-light+doxygen.compiled.css b/css/m-light+doxygen.compiled.css
index e156a673..800797c0 100644
--- a/css/m-light+doxygen.compiled.css
+++ b/css/m-light+doxygen.compiled.css
@@ -497,6 +497,9 @@ div.m-scroll {
 .m-fullwidth {
   width: 100%;
 }
+.m-spacing-150 {
+  line-height: 1.5rem;
+}
 .m-text-center, .m-text-center.m-noindent, table.m-table th.m-text-center, .m-text-center p {
   text-align: center;
 }
diff --git a/css/m-light.compiled.css b/css/m-light.compiled.css
index 8a94d103..d3b097e6 100644
--- a/css/m-light.compiled.css
+++ b/css/m-light.compiled.css
@@ -497,6 +497,9 @@ div.m-scroll {
 .m-fullwidth {
   width: 100%;
 }
+.m-spacing-150 {
+  line-height: 1.5rem;
+}
 .m-text-center, .m-text-center.m-noindent, table.m-table th.m-text-center, .m-text-center p {
   text-align: center;
 }
diff --git a/doc/css/typography.rst b/doc/css/typography.rst
index 948b489d..129ead06 100644
--- a/doc/css/typography.rst
+++ b/doc/css/typography.rst
@@ -53,6 +53,7 @@ justified and is separated from the following content by some padding. The
 Because the indentation may look distracting for manually wrapped line blocks,
 assign :css:`.m-poem` to such paragraph to indent all lines the same way. To
 remove the indentation and justification altogether, use :css:`.m-noindent`.
+Spacing between lines can be extended to 150% using :css:`.m-spacing-150`.
 
 .. code-figure::
 
@@ -67,7 +68,7 @@ remove the indentation and justification altogether, use :css:`.m-noindent`.
         Proin sagittis nisi leo, ac pellentesque purus bibendum sit
         amet.</p></blockquote>
 
-        <p class="m-poem">
+        <p class="m-poem m-spacing-150">
         Curabitur<br/>
         sodales<br/>
         arcu<br/>
@@ -88,7 +89,7 @@ remove the indentation and justification altogether, use :css:`.m-noindent`.
         Proin sagittis nisi leo, ac pellentesque purus bibendum sit
         amet.</p></blockquote>
 
-        <p class="m-poem">
+        <p class="m-poem m-spacing-150">
         Curabitur<br/>
         sodales<br/>
         arcu<br/>
-- 
2.30.2