Jelajahi Sumber

More fixes for RTL styles.

Caroline Moore 6 tahun lalu
induk
melakukan
3df8ae9fe7
2 mengubah file dengan 29 tambahan dan 7 penghapusan
  1. 6 5
      libretto/css/blocks.css
  2. 23 2
      libretto/css/editor-blocks.css

+ 6 - 5
libretto/css/blocks.css

@@ -92,10 +92,6 @@ p.has-drop-cap:not(:focus)::first-letter {
 .wp-block-quote.alignright {
 }
 
-.rtl .wp-block-quote:not(.is-large):not(.is-style-large).alignleft,
-.rtl .wp-block-quote:not(.is-large):not(.is-style-large).alignright {
-}
-
 .wp-block-quote cite {
 	display: block;
 	width: 100%;
@@ -129,7 +125,7 @@ p.has-drop-cap:not(:focus)::first-letter {
 	border: 0;
 }
 
-.rtl .wp-block-quote cite {
+.rtl  blockquote.wp-block-quote cite:before {
 	float: none;
 }
 
@@ -382,6 +378,11 @@ hr.wp-block-separator {
 	padding: .75em 0;
 }
 
+.wp-block-latest-comments .avatar,
+.wp-block-latest-comments__comment-avatar {
+	margin: 0;
+}
+
 .wp-block-latest-comments__comment-excerpt p:last-child {
 	margin-bottom: 0;
 }

+ 23 - 2
libretto/css/editor-blocks.css

@@ -283,12 +283,21 @@ See: https://stackoverflow.com/questions/16348489/is-there-a-css-hack-for-safari
 	margin: 6px 10px 0 -5px;
 }
 
+.rtl .wp-block-paragraph.has-drop-cap:not(:focus)::first-letter {
+	float: right;
+	margin: 6px -5px 0 10px;
+}
+
 @media only screen and (min-width: 641px) {
 	.wp-block-paragraph.has-drop-cap:not(:focus)::first-letter {
 		font-size: 121px;
 		line-height: 70px;
 		margin: 6px 10px 0 -5px;
 	}
+
+	.rtl .wp-block-paragraph.has-drop-cap:not(:focus)::first-letter {
+		margin: 6px -5px 0 10px;
+	}
 }
 
 .edit-post-visual-editor p {
@@ -353,6 +362,12 @@ See: https://stackoverflow.com/questions/16348489/is-there-a-css-hack-for-safari
 	z-index: -1;
 }
 
+.rtl .editor-block-list__block .wp-block-quote:before {
+	content: "\201C";
+	left: auto;
+	right: -35px;
+}
+
 .editor-block-list__block .wp-block-quote {
 	color: #a09a92;
 	font-family: "Playfair Display", Georgia, serif;
@@ -384,8 +399,8 @@ See: https://stackoverflow.com/questions/16348489/is-there-a-css-hack-for-safari
 }
 
 .editor-block-list__block .wp-block-quote__citation::before {
-  content: "\2013";
-  display: inline;
+	content: "\2013";
+	display: inline;
 }
 
 .rtl .editor-block-list__block .wp-block-quote:not(.is-large):not(.is-style-large) {
@@ -561,6 +576,12 @@ See: https://stackoverflow.com/questions/16348489/is-there-a-css-hack-for-safari
 	z-index: -1;
 }
 
+.rtl .wp-block-freeform.block-library-rich-text__tinymce blockquote:before {
+	content: "\201D";
+	right: -35px;
+	left: auto;
+}
+
 .wp-block-freeform.block-library-rich-text__tinymce blockquote {
 	border: 0;
 	color: #a09a92;