Browse Source

Modern Business: Fix the cover headings alignment

Danny Dudzic 6 years ago
parent
commit
4db74eea2e

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

@@ -730,6 +730,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;
 

+ 45 - 0
modern-business/style-editor.css

@@ -1264,9 +1264,54 @@ figcaption,
 .wp-block-cover h5,
 .wp-block-cover h6 {
   font-weight: 300;
+  text-align: inherit;
+}
+
+.wp-block-cover-image h1.has-text-align-left,
+.wp-block-cover-image h2.has-text-align-left,
+.wp-block-cover-image h3.has-text-align-left,
+.wp-block-cover-image h4.has-text-align-left,
+.wp-block-cover-image h5.has-text-align-left,
+.wp-block-cover-image h6.has-text-align-left,
+.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-image h1.has-text-align-center,
+.wp-block-cover-image h2.has-text-align-center,
+.wp-block-cover-image h3.has-text-align-center,
+.wp-block-cover-image h4.has-text-align-center,
+.wp-block-cover-image h5.has-text-align-center,
+.wp-block-cover-image h6.has-text-align-center,
+.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-image h1.has-text-align-right,
+.wp-block-cover-image h2.has-text-align-right,
+.wp-block-cover-image h3.has-text-align-right,
+.wp-block-cover-image h4.has-text-align-right,
+.wp-block-cover-image h5.has-text-align-right,
+.wp-block-cover-image h6.has-text-align-right,
+.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-image h1,
 .wp-block-cover h1 {
   font-size: 2.25em;

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

@@ -346,7 +346,19 @@ figcaption,
 	h5,
 	h6 {
 		font-weight: 300;
-		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
modern-business/style-rtl.css

@@ -4211,6 +4211,21 @@ footer .wp-block-a8c-navigation-menu .sub-menu {
   }
 }
 
+.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
modern-business/style.css

@@ -4223,6 +4223,21 @@ footer .wp-block-a8c-navigation-menu .sub-menu {
   }
 }
 
+.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;