瀏覽代碼

Toujours: Update quote block border styles, to work better with the new styles planned for Gutenberg 5.2. See #594.

Laurel Fulford 6 年之前
父節點
當前提交
9df5cea2e4
共有 2 個文件被更改,包括 35 次插入21 次删除
  1. 14 5
      toujours/blocks.css
  2. 21 16
      toujours/editor-blocks.css

+ 14 - 5
toujours/blocks.css

@@ -66,10 +66,6 @@ p.has-drop-cap:not(:focus)::first-letter {
 
 /* Quote */
 
-.wp-block-quote.is-large,
-.wp-block-quote.is-style-large {
-}
-
 .wp-block-quote.is-large,
 .wp-block-quote.is-style-large,
 .wp-block-quote.is-large p,
@@ -90,9 +86,22 @@ p.has-drop-cap:not(:focus)::first-letter {
 	text-align: left;
 }
 
-.rtl .wp-block-quote {
+.rtl .wp-block-quote,
+.wp-block-quote[style*="text-align:right"] {
 	border-left: 0;
 	border-right: 4px solid #f0f0f0;
+	padding: 0 30px 0 0;
+}
+
+.rtl .wp-block-quote[style*="text-align:left"] {
+	border-left: 4px solid #f0f0f0;
+	border-right: 0;
+	padding: 0 0 0 30px;
+}
+
+.wp-block-quote[style*="text-align:center"] {
+	border: 0;
+	padding: 0;
 }
 
 /* Audio */

+ 21 - 16
toujours/editor-blocks.css

@@ -423,16 +423,25 @@
 
 /* Quote */
 
-.editor-block-list__block .wp-block-quote:not(.is-large):not(.is-style-large),
-.editor-block-list__block .wp-block-quote {
+.wp-block-quote:not(.is-large):not(.is-style-large),
+.wp-block-quote,
+.rtl .wp-block-quote:not(.is-large):not(.is-style-large)[style*="text-align:left"],
+.rtl .wp-block-quote:not(.is-large):not(.is-style-large)[style*="text-align: left"],
+.rtl .wp-block-quote[style*="text-align:left"],
+.rtl .wp-block-quote[style*="text-align: left"] {
 	color: #888;
+	border: 0;
 	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 {
+.wp-block-quote:not(.is-large):not(.is-style-large)[style*="text-align:right"],
+.wp-block-quote:not(.is-large):not(.is-style-large)[style*="text-align: right"],
+.wp-block-quote[style*="text-align:right"],
+.wp-block-quote[style*="text-align: right"],
+.rtl .wp-block-quote:not(.is-large):not(.is-style-large),
+.rtl .wp-block-quote {
 	border: 0;
 	border-right: 4px solid #f0f0f0;
 	margin: 0;
@@ -440,6 +449,14 @@
 	padding-right: 30px;
 }
 
+.wp-block-quote:not(.is-large):not(.is-style-large)[style*="text-align:center"],
+.wp-block-quote:not(.is-large):not(.is-style-large)[style*="text-align: center"],
+.wp-block-quote[style*="text-align:center"],
+.wp-block-quote[style*="text-align: center"] {
+	border: 0;
+	padding: 0;
+}
+
 .edit-post-visual-editor .editor-block-list__block blockquote p {
 	color: #888;
 	font-size: 20px;
@@ -465,18 +482,6 @@
 	margin-bottom: 0;
 }
 
-.editor-block-list__block .wp-block-quote.alignleft {
-	margin: .75em 1.5em .75em 0;
-}
-
-.editor-block-list__block .wp-block-quote.alignright {
-	margin: .75em 0 .75em 1.5em;
-}
-
-.editor-block-list__block .wp-block-quote.aligncenter {
-	margin-bottom: .75em;
-}
-
 .wp-block-quote.is-large,
 .wp-block-quote.is-style-large {
 	font-size: 28px;