Sfoglia il codice sorgente

Sophisticated Business: Fix the cover headings alignment

Danny Dudzic 6 anni fa
parent
commit
02efdbc0e8

+ 12 - 0
sophisticated-business/sass/blocks/_blocks.scss

@@ -569,6 +569,18 @@
 
 		h1, h2, h3, h4, h5, h6 {
 			font-weight: 700;
+
+			&.has-text-align-left {
+				text-align: left;
+			}
+
+			&.has-text-align-center {
+				text-align: center;
+			}
+
+			&.has-text-align-right {
+				text-align: right;
+			}
 		}
 
 		h1 {

+ 12 - 0
sophisticated-business/style-editor.css

@@ -1086,6 +1086,18 @@ figcaption,
   font-weight: 700;
 }
 
+.wp-block-cover .wp-block-cover__inner-container h1.has-text-align-left, .wp-block-cover .wp-block-cover__inner-container h2.has-text-align-left, .wp-block-cover .wp-block-cover__inner-container h3.has-text-align-left, .wp-block-cover .wp-block-cover__inner-container h4.has-text-align-left, .wp-block-cover .wp-block-cover__inner-container h5.has-text-align-left, .wp-block-cover .wp-block-cover__inner-container h6.has-text-align-left {
+  text-align: left;
+}
+
+.wp-block-cover .wp-block-cover__inner-container h1.has-text-align-center, .wp-block-cover .wp-block-cover__inner-container h2.has-text-align-center, .wp-block-cover .wp-block-cover__inner-container h3.has-text-align-center, .wp-block-cover .wp-block-cover__inner-container h4.has-text-align-center, .wp-block-cover .wp-block-cover__inner-container h5.has-text-align-center, .wp-block-cover .wp-block-cover__inner-container h6.has-text-align-center {
+  text-align: center;
+}
+
+.wp-block-cover .wp-block-cover__inner-container h1.has-text-align-right, .wp-block-cover .wp-block-cover__inner-container h2.has-text-align-right, .wp-block-cover .wp-block-cover__inner-container h3.has-text-align-right, .wp-block-cover .wp-block-cover__inner-container h4.has-text-align-right, .wp-block-cover .wp-block-cover__inner-container h5.has-text-align-right, .wp-block-cover .wp-block-cover__inner-container h6.has-text-align-right {
+  text-align: right;
+}
+
 .wp-block-cover .wp-block-cover__inner-container h1 {
   font-size: 2.25em;
 }

+ 12 - 0
sophisticated-business/style-editor.scss

