From: Vladimír Vondruš <mosra@centrum.cz>
Date: Sun, 26 Aug 2018 18:40:53 +0000 (+0200)
Subject: css: added m-spacing-150.
X-Git-Url: https://www.chiark.greenend.org.uk/ucgi/~cjwatson/git?a=commitdiff_plain;h=b8e966690fc93aaf24cb0ecd8fbf1ed0b453b0f4;p=blog.git

css: added m-spacing-150.
---

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/>