Explorar o código

First crack at styling pullquotes in the editor.

Caroline Moore %!s(int64=6) %!d(string=hai) anos
pai
achega
57e129637e
Modificáronse 2 ficheiros con 21 adicións e 14 borrados
  1. 5 0
      rebalance/blocks.css
  2. 16 14
      rebalance/editor-blocks.css

+ 5 - 0
rebalance/blocks.css

@@ -243,11 +243,15 @@ p.has-drop-cap:not(:focus)::first-letter {
 	border-left: 0;
 	border-bottom: 4px solid #f35029;
 	border-top: 4px solid #f35029;
+	font-size: 28px;
+	line-height: 1.6;
 	margin: 0 0 1.5em;
 	padding: 1.5em;
 }
 
 .wp-block-pullquote cite {
+	color: inherit;
+	font-size: 18px;
 }
 
 .wp-block-pullquote.alignleft,
@@ -262,6 +266,7 @@ p.has-drop-cap:not(:focus)::first-letter {
 
 .wp-block-pullquote.alignleft p,
 .wp-block-pullquote.alignright p {
+	font-size: 18px;
 }
 
 .wp-block-pullquote.alignleft {

+ 16 - 14
rebalance/editor-blocks.css

@@ -533,15 +533,15 @@
 }
 
 .wp-block-pullquote {
-	border-bottom: 3px solid currentcolor;
-	border-top: 3px solid currentColor;
-	color: #555;
-	font-family: Neuton, serif;
-	font-size: 28px;
+	border-left: 0;
+	border-bottom: 4px solid #f35029;
+	border-top: 4px solid #f35029;
+	font-family: "Libre Baskerville", Georgia, serif;
 	font-style: italic;
-	line-height: 1.2;
+	font-size: 28px;
+	line-height: 45px;
 	margin: 0 0 1.5em;
-	padding: 1.5em 0;
+	padding: 1.5em;
 }
 
 .wp-block-pullquote blockquote {
@@ -555,10 +555,12 @@
 
 .wp-block-pullquote.alignleft,
 .wp-block-pullquote.alignright {
+	font-size: 18px;
 }
 
 .wp-block-pullquote.alignleft cite,
 .wp-block-pullquote.alignright cite {
+	font-size: 16px;
 }
 
 .wp-block-pullquote.alignleft blockquote,
@@ -569,10 +571,12 @@
 }
 
 .wp-block-pullquote.alignleft {
+	font-size: 18px;
 	margin-right: 1.5em;
 }
 
 .wp-block-pullquote.alignright {
+	font-size: 18px;
 	margin-left: 1.5em;
 }
 
@@ -583,13 +587,11 @@
 .wp-block-pullquote__citation,
 .wp-block-pullquote cite,
 .wp-block-pullquote footer {
-	color: #222;
-	display: block;
-	font-weight: bold;
-	font-size: 16px;
-	font-style: normal;
-	letter-spacing: 1px;
-	text-transform: uppercase;
+	color: inherit;
+	font-size: 18px;
+	font-style: italic;
+	font-weight: normal;
+	text-transform: none;
 }
 
 /* Table */