Merge pull request #106 from WordPress/add/tinymce-demo-css

Add basic page styles to TinyMCE demo.
WordPress · Feb 20, 2017 · d2c4762 · d2c4762
2 parents 445846f + c21746d
commit d2c4762
Show file tree

Hide file tree

Showing 2 changed files with 23 additions and 1 deletion.
diff --git a/tinymce/index.html b/tinymce/index.html
@@ -4,8 +4,9 @@
 		<title>TinyMCE Formatting Demo</title>
 		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
 		<meta name="viewport" content="width=device-width, initial-scale=1" />
+		<link href="style.css" rel="stylesheet" type="text/css" media="all">
 		<script src="https://cdnjs.cloudflare.com/ajax/libs/tinymce/4.5.3/tinymce.min.js"></script>
-		<script>tinymce.init( { selector:'section' } );</script>
+		<script>tinymce.init( { selector: 'section' } );</script>
 	</head>
 	<body>
 		<section class="editor" contenteditable="true">

diff --git a/tinymce/style.css b/tinymce/style.css
@@ -0,0 +1,21 @@
+/**
+ * Basic
+ */
+
+html,
+body {
+	margin: 0;
+	padding: 0;
+	height: 100%;
+}
+
+* {
+	box-sizing: border-box;
+}
+
+body {
+	font: 13px/1.8 -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen-Sans", "Ubuntu", "Cantarell", "Helvetica Neue", sans-serif;
+	max-width: 720px;
+	margin: 60px auto;
+	color: #12181e;
+}