Kaynağa Gözat

_dsgnsystm: Further fix text-align for H2 in cover block

Takashi Irie 6 yıl önce
ebeveyn
işleme
8681b27855

+ 1 - 0
_dsgnsystm/sass/blocks/cover/_editor.scss

@@ -20,6 +20,7 @@
 		letter-spacing: #{map-deep-get($config-heading, "font", "letter-spacing", "h2")};
 		line-height: #{map-deep-get($config-heading, "font", "line-height", "h2")};
 		padding: 0;
+		max-width: inherit; // undo opinionated styles
 		text-align: inherit;
 
 		&.has-text-align-left {

+ 12 - 0
_dsgnsystm/sass/blocks/cover/_style.scss

@@ -25,6 +25,18 @@
 		max-width: inherit; // undo opinionated styles
 		text-align: inherit; // undo opinionated styles
 		padding: 0;
+
+		&.has-text-align-left {
+			text-align: left;
+		}
+
+		&.has-text-align-center {
+			text-align: center;
+		}
+
+		&.has-text-align-right {
+			text-align: right;
+		}
 	}
 
 	/**

+ 1 - 0
_dsgnsystm/style-editor.css

@@ -316,6 +316,7 @@ object {
 	letter-spacing: normal;
 	line-height: 1.125;
 	padding: 0;
+	max-width: inherit;
 	text-align: inherit;
 }
 

+ 15 - 0
_dsgnsystm/style-rtl.css

@@ -1191,6 +1191,21 @@ input[type="submit"].has-focus,
 	padding: 0;
 }
 
+.wp-block-cover h2.has-text-align-left,
+.wp-block-cover-image h2.has-text-align-left {
+	text-align: right;
+}
+
+.wp-block-cover h2.has-text-align-center,
+.wp-block-cover-image h2.has-text-align-center {
+	text-align: center;
+}
+
+.wp-block-cover h2.has-text-align-right,
+.wp-block-cover-image h2.has-text-align-right {
+	text-align: left;
+}
+
 .wp-block-cover.alignleft, .wp-block-cover.alignright,
 .wp-block-cover-image.alignleft,
 .wp-block-cover-image.alignright {

+ 15 - 0
_dsgnsystm/style.css

@@ -1191,6 +1191,21 @@ input[type="submit"].has-focus,
 	padding: 0;
 }
 
+.wp-block-cover h2.has-text-align-left,
+.wp-block-cover-image h2.has-text-align-left {
+	text-align: left;
+}
+
+.wp-block-cover h2.has-text-align-center,
+.wp-block-cover-image h2.has-text-align-center {
+	text-align: center;
+}
+
+.wp-block-cover h2.has-text-align-right,
+.wp-block-cover-image h2.has-text-align-right {
+	text-align: right;
+}
+
 .wp-block-cover.alignleft, .wp-block-cover.alignright,
 .wp-block-cover-image.alignleft,
 .wp-block-cover-image.alignright {