Pārlūkot izejas kodu

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

Laurel Fulford 6 gadi atpakaļ
vecāks
revīzija
1e4a9cc665
2 mainītis faili ar 51 papildinājumiem un 11 dzēšanām
  1. 22 10
      dyad-2/css/blocks.css
  2. 29 1
      dyad-2/css/editor-blocks.css

+ 22 - 10
dyad-2/css/blocks.css

@@ -97,10 +97,31 @@ p.has-drop-cap:not(:focus)::first-letter {
 	margin-bottom: 1.5em;
 }
 
-.wp-block-quote:not(.is-large):not(.is-style-large) {
+.wp-block-quote:not(.is-large):not(.is-style-large),
+.rtl .wp-block-quote:not(.is-large):not(.is-style-large)[style="text-align:left"] {
 	border-left: 3px solid #ddd;
+	border-right: 0;
 	margin: 0 0 1.5em 1.5em;
 	padding-left: 1.5em;
+	padding-right: 0;
+}
+
+.rtl .wp-block-quote:not(.is-large):not(.is-style-large),
+.wp-block-quote:not(.is-large):not(.is-style-large)[style="text-align:right"] {
+	border-left: 0;
+	border-right: 3px solid #ddd;
+	margin-left: 0;
+	margin-right: 1.5em;
+	padding-left: 0;
+	padding-right: 1.5em;
+}
+
+.wp-block-quote:not(.is-large):not(.is-style-large)[style="text-align:center"] {
+	border: 0;
+	margin-left: 0;
+	margin-right: 0;
+	padding-left: 0;
+	padding-right: 0;
 }
 
 .wp-block-quote p:not(:last-child) {
@@ -121,15 +142,6 @@ p.has-drop-cap:not(:focus)::first-letter {
 	text-align: inherit;
 }
 
-.rtl .wp-block-quote:not(.is-large):not(.is-style-large) {
-	border-left: 0;
-	border-right: 3px solid #ddd;
-	margin-left: 0;
-	margin-right: 1.5em;
-	padding-left: 0;
-	padding-right: 1.5em;
-}
-
 /* Audio */
 
 .wp-block-audio {

+ 29 - 1
dyad-2/css/editor-blocks.css

@@ -250,10 +250,38 @@ p.has-drop-cap:not(:focus)::first-letter {
 	margin-bottom: 1.5em;
 }
 
-.wp-block-quote:not(.is-large):not(.is-style-large) {
+.wp-block-quote:not(.is-large):not(.is-style-large),
+.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"] {
 	border-left: 3px solid #ddd;
+	border-right: 0;
 	margin-left: 1.5em;
+	margin-right: 0;
 	padding-left: 1.5em;
+	padding-right: 0;
+}
+
+.rtl .wp-block-quote:not(.is-large):not(.is-style-large),
+.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"] {
+	border-left: 0;
+	border-right: 3px solid #ddd;
+	margin-left: 0;
+	margin-right: 1.5em;
+	padding-left: 0;
+	padding-right: 1.5em;
+}
+
+.rtl .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"],
+.rtl .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"] {
+	border-left: 0;
+	border-right: 0;
+	padding-left: 0;
+	padding-right: 0;
+	margin-left: 0;
+	margin-right: 0;
 }
 
 .edit-post-visual-editor .editor-block-list__block .wp-block-quote p {