css: deduplicate block/inline styling.

diff --git a/css/m-components.css b/css/m-components.css
index 335ee72f5d2103378dac0933319cb59256555ab4..bb2dfe1644d7a137e11a9199f934f13173bb4b61 100644 (file)
--- a/css/m-components.css
+++ b/css/m-components.css
@@ -79,24 +79,6 @@ hr {
 blockquote, hr {
   border-color: var(--line-color);
 }
-pre {
-  font-family: var(--code-font), monospace, monospace; /* https://en.wikipedia.org/wiki/User:Davidgothberg/Test59 */
-  font-size: var(--code-font-size);
-  padding: 0.5rem 1rem;
-  color: var(--code-color);
-  background-color: var(--code-background-color);
-  border-radius: var(--border-radius);
-  overflow-x: auto;
-  margin-top: 0; /* stupid defaults */
-}
-pre.m-console-wrap {
-  white-space: pre-wrap;
-  word-break: break-all;
-}
-pre.m-console {
-  color: var(--console-color);
-  background-color: var(--console-background-color);
-}
 
 /* Inline elements */
 strong, .m-text.m-strong { font-weight: bold; }
@@ -131,17 +113,31 @@ mark {
   background-color: var(--mark-background-color);
   color: var(--mark-color);
 }
-code {
-  font-family: var(--code-font), monospace, monospace;
+
+/* Block/inline code */
+pre, code {
+  font-family: var(--code-font), monospace, monospace; /* https://en.wikipedia.org/wiki/User:Davidgothberg/Test59 */
   font-size: var(--code-font-size);
-  padding: 0.125rem;
   color: var(--code-color);
   background-color: var(--code-background-color);
 }
-code.m-console {
+pre.m-console, code.m-console {
   color: var(--console-color);
   background-color: var(--console-background-color);
 }
+pre {
+  padding: 0.5rem 1rem;
+  border-radius: var(--border-radius);
+  overflow-x: auto;
+  margin-top: 0; /* stupid defaults */
+}
+pre.m-console-wrap {
+  white-space: pre-wrap;
+  word-break: break-all;
+}
+code {
+  padding: 0.125rem;
+}
 
 /* Focus outline on link, canvas and input: match the focused header item. */
 *:focus { outline-color: var(--header-link-current-color); }

diff --git a/css/m-dark+documentation.compiled.css b/css/m-dark+documentation.compiled.css
index 440f15239ecb6fd22a012ae3a2ac435b431225a9..65935bc2ba5c8776fd4e565da0cbaeff69f18be3 100644 (file)
--- a/css/m-dark+documentation.compiled.css
+++ b/css/m-dark+documentation.compiled.css
@@ -391,24 +391,6 @@ hr {
 blockquote, hr {
   border-color: #405363;
 }
-pre {
-  font-family: 'Source Code Pro', monospace, monospace, monospace;
-  font-size: 0.9em;
-  padding: 0.5rem 1rem;
-  color: #e6e6e6;
-  background-color: #282e36;
-  border-radius: 0.2rem;
-  overflow-x: auto;
-  margin-top: 0;
-}
-pre.m-console-wrap {
-  white-space: pre-wrap;
-  word-break: break-all;
-}
-pre.m-console {
-  color: #e6e6e6;
-  background-color: #161616;
-}
 strong, .m-text.m-strong { font-weight: bold; }
 em, .m-text.m-em { font-style: italic; }
 s, .m-text.m-s { text-decoration: line-through; }
@@ -440,17 +422,29 @@ mark {
   background-color: #c7cf2f;
   color: #2f83cc;
 }
-code {
+pre, code {
   font-family: 'Source Code Pro', monospace, monospace, monospace;
   font-size: 0.9em;
-  padding: 0.125rem;
   color: #e6e6e6;
   background-color: #282e36;
 }
-code.m-console {
+pre.m-console, code.m-console {
   color: #e6e6e6;
   background-color: #161616;
 }
+pre {
+  padding: 0.5rem 1rem;
+  border-radius: 0.2rem;
+  overflow-x: auto;
+  margin-top: 0;
+}
+pre.m-console-wrap {
+  white-space: pre-wrap;
+  word-break: break-all;
+}
+code {
+  padding: 0.125rem;
+}
 *:focus { outline-color: #5b9dd9; }
 div.m-scroll {
   max-width: 100%;

diff --git a/css/m-dark.compiled.css b/css/m-dark.compiled.css
index 05cf12a28198a072a5ef599b179273d09372c029..c3641866231e297cbaaa56d3ed0bf3ef66c883dc 100644 (file)
--- a/css/m-dark.compiled.css
+++ b/css/m-dark.compiled.css
@@ -391,24 +391,6 @@ hr {
 blockquote, hr {
   border-color: #405363;
 }
-pre {
-  font-family: 'Source Code Pro', monospace, monospace, monospace;
-  font-size: 0.9em;
-  padding: 0.5rem 1rem;
-  color: #e6e6e6;
-  background-color: #282e36;
-  border-radius: 0.2rem;
-  overflow-x: auto;
-  margin-top: 0;
-}
-pre.m-console-wrap {
-  white-space: pre-wrap;
-  word-break: break-all;
-}
-pre.m-console {
-  color: #e6e6e6;
-  background-color: #161616;
-}
 strong, .m-text.m-strong { font-weight: bold; }
 em, .m-text.m-em { font-style: italic; }
 s, .m-text.m-s { text-decoration: line-through; }
@@ -440,17 +422,29 @@ mark {
   background-color: #c7cf2f;
   color: #2f83cc;
 }
-code {
+pre, code {
   font-family: 'Source Code Pro', monospace, monospace, monospace;
   font-size: 0.9em;
-  padding: 0.125rem;
   color: #e6e6e6;
   background-color: #282e36;
 }
-code.m-console {
+pre.m-console, code.m-console {
   color: #e6e6e6;
   background-color: #161616;
 }
+pre {
+  padding: 0.5rem 1rem;
+  border-radius: 0.2rem;
+  overflow-x: auto;
+  margin-top: 0;
+}
+pre.m-console-wrap {
+  white-space: pre-wrap;
+  word-break: break-all;
+}
+code {
+  padding: 0.125rem;
+}
 *:focus { outline-color: #5b9dd9; }
 div.m-scroll {
   max-width: 100%;

diff --git a/css/m-light+documentation.compiled.css b/css/m-light+documentation.compiled.css
index 9812b0fcf3b7fcf4af32c660e9661555d2e41d6a..2f7fa5bfb7ffe3053b02a1bd87c15845cd5d44d7 100644 (file)
--- a/css/m-light+documentation.compiled.css
+++ b/css/m-light+documentation.compiled.css
@@ -391,24 +391,6 @@ hr {
 blockquote, hr {
   border-color: #f7e3db;
 }
-pre {
-  font-family: 'Source Code Pro', monospace, monospace, monospace;
-  font-size: 1em;
-  padding: 0.5rem 1rem;
-  color: #5b5b5b;
-  background-color: #fbf0ec;
-  border-radius: 0.2rem;
-  overflow-x: auto;
-  margin-top: 0;
-}
-pre.m-console-wrap {
-  white-space: pre-wrap;
-  word-break: break-all;
-}
-pre.m-console {
-  color: #5b5b5b;
-  background-color: #000000;
-}
 strong, .m-text.m-strong { font-weight: bold; }
 em, .m-text.m-em { font-style: italic; }
 s, .m-text.m-s { text-decoration: line-through; }
@@ -440,17 +422,29 @@ mark {
   background-color: #e6e69c;
   color: #4c93d3;
 }
-code {
+pre, code {
   font-family: 'Source Code Pro', monospace, monospace, monospace;
   font-size: 1em;
-  padding: 0.125rem;
   color: #5b5b5b;
   background-color: #fbf0ec;
 }
-code.m-console {
+pre.m-console, code.m-console {
   color: #5b5b5b;
   background-color: #000000;
 }
+pre {
+  padding: 0.5rem 1rem;
+  border-radius: 0.2rem;
+  overflow-x: auto;
+  margin-top: 0;
+}
+pre.m-console-wrap {
+  white-space: pre-wrap;
+  word-break: break-all;
+}
+code {
+  padding: 0.125rem;
+}
 *:focus { outline-color: #ea7944; }
 div.m-scroll {
   max-width: 100%;

diff --git a/css/m-light.compiled.css b/css/m-light.compiled.css
index ec4916bfe7fcee654709e423914affc4facf9afb..81c3754d5fa2de8be070a2006c2f78b0460ac084 100644 (file)
--- a/css/m-light.compiled.css
+++ b/css/m-light.compiled.css
@@ -391,24 +391,6 @@ hr {
 blockquote, hr {
   border-color: #f7e3db;
 }
-pre {
-  font-family: 'Source Code Pro', monospace, monospace, monospace;
-  font-size: 1em;
-  padding: 0.5rem 1rem;
-  color: #5b5b5b;
-  background-color: #fbf0ec;
-  border-radius: 0.2rem;
-  overflow-x: auto;
-  margin-top: 0;
-}
-pre.m-console-wrap {
-  white-space: pre-wrap;
-  word-break: break-all;
-}
-pre.m-console {
-  color: #5b5b5b;
-  background-color: #000000;
-}
 strong, .m-text.m-strong { font-weight: bold; }
 em, .m-text.m-em { font-style: italic; }
 s, .m-text.m-s { text-decoration: line-through; }
@@ -440,17 +422,29 @@ mark {
   background-color: #e6e69c;
   color: #4c93d3;
 }
-code {
+pre, code {
   font-family: 'Source Code Pro', monospace, monospace, monospace;
   font-size: 1em;
-  padding: 0.125rem;
   color: #5b5b5b;
   background-color: #fbf0ec;
 }
-code.m-console {
+pre.m-console, code.m-console {
   color: #5b5b5b;
   background-color: #000000;
 }
+pre {
+  padding: 0.5rem 1rem;
+  border-radius: 0.2rem;
+  overflow-x: auto;
+  margin-top: 0;
+}
+pre.m-console-wrap {
+  white-space: pre-wrap;
+  word-break: break-all;
+}
+code {
+  padding: 0.125rem;
+}
 *:focus { outline-color: #ea7944; }
 div.m-scroll {
   max-width: 100%;