@@ -293,6 +293,18 @@ figcaption,
 
 		h1, h2, h3, h4, h5, h6 {
 			font-weight: 700;
+
+			&.has-text-align-left {
+				text-align: left;
+			}
+
+			&.has-text-align-center {
+				text-align: center;
+			}
+
+			&.has-text-align-right {
+				text-align: right;
+			}
 		}
 
 		h1 {

+ 30 - 0
sophisticated-business/style-rtl.css

@@ -3912,6 +3912,36 @@ body.page .main-navigation {
   font-weight: 700;
 }
 
+.entry .entry-content .wp-block-cover-image h1.has-text-align-left, .entry .entry-content .wp-block-cover-image h2.has-text-align-left, .entry .entry-content .wp-block-cover-image h3.has-text-align-left, .entry .entry-content .wp-block-cover-image h4.has-text-align-left, .entry .entry-content .wp-block-cover-image h5.has-text-align-left, .entry .entry-content .wp-block-cover-image h6.has-text-align-left,
+.entry .entry-content .wp-block-cover h1.has-text-align-left,
+.entry .entry-content .wp-block-cover h2.has-text-align-left,
+.entry .entry-content .wp-block-cover h3.has-text-align-left,
+.entry .entry-content .wp-block-cover h4.has-text-align-left,
+.entry .entry-content .wp-block-cover h5.has-text-align-left,
+.entry .entry-content .wp-block-cover h6.has-text-align-left {
+  text-align: right;
+}
+
+.entry .entry-content .wp-block-cover-image h1.has-text-align-center, .entry .entry-content .wp-block-cover-image h2.has-text-align-center, .entry .entry-content .wp-block-cover-image h3.has-text-align-center, .entry .entry-content .wp-block-cover-image h4.has-text-align-center, .entry .entry-content .wp-block-cover-image h5.has-text-align-center, .entry .entry-content .wp-block-cover-image h6.has-text-align-center,
+.entry .entry-content .wp-block-cover h1.has-text-align-center,
+.entry .entry-content .wp-block-cover h2.has-text-align-center,
+.entry .entry-content .wp-block-cover h3.has-text-align-center,
+.entry .entry-content .wp-block-cover h4.has-text-align-center,
+.entry .entry-content .wp-block-cover h5.has-text-align-center,
+.entry .entry-content .wp-block-cover h6.has-text-align-center {
+  text-align: center;
+}
+
+.entry .entry-content .wp-block-cover-image h1.has-text-align-right, .entry .entry-content .wp-block-cover-image h2.has-text-align-right, .entry .entry-content .wp-block-cover-image h3.has-text-align-right, .entry .entry-content .wp-block-cover-image h4.has-text-align-right, .entry .entry-content .wp-block-cover-image h5.has-text-align-right, .entry .entry-content .wp-block-cover-image h6.has-text-align-right,
+.entry .entry-content .wp-block-cover h1.has-text-align-right,
+.entry .entry-content .wp-block-cover h2.has-text-align-right,
+.entry .entry-content .wp-block-cover h3.has-text-align-right,
+.entry .entry-content .wp-block-cover h4.has-text-align-right,
+.entry .entry-content .wp-block-cover h5.has-text-align-right,
+.entry .entry-content .wp-block-cover h6.has-text-align-right {
+  text-align: left;
+}
+
 .entry .entry-content .wp-block-cover-image h1,
 .entry .entry-content .wp-block-cover h1 {
   font-size: 2.25em;

+ 30 - 0
sophisticated-business/style.css

@@ -3924,6 +3924,36 @@ body.page .main-navigation {
   font-weight: 700;
 }
 
+.entry .entry-content .wp-block-cover-image h1.has-text-align-left, .entry .entry-content .wp-block-cover-image h2.has-text-align-left, .entry .entry-content .wp-block-cover-image h3.has-text-align-left, .entry .entry-content .wp-block-cover-image h4.has-text-align-left, .entry .entry-content .wp-block-cover-image h5.has-text-align-left, .entry .entry-content .wp-block-cover-image h6.has-text-align-left,
+.entry .entry-content .wp-block-cover h1.has-text-align-left,
+.entry .entry-content .wp-block-cover h2.has-text-align-left,
+.entry .entry-content .wp-block-cover h3.has-text-align-left,
+.entry .entry-content .wp-block-cover h4.has-text-align-left,
+.entry .entry-content .wp-block-cover h5.has-text-align-left,
+.entry .entry-content .wp-block-cover h6.has-text-align-left {
+  text-align: left;
+}
+
+.entry .entry-content .wp-block-cover-image h1.has-text-align-center, .entry .entry-content .wp-block-cover-image h2.has-text-align-center, .entry .entry-content .wp-block-cover-image h3.has-text-align-center, .entry .entry-content .wp-block-cover-image h4.has-text-align-center, .entry .entry-content .wp-block-cover-image h5.has-text-align-center, .entry .entry-content .wp-block-cover-image h6.has-text-align-center,
+.entry .entry-content .wp-block-cover h1.has-text-align-center,
+.entry .entry-content .wp-block-cover h2.has-text-align-center,
+.entry .entry-content .wp-block-cover h3.has-text-align-center,
+.entry .entry-content .wp-block-cover h4.has-text-align-center,
+.entry .entry-content .wp-block-cover h5.has-text-align-center,
+.entry .entry-content .wp-block-cover h6.has-text-align-center {
+  text-align: center;
+}
+
+.entry .entry-content .wp-block-cover-image h1.has-text-align-right, .entry .entry-content .wp-block-cover-image h2.has-text-align-right, .entry .entry-content .wp-block-cover-image h3.has-text-align-right, .entry .entry-content .wp-block-cover-image h4.has-text-align-right, .entry .entry-content .wp-block-cover-image h5.has-text-align-right, .entry .entry-content .wp-block-cover-image h6.has-text-align-right,
+.entry .entry-content .wp-block-cover h1.has-text-align-right,
+.entry .entry-content .wp-block-cover h2.has-text-align-right,
+.entry .entry-content .wp-block-cover h3.has-text-align-right,
+.entry .entry-content .wp-block-cover h4.has-text-align-right,
+.entry .entry-content .wp-block-cover h5.has-text-align-right,
+.entry .entry-content .wp-block-cover h6.has-text-align-right {
+  text-align: right;
+}
+
 .entry .entry-content .wp-block-cover-image h1,
 .entry .entry-content .wp-block-cover h1 {
   font-size: 2.25em;