Browse Source

Fixes for blockquotes.

Caroline Moore 6 years ago
parent
commit
e9c2918948
2 changed files with 24 additions and 6 deletions
  1. 14 0
      publication/blocks.css
  2. 10 6
      publication/editor-blocks.css

+ 14 - 0
publication/blocks.css

@@ -79,6 +79,20 @@ p.has-drop-cap:not(:focus)::first-letter {
 	font-style: italic;
 	display: block;
 	margin-top: 6px;
+	text-align: left;
+}
+
+.wp-block-quote.is-large cite,
+.wp-block-quote.is-large footer,
+.wp-block-quote.is-style-large cite,
+.wp-block-quote.is-style-large footer {
+	text-align: left;
+	font-size: 24px;
+}
+
+.wp-block-quote.is-large,
+.wp-block-quote.is-style-large {
+	padding: 24px 0;
 }
 
 .wp-block-quote.is-large,

+ 10 - 6
publication/editor-blocks.css

@@ -225,13 +225,15 @@
 /* Quote */
 
 .editor-block-list__block .wp-block-quote:not(.is-large):not(.is-style-large) {
-	margin: 0 0 12px;
+	margin: 0 0 24px;
 	border: 0;
-	padding: 0;
+	padding: 24px 0;
+	border-bottom: 3px solid currentcolor;
+	border-top: 3px solid currentColor;
 }
 
 .editor-block-list__block .wp-block-quote {
-	border-left: 0;
+	border: 0;
 	border-bottom: 3px solid currentcolor;
 	border-top: 3px solid currentColor;
 	color: #555;
@@ -245,6 +247,7 @@
 
 .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-style: italic;
 	line-height: 1.2;
@@ -254,6 +257,7 @@
 	display: block;
 	margin-top: 6px;
 	color: #222;
+	font-size: inherit;
 	font-weight: bold;
 	font-style: italic;
 }
@@ -282,8 +286,8 @@
 .wp-block-quote.is-large,
 .wp-block-quote.is-style-large {
 	font-size: 28px;
-	margin: 0 12px 12px;
-	padding: 0;
+	margin: 0 0 24px;
+	padding: 24px 0;
 }
 
 .edit-post-visual-editor .editor-block-list__block .wp-block-quote.is-large,
@@ -613,7 +617,7 @@
 .editor-block-list__block table.wp-block-table {
 	border-top: 1px solid #ddd;
 	margin: 0 0 24px;
-	text-align: right;
+	text-align: left;
 	width: 100%;
 }