浏览代码

Style block quotes in the editor.

Caroline Moore 6 年之前
父节点
当前提交
2776f42398
共有 1 个文件被更改,包括 33 次插入46 次删除
  1. 33 46
      rebalance/editor-blocks.css

+ 33 - 46
rebalance/editor-blocks.css

@@ -221,41 +221,28 @@
 
 /* Quote */
 
-.editor-block-list__block .wp-block-quote:not(.is-large):not(.is-style-large) {
-	margin: 0 0 1.5em;
-	border: 0;
-	padding: 1.5em 0;
-	border-bottom: 3px solid currentcolor;
-	border-top: 3px solid currentColor;
-}
-
+.editor-block-list__block .wp-block-quote:not(.is-large):not(.is-style-large),
 .editor-block-list__block .wp-block-quote {
-	border: 0;
-	border-bottom: 3px solid currentcolor;
-	border-top: 3px solid currentColor;
-	color: #555;
-	font-family: Neuton, serif;
-	font-size: 20px;
+	border-left: 6px solid #f35029;
+	font-family: "Libre Baskerville", Georgia, serif;
 	font-style: italic;
-	line-height: 1.2;
-	margin: 0 0 1.5em;
-	padding: 1.5em 0;
+	font-size: 18px;
+	line-height: 1.825em;
+	margin: 0 0 1.5em -40px;
+	padding-left: 40px;
 }
 
 .edit-post-visual-editor .editor-block-list__block blockquote p:not(.wp-block-cover-text) {
-	color: #555;
-	font-family: Neuton, serif;
-	font-size: 20px;
+	font-family: "Libre Baskerville", Georgia, serif;
 	font-style: italic;
-	line-height: 1.2;
+	font-size: 18px;
+	line-height: 1.825em;
 }
 
 .editor-block-list__block .wp-block-quote__citation {
-	display: block;
-	margin-top: 6px;
-	color: #222;
+	color: inherit;
 	font-size: inherit;
-	font-weight: bold;
+	font-family: "Libre Baskerville", Georgia, serif;
 	font-style: italic;
 }
 
@@ -272,7 +259,7 @@
 	margin: .75em 1.5em .75em 0;
 }
 
-.editor-block-list__block .wp-block-quote.alignright {
+.editor-block-list__block .wp-block-quote.alignright {
 	margin: .75em 0 .75em 1.5em;
 }
 
@@ -282,16 +269,20 @@
 
 .wp-block-quote.is-large,
 .wp-block-quote.is-style-large {
-	font-size: 28px;
-	margin: 0 0 1.5em;
-	padding: 1.5em 0;
+	border-left: 6px solid #f35029;
+	font-family: "Libre Baskerville", Georgia, serif;
+	font-style: italic;
+	line-height: 1.825em;
+	margin: 0 0 1.5em -40px;
+	padding-left: 40px;
+	font-size: 24px;
 }
 
 .edit-post-visual-editor .editor-block-list__block .wp-block-quote.is-large,
 .edit-post-visual-editor .editor-block-list__block .wp-block-quote.is-style-large,
 .edit-post-visual-editor .editor-block-list__block .wp-block-quote.is-large p,
 .edit-post-visual-editor .editor-block-list__block .wp-block-quote.is-style-large p {
-	font-size: 28px;
+	font-size: 24px;
 }
 
 .editor-block-list__block .wp-block-quote.is-large p,
@@ -387,16 +378,13 @@
 }
 
 .wp-block-freeform.block-library-rich-text__tinymce blockquote {
-	border: 0;
-	border-bottom: 3px solid currentcolor;
-	border-top: 3px solid currentColor;
-	color: #555;
-	font-family: Neuton, serif;
-	font-size: 20px;
+	border-left: 6px solid #f35029;
+	font-family: "Libre Baskerville", Georgia, serif;
 	font-style: italic;
-	line-height: 1.2;
-	margin: 0 0 1.5em;
-	padding: 1.5em 0;
+	font-size: 18px;
+	line-height: 1.825em;
+	margin: 0 0 1.5em -40px;
+	padding-left: 40px;
 }
 
 .wp-block-freeform.block-library-rich-text__tinymce blockquote > :last-child {
@@ -404,18 +392,17 @@
 }
 
 .wp-block-freeform.block-library-rich-text__tinymce blockquote cite {
-	display: block;
-	margin-top: 6px;
-	color: #222;
-	font-weight: bold;
+	font-family: "Libre Baskerville", Georgia, serif;
 	font-style: italic;
 }
 
 .rtl .wp-block-freeform.block-library-rich-text__tinymce blockquote {
-	border-right: 0;
-	margin-right: 0;
+	border-left: 0;
+	border-right: 6px solid #f35029;
+	margin-left: 0;
+	margin-right: -40px;
 	padding-left: 0;
-	padding-right: 0;
+	padding-right: 40px;
 }
 
 .rtl .wp-block-freeform.block-library-rich-text__tinymce .alignleft {