Browse Source

Styles for pullquotes.

Caroline Moore 6 years ago
parent
commit
f5ee074d87
2 changed files with 23 additions and 20 deletions
  1. 11 10
      publication/blocks.css
  2. 12 10
      publication/editor-blocks.css

+ 11 - 10
publication/blocks.css

@@ -190,36 +190,36 @@ p.has-drop-cap:not(:focus)::first-letter {
 	border-top: 3px solid currentColor;
 	color: #555;
 	font-family: Neuton, serif;
-	font-size: 20px;
+	font-size: 28px;
+	line-height: 33px;
 	font-style: italic;
-	line-height: 1.2;
 	margin: 0 0 24px;
 	padding: 24px 0;
 }
 
 .wp-block-pullquote cite {
 	color: #222;
+	display: block;
 	font-weight: bold;
-	font-style: italic;
+	font-size: 16px;
+	font-style: normal;
+	letter-spacing: 1px;
+	text-transform: uppercase;
 }
 
 .wp-block-pullquote.alignleft,
 .wp-block-pullquote.alignright {
 }
 
-.wp-block-pullquote.alignleft cite,
-.wp-block-pullquote.alignright cite {
-}
-
 .wp-block-pullquote.alignleft blockquote,
 .wp-block-pullquote.alignright blockquote {
-	border: 0;
-	padding: 0;
-	margin: 0;
+	padding: 12px 0;
+	margin: 0 0 12px;
 }
 
 .wp-block-pullquote.alignleft p,
 .wp-block-pullquote.alignright p {
+	font-size: 24px;
 }
 
 .wp-block-pullquote.alignleft {
@@ -237,6 +237,7 @@ p.has-drop-cap:not(:focus)::first-letter {
 
 .wp-block-pullquote p {
 	margin: 0 0 12px;
+	line-height: 34px;
 }
 
 /*--------------------------------------------------------------

+ 12 - 10
publication/editor-blocks.css

@@ -536,7 +536,13 @@
 	border: 0;
 }
 
-.edit-post-visual-editor .wp-block-pullquote p:not(.wp-block-cover-text) {
+.edit-post-visual-editor .editor-block-list__block .wp-block-pullquote blockquote p:not(.wp-block-cover-text) {
+	font-size: 28px;
+	line-height: 34px;
+}
+
+.edit-post-visual-editor .editor-block-list__block .wp-block-pullquote.alignleft blockquote p:not(.wp-block-cover-text),
+.edit-post-visual-editor .editor-block-list__block .wp-block-pullquote.alignright blockquote p:not(.wp-block-cover-text) {
 	font-size: 24px;
 }
 
@@ -589,23 +595,19 @@
 }
 
 .wp-block-pullquote blockquote > .editor-rich-text p {
-	font-size: 24px;
 	margin-bottom: 12px;
 }
 
-.wp-block-pullquote.alignleft blockquote > .editor-rich-text p,
-.wp-block-pullquote.alignright blockquote > .editor-rich-text p {
-	font-size: 24px;
-}
-
 .wp-block-pullquote__citation,
 .wp-block-pullquote cite,
 .wp-block-pullquote footer {
-	display: block;
-	margin-top: 6px;
 	color: #222;
+	display: block;
 	font-weight: bold;
-	font-style: italic;
+	font-size: 16px;
+	font-style: normal;
+	letter-spacing: 1px;
+	text-transform: uppercase;
 }
 
 /* Table */