From: Vladimír Vondruš <mosra@centrum.cz>
Date: Tue, 30 Apr 2019 21:23:24 +0000 (+0200)
Subject: css: add .m-console-wrap for console output.
X-Git-Url: https://www.chiark.greenend.org.uk/ucgi/~cjwatson/git?a=commitdiff_plain;h=c6ac9380872e9e3b3a77eb8b9da816de1bbc80f6;p=blog.git

css: add .m-console-wrap for console output.
---

diff --git a/css/m-components.css b/css/m-components.css
index d5197cc6..8402e937 100644
--- a/css/m-components.css
+++ b/css/m-components.css
@@ -88,6 +88,10 @@ pre {
   overflow-x: auto;
   margin-top: 0; /* stupid defaults */
 }
+pre.m-console-wrap {
+  white-space: pre-wrap;
+  word-break: break-all;
+}
 pre.m-console {
   background-color: var(--console-background-color);
 }
diff --git a/css/m-dark+documentation.compiled.css b/css/m-dark+documentation.compiled.css
index c2a92391..a3e09071 100644
--- a/css/m-dark+documentation.compiled.css
+++ b/css/m-dark+documentation.compiled.css
@@ -400,6 +400,10 @@ pre {
   overflow-x: auto;
   margin-top: 0;
 }
+pre.m-console-wrap {
+  white-space: pre-wrap;
+  word-break: break-all;
+}
 pre.m-console {
   background-color: #161616;
 }
diff --git a/css/m-dark.compiled.css b/css/m-dark.compiled.css
index 55d10a6e..1657e392 100644
--- a/css/m-dark.compiled.css
+++ b/css/m-dark.compiled.css
@@ -400,6 +400,10 @@ pre {
   overflow-x: auto;
   margin-top: 0;
 }
+pre.m-console-wrap {
+  white-space: pre-wrap;
+  word-break: break-all;
+}
 pre.m-console {
   background-color: #161616;
 }
diff --git a/css/m-light+documentation.compiled.css b/css/m-light+documentation.compiled.css
index 74bcdf32..b6fb059d 100644
--- a/css/m-light+documentation.compiled.css
+++ b/css/m-light+documentation.compiled.css
@@ -400,6 +400,10 @@ pre {
   overflow-x: auto;
   margin-top: 0;
 }
+pre.m-console-wrap {
+  white-space: pre-wrap;
+  word-break: break-all;
+}
 pre.m-console {
   background-color: #000000;
 }
diff --git a/css/m-light.compiled.css b/css/m-light.compiled.css
index cc04184a..546c4058 100644
--- a/css/m-light.compiled.css
+++ b/css/m-light.compiled.css
@@ -400,6 +400,10 @@ pre {
   overflow-x: auto;
   margin-top: 0;
 }
+pre.m-console-wrap {
+  white-space: pre-wrap;
+  word-break: break-all;
+}
 pre.m-console {
   background-color: #000000;
 }
diff --git a/doc/css/components.rst b/doc/css/components.rst
index 968fd0f6..787d9e05 100644
--- a/doc/css/components.rst
+++ b/doc/css/components.rst
@@ -922,6 +922,10 @@ might then look similarly to this:
         <pre class="m-console">CONTRIBUTING.rst  CREDITS.rst  <span class="g g-AnsiBrightBlue">doc</span>            <span class="g g-AnsiBrightBlue">plugins</span>        README.rst
         COPYING           <span class="g g-AnsiBrightBlue">css</span>          <span class="g g-AnsiBrightBlue">documentation</span>  <span class="g g-AnsiBrightBlue">pelican-theme</span>  <span class="g g-AnsiBrightBlue">site</span></pre>
 
+It's sometimes desirable to have console output wrapped to the available
+container width (like terminals do). Add :css:`.m-console-wrap` to the
+:html:`<pre>` to achieve that effect.
+
 .. note-success::
 
     The Pelican Code plugin mentioned above is able to do