Add editor style for Vintage style pack.

radcliffe-2/assets/css/editor-style-vintage.css

@@ -0,0 +1,100 @@
+/*!
+Editor Styles for Radcliffe 2: Vintage Style Pack
+--------------------------------------------------------------*/
+
+/* Widths */
+@media screen and (min-width: 768px) {
+	.editor-writing-flow {
+		margin-left: auto;
+		margin-right: auto;
+		max-width: 900px;
+	}
+
+	.edit-post-visual-editor textarea.editor-post-title__input {
+		margin-left: auto;
+		margin-right: auto;
+		width: 740px;
+	}
+}
+
+/* Editor Layout */
+.edit-post-layout {
+	background-color: #eae8dc;
+}
+
+.editor-writing-flow {
+	border: 4px double #c7c4b4;
+	background-color: rgba(255,255,255,0.3);
+}
+
+/*--------------------------------------------------------------
+# Typography
+--------------------------------------------------------------*/
+
+.edit-post-visual-editor,
+.edit-post-visual-editor p,
+.edit-post-visual-editor button,
+.edit-post-visual-editor input,
+.edit-post-visual-editor select,
+.edit-post-visual-editor optgroup,
+.edit-post-visual-editor textarea {
+	color: #222;
+	font-family: 'Libre Baskerville', 'Helvetica Neue', Helvetica, arial, sans-serif;
+}
+
+h1.mce-content-body,
+h2.mce-content-body,
+h3.mce-content-body,
+h4.mce-content-body,
+h5.mce-content-body,
+h6.mce-content-body,
+.edit-post-visual-editor textarea.editor-post-title__input,
+.mce-content-body h1,
+.mce-content-body h2,
+.mce-content-body h3,
+.mce-content-body h4,
+.mce-content-body h5,
+.mce-content-body h6,
+#poststuff h1,
+#poststuff h2,
+#poststuff h3,
+#poststuff h4,
+#poststuff h5,
+#poststuff h6 {
+	font-family: 'Libre Baskerville', 'Helvetica Neue', Helvetica, arial, sans-serif;
+}
+
+/* Post/Page title */
+.edit-post-visual-editor textarea.editor-post-title__input {
+	font-weight: 400;
+}
+
+/*--------------------------------------------------------------
+# Navigation
+--------------------------------------------------------------*/
+/*--------------------------------------------------------------
+## Links
+--------------------------------------------------------------*/
+.mce-content-body a,
+.wp-block-freeform.core-blocks-rich-text__tinymce a,
+.wp-block-categories a,
+.wp-block-latest-posts a {
+	color: #2b6e9d;
+}
+
+/*--------------------------------------------------------------
+## Gutenberg Styles
+--------------------------------------------------------------*/
+
+/* Buttons */
+
+.wp-block-button .wp-block-button__link {
+	border: 3px double #c7c4b4;
+	border-radius: 0;
+	font-family: 'Libre Baskerville', 'Helvetica Neue', Helvetica, arial, sans-serif;
+}
+
+.wp-block-button .wp-block-button__link:hover,
+.wp-block-button .wp-block-button__link:focus {
+	background-color: #2b6e9d;
+}