Просмотр исходного кода

Merge pull request #1207 from Automattic/fix/1128-friendly-business-fix-cover-heading-alignment

 Friendly Business: Fix the cover headings alignment
Daniel Dudzic 6 лет назад
Родитель
Сommit
268c67b6be

+ 14 - 0
friendly-business/sass/blocks/_blocks.scss

@@ -563,6 +563,20 @@
 			}
 		}
 
+		h2 {
+			&.has-text-align-left {
+				text-align: left;
+			}
+
+			&.has-text-align-center {
+				text-align: center;
+			}
+
+			&.has-text-align-right {
+				text-align: right;
+			}
+		}
+
 		h3 {
 			font-size: $font__size-md;
 

+ 27 - 0
friendly-business/style-editor.css

@@ -1203,9 +1203,36 @@ figcaption,
 .wp-block-cover h4,
 .wp-block-cover h5,
 .wp-block-cover h6 {
+  text-align: inherit;
+}
+
+.wp-block-cover h1.has-text-align-left,
+.wp-block-cover h2.has-text-align-left,
+.wp-block-cover h3.has-text-align-left,
+.wp-block-cover h4.has-text-align-left,
+.wp-block-cover h5.has-text-align-left,
+.wp-block-cover h6.has-text-align-left {
   text-align: left;
 }
 
+.wp-block-cover h1.has-text-align-center,
+.wp-block-cover h2.has-text-align-center,
+.wp-block-cover h3.has-text-align-center,
+.wp-block-cover h4.has-text-align-center,
+.wp-block-cover h5.has-text-align-center,
+.wp-block-cover h6.has-text-align-center {
+  text-align: center;
+}
+
+.wp-block-cover h1.has-text-align-right,
+.wp-block-cover h2.has-text-align-right,
+.wp-block-cover h3.has-text-align-right,
+.wp-block-cover h4.has-text-align-right,
+.wp-block-cover h5.has-text-align-right,
+.wp-block-cover h6.has-text-align-right {
+  text-align: right;
+}
+
 .wp-block-cover h1 {
   font-size: 2.25em;
 }

+ 13 - 1
friendly-business/style-editor.scss

@@ -341,7 +341,19 @@ figcaption,
 	h4,
 	h5,
 	h6 {
-		text-align: left;
+		text-align: inherit;
+
+		&.has-text-align-left {
+			text-align: left;
+		}
+
+		&.has-text-align-center {
+			text-align: center;
+		}
+
+		&.has-text-align-right {
+			text-align: right;
+		}
 	}
 
 	h1 {

+ 15 - 0
friendly-business/style-rtl.css

@@ -3975,6 +3975,21 @@ body.page .main-navigation {
   }
 }
 
+.entry .entry-content .wp-block-cover-image h2.has-text-align-left,
+.entry .entry-content .wp-block-cover h2.has-text-align-left {
+  text-align: right;
+}
+
+.entry .entry-content .wp-block-cover-image h2.has-text-align-center,
+.entry .entry-content .wp-block-cover h2.has-text-align-center {
+  text-align: center;
+}
+
+.entry .entry-content .wp-block-cover-image h2.has-text-align-right,
+.entry .entry-content .wp-block-cover h2.has-text-align-right {
+  text-align: left;
+}
+
 .entry .entry-content .wp-block-cover-image h3,
 .entry .entry-content .wp-block-cover h3 {
   font-size: 1.125em;

+ 15 - 0
friendly-business/style.css

@@ -3987,6 +3987,21 @@ body.page .main-navigation {
   }
 }
 
+.entry .entry-content .wp-block-cover-image h2.has-text-align-left,
+.entry .entry-content .wp-block-cover h2.has-text-align-left {
+  text-align: left;
+}
+
+.entry .entry-content .wp-block-cover-image h2.has-text-align-center,
+.entry .entry-content .wp-block-cover h2.has-text-align-center {
+  text-align: center;
+}
+
+.entry .entry-content .wp-block-cover-image h2.has-text-align-right,
+.entry .entry-content .wp-block-cover h2.has-text-align-right {
+  text-align: right;
+}
+
 .entry .entry-content .wp-block-cover-image h3,
 .entry .entry-content .wp-block-cover h3 {
   font-size: 1.125em;