css: added m-spacing-150.

diff --git a/css/m-components.css b/css/m-components.css
index 9f0be76ef4a3e9c98e7758f9c7d3832d5e69bdc7..cd0219b71fc3b5a049e0205a2162aae3511c2463 100644 (file)
--- 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 26f98190e8dc10d4dc12333df7826c9079388585..1ab3fba85f297f883d2a8483c83ed9b4ca8dc645 100644 (file)
--- 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 ff49b956ea01e76906e3903d150ddd7a246809f5..40b4e69dc007f406bd0875e757b6924f531cf262 100644 (file)
--- 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 e156a6738e07ff75e2bc0178d8bd76c4c436df3b..800797c08409ebbfd7eeb74fa9d9c91c0544fa32 100644 (file)
--- 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 8a94d1031d5bd75e34329853a061555e5e5334ed..d3b097e603b781060189d95e57c9c46251488fd3 100644 (file)
--- 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 948b489d80e92e132fdb7d55ceb4a44eafe1b60d..129ead06a6422b87abe071178d6247e0bef01a24 100644 (file)
--- 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/>