Jelajahi Sumber

Front-end styles for pullquotes and block quotes.

Caroline Moore 6 tahun lalu
induk
melakukan
d00b40c3a2
1 mengubah file dengan 8 tambahan dan 9 penghapusan
  1. 8 9
      rebalance/blocks.css

+ 8 - 9
rebalance/blocks.css

@@ -117,13 +117,13 @@ p.has-drop-cap:not(:focus)::first-letter {
 
 /* Quote */
 
-.wp-block-quote {
+.entry-content .wp-block-quote {
 	border-left: 6px solid #f35029;
 	font-family: "Libre Baskerville", Georgia, serif;
 	font-style: italic;
 	font-size: 18px;
 	line-height: 1.825em;
-	margin: 0 0 0 -40px;
+	margin: 0 0 1.5em -40px;
 	padding-left: 40px;
 }
 
@@ -137,12 +137,11 @@ p.has-drop-cap:not(:focus)::first-letter {
 .wp-block-quote.is-style-large cite,
 .wp-block-quote.is-style-large footer {
 	text-align: left;
-	font-size: 1.5em;
+	font-size: 24px;
 }
 
 .wp-block-quote.is-large,
 .wp-block-quote.is-style-large {
-	padding: 1.5em 0;
 }
 
 .wp-block-quote.is-large,
@@ -242,9 +241,10 @@ p.has-drop-cap:not(:focus)::first-letter {
 
 .wp-block-pullquote blockquote {
 	border-left: 0;
-	border-bottom: 3px solid currentcolor;
-	border-top: 3px solid currentColor;
-	padding: .75em 1.5em;
+	border-bottom: 4px solid #f35029;
+	border-top: 4px solid #f35029;
+	margin: 0 0 1.5em;
+	padding: 1.5em;
 }
 
 .wp-block-pullquote cite {
@@ -256,13 +256,12 @@ p.has-drop-cap:not(:focus)::first-letter {
 
 .wp-block-pullquote.alignleft blockquote,
 .wp-block-pullquote.alignright blockquote {
-	padding: .75em 0;
+	padding: 1.5em 0;
 	margin: 0 0 .75em;
 }
 
 .wp-block-pullquote.alignleft p,
 .wp-block-pullquote.alignright p {
-	font-size: 1.5em;
 }
 
 .wp-block-pullquote.alignleft {