From c6ac9380872e9e3b3a77eb8b9da816de1bbc80f6 Mon Sep 17 00:00:00 2001
From: =?utf8?q?Vladim=C3=ADr=20Vondru=C5=A1?= <mosra@centrum.cz>
Date: Tue, 30 Apr 2019 23:23:24 +0200
Subject: [PATCH] css: add .m-console-wrap for console output.

---
 css/m-components.css                   | 4 ++++
 css/m-dark+documentation.compiled.css  | 4 ++++
 css/m-dark.compiled.css                | 4 ++++
 css/m-light+documentation.compiled.css | 4 ++++
 css/m-light.compiled.css               | 4 ++++
 doc/css/components.rst                 | 4 ++++
 6 files changed, 24 insertions(+)

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