Browse Source

Add editor style for Modern style pack.

alaczek 7 years ago
parent
commit
683c74e724

+ 72 - 0
radcliffe-2/assets/css/editor-style-modern.css

@@ -0,0 +1,72 @@
+/*!
+Editor Styles for Radcliffe 2: Modern Style Pack
+--------------------------------------------------------------*/
+
+/*--------------------------------------------------------------
+# 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 {
+	font-family: 'Source Sans Pro', '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: 'Montserrat', 'Helvetica Neue', Helvetica, arial, sans-serif;
+}
+
+/* Post/Page title */
+.edit-post-visual-editor textarea.editor-post-title__input {
+	max-width: 720px;
+	margin-left: auto;
+	margin-right: auto;
+	padding: 0;
+	text-align: left;
+}
+
+/*--------------------------------------------------------------
+# 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: #aaa;
+}
+
+/*--------------------------------------------------------------
+## Gutenberg Styles
+--------------------------------------------------------------*/
+
+/* Buttons */
+
+.wp-block-button .wp-block-button__link:hover,
+.wp-block-button .wp-block-button__link:focus {
+	background-color: #aaa;
+}

+ 5 - 0
radcliffe-2/assets/css/editor-style.css

@@ -666,6 +666,11 @@ h6.editor-rich-text__tinymce.mce-content-body {
 	min-height: 400px;
 }
 
+.editor-block-list__block .wp-block-cover-image p,
+.editor-block-list__block .wp-block-cover-image h2 {
+	line-height: 1.2;
+}
+
 /* Tables */
 .wp-block-table {
 	display: table;