Merge pull request #820 from Automattic/fix/issue-803

Elegant Business: Fixing font sizes in Cover Block

elegant-business/sass/blocks/_blocks.scss

@@ -539,12 +539,35 @@
 			}
 		}
 
+		h1 {
+			font-size: $font__size-xxl;
+		}
+
+		.wp-block-cover-image-text,
+		.wp-block-cover-text,
 		h2 {
-			max-width: inherit;
+			font-size: $font__size-xl;
 			margin: inherit;
+			max-width: inherit;
 			text-align: inherit;
 		}
 
+		h3 {
+			font-size: $font__size-lg;
+		}
+
+		h4 {
+			font-size: $font__size-md;
+		}
+
+		h5 {
+			font-size: $font__size-base;
+		}
+
+		h6 {
+			font-size: $font__size-sm;
+		}
+
 		&.has-left-content {
 			.wp-block-cover__inner-container {
 				text-align: left;
@@ -810,7 +833,7 @@
 				margin-right: #{0.5 * $size__spacing-unit};
       }
     }
-    
+
     @include media(tabletalt) {
 			.wp-block-column > * {
 

elegant-business/style-rtl.css

@@ -3919,13 +3919,43 @@ body.page .main-navigation {
   }
 }
 
+.entry .entry-content .wp-block-cover-image h1,
+.entry .entry-content .wp-block-cover h1 {
+  font-size: 2.8125em;
+}
+
+.entry .entry-content .wp-block-cover-image .wp-block-cover-image-text,
+.entry .entry-content .wp-block-cover-image .wp-block-cover-text,
 .entry .entry-content .wp-block-cover-image h2,
+.entry .entry-content .wp-block-cover .wp-block-cover-image-text,
+.entry .entry-content .wp-block-cover .wp-block-cover-text,
 .entry .entry-content .wp-block-cover h2 {
-  max-width: inherit;
+  font-size: 2.25em;
   margin: inherit;
+  max-width: inherit;
   text-align: inherit;
 }
 
+.entry .entry-content .wp-block-cover-image h3,
+.entry .entry-content .wp-block-cover h3 {
+  font-size: 1.6875em;
+}
+
+.entry .entry-content .wp-block-cover-image h4,
+.entry .entry-content .wp-block-cover h4 {
+  font-size: 1.125em;
+}
+
+.entry .entry-content .wp-block-cover-image h5,
+.entry .entry-content .wp-block-cover h5 {
+  font-size: 22px;
+}
+
+.entry .entry-content .wp-block-cover-image h6,
+.entry .entry-content .wp-block-cover h6 {
+  font-size: 0.88889em;
+}
+
 .entry .entry-content .wp-block-cover-image.has-left-content .wp-block-cover__inner-container,
 .entry .entry-content .wp-block-cover.has-left-content .wp-block-cover__inner-container {
   text-align: right;

elegant-business/style.css

@@ -3931,13 +3931,43 @@ body.page .main-navigation {
   }
 }
 
+.entry .entry-content .wp-block-cover-image h1,
+.entry .entry-content .wp-block-cover h1 {
+  font-size: 2.8125em;
+}
+
+.entry .entry-content .wp-block-cover-image .wp-block-cover-image-text,
+.entry .entry-content .wp-block-cover-image .wp-block-cover-text,
 .entry .entry-content .wp-block-cover-image h2,
+.entry .entry-content .wp-block-cover .wp-block-cover-image-text,
+.entry .entry-content .wp-block-cover .wp-block-cover-text,
 .entry .entry-content .wp-block-cover h2 {
-  max-width: inherit;
+  font-size: 2.25em;
   margin: inherit;
+  max-width: inherit;
   text-align: inherit;
 }
 
+.entry .entry-content .wp-block-cover-image h3,
+.entry .entry-content .wp-block-cover h3 {
+  font-size: 1.6875em;
+}
+
+.entry .entry-content .wp-block-cover-image h4,
+.entry .entry-content .wp-block-cover h4 {
+  font-size: 1.125em;
+}
+
+.entry .entry-content .wp-block-cover-image h5,
+.entry .entry-content .wp-block-cover h5 {
+  font-size: 22px;
+}
+
+.entry .entry-content .wp-block-cover-image h6,
+.entry .entry-content .wp-block-cover h6 {
+  font-size: 0.88889em;
+}
+
 .entry .entry-content .wp-block-cover-image.has-left-content .wp-block-cover__inner-container,
 .entry .entry-content .wp-block-cover.has-left-content .wp-block-cover__inner-container {
   text-align: left;