studio html editor - matched up styles for <pre> elements

2013-01-22 16:16:30 -05:00
parent b381881a02
commit fd3ae2c478
2 changed files with 18 additions and 0 deletions
--- a/cms/static/css/tiny-mce.css
+++ b/cms/static/css/tiny-mce.css
@@ -103,6 +103,15 @@ img {
  max-width: 100%;
 }

+pre {
+  margin: 1em 0;
+  color: #3c3c3c;
+  font-family: monospace, serif;
+  font-size: 1em;
+  white-space: pre-wrap;
+  word-wrap: break-word;
+}
+
 code {
  font-family: monospace, serif;
  background: none;
--- a/common/lib/xmodule/xmodule/css/html/display.scss
+++ b/common/lib/xmodule/xmodule/css/html/display.scss
@@ -87,6 +87,15 @@ img {
  max-width: 100%;
 }

+pre {
+  margin: 1em 0;
+  color: $baseFontColor;
+  font-family: monospace, serif;
+  font-size: 1em;
+  white-space: pre-wrap;
+  word-wrap: break-word;
+}
+
 code {
  color: $baseFontColor;
  font-family: monospace, serif;