Forces Word Wrap on PRE elements

2 years ago · 835b249bbb
3 changed files with 30 additions and 1 deletions
--- a/assets/css/bundle.css
+++ b/assets/css/bundle.css
@ -851,6 +851,15 @@ a:hover{
  color: #000 !important;
  
 }
-
+.highlight > pre {
+  white-space: pre-wrap;
+  white-space: -moz-pre-wrap;
+  white-space: -pre-wrap;
+  white-space: -o-pre-wrap;
+  padding: 10px;
+  font-size: 16px;
+  border-radius: 10px;
+  overflow-wrap: anywhere;
+}

 /*# sourceMappingURL=bundle.css.map */
--- a/assets/scss/blog.css
+++ b/assets/scss/blog.css
@ -156,4 +156,14 @@
    max-width: 100%;
    margin: auto;
  }
+.highlight > pre {
+  white-space: pre-wrap;
+  white-space: -moz-pre-wrap;
+  white-space: -pre-wrap;
+  white-space: -o-pre-wrap;
+  padding: 10px;
+  font-size: 16px;
+  border-radius: 10px;
+  overflow-wrap: anywhere;
+}
 }/*# sourceMappingURL=blog.css.map */
--- a/assets/scss/blog.scss
+++ b/assets/scss/blog.scss
@ -210,4 +210,14 @@
    max-width: 100%;
    margin: auto;
  }
+}
+.highlight > pre {
+  white-space: pre-wrap;
+  white-space: -moz-pre-wrap;
+  white-space: -pre-wrap;
+  white-space: -o-pre-wrap;
+  padding: 10px;
+  font-size: 16px;
+  border-radius: 10px;
+  overflow-wrap: anywhere;
 }