Browse Source

Display mathtype equations properly in all samples.

dkonopka 6 years ago
parent
commit
a6cac4f6fd
2 changed files with 9 additions and 10 deletions
  1. 0 10
      docs/_snippets/features/mathtype.html
  2. 9 0
      docs/assets/snippet-styles.css

+ 0 - 10
docs/_snippets/features/mathtype.html

@@ -1,13 +1,3 @@
-<style>
-	/* Umberto stylesheet is centering `<img>` inside a `<p>`, let's overwrite it with higher CSS Specificity.
-	 * See: https://github.com/ckeditor/ckeditor5/issues/2080.
-	 */
-	.live-snippet .ck-editor p img {
-		display: inline;
-		margin: 0;
-	}
-</style>
-
 <div id="mathtype-editor">
 	<p>In elementary algebra, the <strong>quadratic formula</strong> is the solution of the quadratic equation.</p>
 

+ 9 - 0
docs/assets/snippet-styles.css

@@ -200,6 +200,15 @@ It breaks CKEditor 5 (see how <p><code>[]</code></p> looks). */
 	margin: 0 auto;
 }
 
+/* Umberto stylesheet is centering `<img>` inside a `<p>`, let's overwrite it with higher CSS Specificity.
+ * See: https://github.com/ckeditor/ckeditor5/issues/2080.
+ */
+.live-snippet p img {
+	display: initial;
+	margin: initial;
+	box-sizing: initial;
+}
+
 .live-snippet blockquote p:first-of-type {
 	margin-bottom: 1.5rem;
 }