Selaa lähdekoodia

Styling for blockquotes in the editor.

Caroline Moore 6 vuotta sitten
vanhempi
commit
7431aa629a
2 muutettua tiedostoa jossa 12 lisäystä ja 5 poistoa
  1. 2 1
      karuna/blocks.css
  2. 10 4
      karuna/editor-blocks.css

+ 2 - 1
karuna/blocks.css

@@ -118,6 +118,7 @@ p.has-drop-cap:not(:focus)::first-letter {
 	font-style: normal;
 	font-weight: bold;
 	margin: 0 1.6em 1.6em;
+	padding: 0;
 }
 
 .wp-block-quote,
@@ -152,7 +153,7 @@ p.has-drop-cap:not(:focus)::first-letter {
 
 .wp-block-quote.is-large,
 .wp-block-quote.is-style-large {
-	margin: 0 .4em 1.6em;
+	margin: 0 .8em .8em;
 }
 
 .wp-block-quote.is-large,

+ 10 - 4
karuna/editor-blocks.css

@@ -257,11 +257,14 @@
 }
 
 .editor-block-list__block .wp-block-quote {
+	font-size: 26px;
 	font-style: normal;
-	margin: 0 1.6em;
+	font-weight: bold;
+	margin: 0 1.6em 1.6em;
 }
 
 .edit-post-visual-editor .editor-block-list__block blockquote p:not(.wp-block-cover-text) {
+	font-size: 26px;
 }
 
 .editor-block-list__block .wp-block-quote__citation {
@@ -303,8 +306,9 @@
 
 .wp-block-quote.is-large,
 .wp-block-quote.is-style-large {
+	font-size: 32px;
 	font-style: normal;
-	margin: 0 .8em;
+	margin: 0 .8em .8em;
 	padding: 0;
 }
 
@@ -312,12 +316,12 @@
 .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: 24px;
+	font-size: 32px;
 }
 
 .editor-block-list__block .wp-block-quote.is-large p,
 .editor-block-list__block .wp-block-quote.is-style-large p {
-	margin-bottom: .8em;
+	margin-bottom: .4em;
 	font-style: normal;
 }
 
@@ -407,7 +411,9 @@
 
 .wp-block-freeform.block-library-rich-text__tinymce blockquote {
 	border: 0;
+	font-size: 26px;
 	font-style: normal;
+	font-weight: bold;
 	margin: 0 1.6em 1.6em;
 }