Browse Source

Blockquote styles in the editor.

Caroline Moore 6 years ago
parent
commit
3f6cbca75e
2 changed files with 26 additions and 23 deletions
  1. 6 0
      toujours/blocks.css
  2. 20 23
      toujours/editor-blocks.css

+ 6 - 0
toujours/blocks.css

@@ -202,6 +202,12 @@ p.has-drop-cap:not(:focus)::first-letter {
 }
 
 .wp-block-pullquote cite {
+	display: block;
+	font-family: "Alegreya Sans", "Helvetica Neue", Helvetica, sans-serif;
+	font-size: 18px;
+	font-style: normal;
+	font-weight: 300;
+	margin-top: 5px;
 }
 
 .wp-block-pullquote.alignleft,

+ 20 - 23
toujours/editor-blocks.css

@@ -267,39 +267,35 @@
 
 .editor-block-list__block .wp-block-quote:not(.is-large):not(.is-style-large),
 .editor-block-list__block .wp-block-quote {
-	border: 0;
-	color: #aaa;
-	font-size: 22px;
-	font-style: italic;
-	margin: 0;
-	padding-left: 70px;
-	position: relative;
-}
-
-.rtl .editor-block-list__block .wp-block-quote:before {
-	left: auto;
-	right: 0;
+	color: #888;
+	border-left: 4px solid #f0f0f0;
+	margin: 0 0 1.5em;
+	padding: 0 0 0 30px;
 }
 
 .rtl .editor-block-list__block .wp-block-quote:not(.is-large):not(.is-style-large),
 .rtl .editor-block-list__block .wp-block-quote {
 	border: 0;
+	border-right: 4px solid #f0f0f0;
 	margin: 0;
 	padding-left: 0;
-	padding-right: 70px;
+	padding-right: 30px;
 }
 
 .edit-post-visual-editor .editor-block-list__block blockquote p:not(.wp-block-cover-text) {
-	color: #aaa;
-	font-size: 22px;
+	color: #888;
+	font-size: 20px;
+	font-style: italic;
 }
 
 .editor-block-list__block .wp-block-quote__citation {
 	color: inherit;
 	display: block;
+	font-family: "Alegreya Sans", "Helvetica Neue", Helvetica, sans-serif;
 	font-size: 18px;
-	font-style: italic;
-	padding: 8px 0 0;
+	font-style: normal;
+	font-weight: 300;
+	margin-top: 5px;
 }
 
 .editor-block-list__block .wp-block-quote em,
@@ -325,19 +321,20 @@
 
 .wp-block-quote.is-large,
 .wp-block-quote.is-style-large {
-	font-size: 32px;
+	font-size: 28px;
 	font-style: italic;
 }
 
-.rtl .wp-block-quote.is-large,
-.rtl .wp-block-quote.is-style-large {
-}
-
 .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: 32px;
+	font-size: 28px;
+}
+
+.editor-block-list__block .wp-block-quote.is-large .wp-block-quote__citation,
+.editor-block-list__block .wp-block-quote.is-style-large .wp-block-quote__citation {
+	font-size: 22px;
 }
 
 .editor-block-list__block .wp-block-quote.is-large p,