Browse Source

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

All Theme Variations: fixes Cover Block text align and font-size settings
Allan Cole 6 years ago
parent
commit
55394db04e
33 changed files with 5495 additions and 3606 deletions
  1. 9 14
      calm-business/sass/blocks/_blocks.scss
  2. 13 66
      calm-business/style-editor.css
  3. 9 32
      calm-business/style-editor.scss
  4. 336 196
      calm-business/style-rtl.css
  5. 15 29
      calm-business/style.css
  6. 11 39
      elegant-business/sass/blocks/_blocks.scss
  7. 17 5
      elegant-business/sass/typography/_headings.scss
  8. 19 58
      elegant-business/style-editor.css
  9. 13 28
      elegant-business/style-editor.scss
  10. 344 190
      elegant-business/style-rtl.css
  11. 49 74
      elegant-business/style.css
  12. 14 16
      friendly-business/sass/blocks/_blocks.scss
  13. 2 0
      friendly-business/sass/typography/_headings.scss
  14. 1011 633
      friendly-business/style-rtl.css
  15. 27 30
      friendly-business/style.css
  16. 19 22
      modern-business/sass/blocks/_blocks.scss
  17. 9 1
      modern-business/sass/site/primary/_archives.scss
  18. 7 1
      modern-business/sass/site/primary/_posts-and-pages.scss
  19. 5 9
      modern-business/sass/typography/_headings.scss
  20. 39 27
      modern-business/style-editor.css
  21. 22 20
      modern-business/style-editor.scss
  22. 1035 654
      modern-business/style-rtl.css
  23. 96 40
      modern-business/style.css
  24. 16 16
      professional-business/sass/blocks/_blocks.scss
  25. 2 0
      professional-business/sass/typography/_headings.scss
  26. 1032 644
      professional-business/style-rtl.css
  27. 38 42
      professional-business/style.css
  28. 85 18
      sophisticated-business/sass/blocks/_blocks.scss
  29. 10 0
      sophisticated-business/sass/typography/_headings.scss
  30. 7 12
      sophisticated-business/style-editor.css
  31. 5 9
      sophisticated-business/style-editor.scss
  32. 1057 649
      sophisticated-business/style-rtl.css
  33. 122 32
      sophisticated-business/style.css

+ 9 - 14
calm-business/sass/blocks/_blocks.scss

@@ -531,22 +531,21 @@
 			min-height: 620px;
 		}
 
-		.wp-block-cover-image-text,
-		.wp-block-cover-text,
-		h2 {
-			font-family: $font__heading;
-			font-size: $font__size-lg;
-			font-weight: $font__weight_bold;
-			line-height: 1.25;
+		.wp-block-cover__inner-container {
 			padding: 0;
 			color: #fff;
 
 			@include media(tablet) {
-				font-size: $font__size-xxl;
 				max-width: 100%;
 			}
 		}
 
+		h2 {
+			max-width: inherit;
+			margin: inherit;
+			text-align: inherit;
+		}
+
 		&.alignleft,
 		&.alignright {
 			width: 100%;
@@ -558,9 +557,7 @@
 
 		&.alignfull {
 
-			.wp-block-cover-image-text,
-			.wp-block-cover-text,
-			h2 {
+			.wp-block-cover__inner-container {
 				max-width: 100%;
 			}
 
@@ -568,9 +565,7 @@
 				padding-left: calc(10% + 58px + (2 * #{$size__spacing-unit}));
 				padding-right: calc(10% + 58px + (2 * #{$size__spacing-unit}));
 
-				.wp-block-cover-image-text,
-				.wp-block-cover-text,
-				h2 {
+				.wp-block-cover__inner-container {
 					padding: 0;
 				}
 			}

+ 13 - 66
calm-business/style-editor.css

@@ -91,54 +91,19 @@ h6 {
 }
 
 h1 {
-  font-size: 1.6875em;
-  z-index: 1;
-  align-self: start;
-}
-
-h1 > :first-child:before {
-  border-width: 1px;
-  border-style: solid;
-  border-color: inherit;
-  content: "";
-  display: block;
-  height: 2px;
-  margin: 1.46rem 0 1rem;
-  width: 20px;
-}
-
-@media only screen and (min-width: 768px) {
-  h1 {
-    font-size: 2.25em;
-  }
+  font-size: 2.25em;
 }
 
 h2 {
   font-size: 1.6875em;
-  z-index: 1;
-  align-self: start;
-  margin: 32px auto;
-  max-width: calc(6*(100vw/12) - 28px);
-  font-size: 1.125em;
-}
-
-h2 > :first-child:before {
-  border-width: 1px;
-  border-style: solid;
-  border-color: inherit;
-  content: "";
-  display: block;
-  height: 2px;
-  margin: 1.46rem 0 1rem;
-  width: 20px;
 }
 
 h3 {
-  font-size: 22px;
+  font-size: 1.125em;
 }
 
 h4 {
-  font-size: 1.125em;
+  font-size: 22px;
 }
 
 h5 {
@@ -282,28 +247,20 @@ figcaption,
   padding: 1rem;
 }
 
-.wp-block-cover h2,
-.wp-block-cover .wp-block-cover-text {
-  font-family: "Poppins", sans-serif;
-  font-size: 1.6875em;
-  font-weight: 700;
-  line-height: 1.25;
+.wp-block-cover .wp-block-cover__inner-container {
   padding: 0;
   color: #fff;
 }
 
-.wp-block-cover h2 strong,
-.wp-block-cover .wp-block-cover-text strong {
+.wp-block-cover .wp-block-cover__inner-container strong {
   font-weight: bolder;
 }
 
 @media only screen and (min-width: 768px) {
-  .wp-block-cover h2,
-  .wp-block-cover .wp-block-cover-text {
+  .wp-block-cover .wp-block-cover__inner-container {
     margin-left: auto;
     margin-right: auto;
     padding: 0;
-    font-size: 2.8125em;
   }
 }
 
@@ -312,17 +269,11 @@ figcaption,
     padding: 1rem 10%;
     min-height: 620px;
   }
-  .wp-block-cover h2,
-  .wp-block-cover .wp-block-cover-text {
-    font-size: 2.8125em;
-    font-weight: 700;
-    line-height: 1.25;
-  }
 }
 
-.wp-block[data-type="core/cover"][data-align="left"] .editor-block-list__block-edit,
-.wp-block[data-type="core/cover"][data-align="right"] .editor-block-list__block-edit {
-  width: calc(4 * (100vw / 12));
+.wp-block[data-type="core/cover"][data-align="left"] .wp-block-cover__inner-container,
+.wp-block[data-type="core/cover"][data-align="right"] .wp-block-cover__inner-container {
+  width: calc(2 * (100vw / 12));
 }
 
 .wp-block[data-type="core/cover"][data-align="left"] .wp-block-cover,
@@ -346,19 +297,15 @@ figcaption,
 }
 
 @media only screen and (min-width: 768px) {
-  .wp-block[data-type="core/cover"][data-align="wide"] h2,
-  .wp-block[data-type="core/cover"][data-align="wide"] .wp-block-cover-text,
-  .wp-block[data-type="core/cover"][data-align="full"] h2,
-  .wp-block[data-type="core/cover"][data-align="full"] .wp-block-cover-text {
+  .wp-block[data-type="core/cover"][data-align="wide"] .wp-block-cover__inner-container,
+  .wp-block[data-type="core/cover"][data-align="full"] .wp-block-cover__inner-container {
     max-width: 100%;
   }
 }
 
 @media only screen and (min-width: 1168px) {
-  .wp-block[data-type="core/cover"][data-align="wide"] h2,
-  .wp-block[data-type="core/cover"][data-align="wide"] .wp-block-cover-text,
-  .wp-block[data-type="core/cover"][data-align="full"] h2,
-  .wp-block[data-type="core/cover"][data-align="full"] .wp-block-cover-text {
+  .wp-block[data-type="core/cover"][data-align="wide"] .wp-block-cover__inner-container,
+  .wp-block[data-type="core/cover"][data-align="full"] .wp-block-cover__inner-container {
     max-width: 100%;
   }
 }

+ 9 - 32
calm-business/style-editor.scss

@@ -94,28 +94,19 @@ h6 {
 }
 
 h1 {
-	font-size: $font__size-lg;
-	@include post-section-dash;
-
-	@include media(tablet) {
-		font-size: $font__size-xl;
-	}
+	font-size: $font__size-xl;
 }
 
 h2 {
 	font-size: $font__size-lg;
-	@include post-section-dash;
-	margin: 32px auto;
-	max-width: calc(6*(100vw/12) - 28px);
-	font-size: $font__size-md;
 }
 
 h3 {
-	font-size: $font__size-base;
+	font-size: $font__size-md;
 }
 
 h4 {
-	font-size: $font__size-md;
+	font-size: $font__size-base;
 }
 
 h5 {
@@ -250,12 +241,8 @@ figcaption,
 	position: relative;
 	min-height: 380px;
 	padding: $size__spacing-unit;
-	h2,
-	.wp-block-cover-text {
-		font-family: $font__heading;
-		font-size: $font__size-lg;
-		font-weight: $font__weight_bold;
-		line-height: 1.25;
+
+	.wp-block-cover__inner-container {
 		padding: 0;
 		color: #fff;
 
@@ -267,28 +254,20 @@ figcaption,
 			margin-left: auto;
 			margin-right: auto;
 			padding: 0;
-			font-size: $font__size-xxl;
 		}
 	}
 
 	@include media(tablet) {
 		padding: $size__spacing-unit 10%;
 		min-height: 620px;
-
-		h2,
-		.wp-block-cover-text {
-			font-size: $font__size-xxl;
-			font-weight: $font__weight_bold;
-			line-height: 1.25;
-		}
 	}
 }
 
 .wp-block[data-type="core/cover"][data-align="left"],
 .wp-block[data-type="core/cover"][data-align="right"] {
 
-	.editor-block-list__block-edit {
-		width: calc(4 * (100vw / 12));
+	.wp-block-cover__inner-container {
+		width: calc(2 * (100vw / 12));
 	}
 
 	.wp-block-cover {
@@ -312,16 +291,14 @@ figcaption,
 
 	@include media(tablet) {
 
-		h2,
-		.wp-block-cover-text {
+		.wp-block-cover__inner-container {
 			max-width: 100%;
 		}
 	}
 
 	@include media(desktop) {
 
-		h2,
-		.wp-block-cover-text {
+		.wp-block-cover__inner-container {
 			max-width: 100%;
 		}
 	}

File diff suppressed because it is too large
+ 336 - 196
calm-business/style-rtl.css


+ 15 - 29
calm-business/style.css

@@ -4010,32 +4010,26 @@ body.page .main-navigation {
   }
 }
 
-.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 {
-  font-family: "Poppins", sans-serif;
-  font-size: 1.6875em;
-  font-weight: 700;
-  line-height: 1.25;
+.entry .entry-content .wp-block-cover-image .wp-block-cover__inner-container,
+.entry .entry-content .wp-block-cover .wp-block-cover__inner-container {
   padding: 0;
   color: #fff;
 }
 
 @media only screen and (min-width: 768px) {
-  .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 {
-    font-size: 2.8125em;
+  .entry .entry-content .wp-block-cover-image .wp-block-cover__inner-container,
+  .entry .entry-content .wp-block-cover .wp-block-cover__inner-container {
     max-width: 100%;
   }
 }
 
+.entry .entry-content .wp-block-cover-image h2,
+.entry .entry-content .wp-block-cover h2 {
+  max-width: inherit;
+  margin: inherit;
+  text-align: inherit;
+}
+
 .entry .entry-content .wp-block-cover-image.alignleft, .entry .entry-content .wp-block-cover-image.alignright,
 .entry .entry-content .wp-block-cover.alignleft,
 .entry .entry-content .wp-block-cover.alignright {
@@ -4050,12 +4044,8 @@ body.page .main-navigation {
   }
 }
 
-.entry .entry-content .wp-block-cover-image.alignfull .wp-block-cover-image-text,
-.entry .entry-content .wp-block-cover-image.alignfull .wp-block-cover-text,
-.entry .entry-content .wp-block-cover-image.alignfull h2,
-.entry .entry-content .wp-block-cover.alignfull .wp-block-cover-image-text,
-.entry .entry-content .wp-block-cover.alignfull .wp-block-cover-text,
-.entry .entry-content .wp-block-cover.alignfull h2 {
+.entry .entry-content .wp-block-cover-image.alignfull .wp-block-cover__inner-container,
+.entry .entry-content .wp-block-cover.alignfull .wp-block-cover__inner-container {
   max-width: 100%;
 }
 
@@ -4065,12 +4055,8 @@ body.page .main-navigation {
     padding-left: calc(10% + 58px + (2 * 1rem));
     padding-right: calc(10% + 58px + (2 * 1rem));
   }
-  .entry .entry-content .wp-block-cover-image.alignfull .wp-block-cover-image-text,
-  .entry .entry-content .wp-block-cover-image.alignfull .wp-block-cover-text,
-  .entry .entry-content .wp-block-cover-image.alignfull h2,
-  .entry .entry-content .wp-block-cover.alignfull .wp-block-cover-image-text,
-  .entry .entry-content .wp-block-cover.alignfull .wp-block-cover-text,
-  .entry .entry-content .wp-block-cover.alignfull h2 {
+  .entry .entry-content .wp-block-cover-image.alignfull .wp-block-cover__inner-container,
+  .entry .entry-content .wp-block-cover.alignfull .wp-block-cover__inner-container {
     padding: 0;
   }
 }

+ 11 - 39
elegant-business/sass/blocks/_blocks.scss

@@ -527,39 +527,32 @@
 			margin-top: $size__vertical-spacing-unit;
 		}
 
-		.wp-block-cover-image-text,
-		.wp-block-cover-text,
-		h2 {
-			font-family: $font__heading;
-			font-size: $font__size-lg;
-			font-weight: bold;
-			line-height: 1.25;
-			padding: 0;
+		.wp-block-cover__inner-container {
 			color: #fff;
-			text-align: center;
 			-ms-hyphens: auto;
 			-moz-hyphens: auto;
 			-webkit-hyphens: auto;
 			hyphens: auto;
 
 			@include media(tablet) {
-				font-size: $font__size-xl;
 				max-width: 100%;
 			}
 		}
 
+		h2 {
+			max-width: inherit;
+			margin: inherit;
+			text-align: inherit;
+		}
+
 		&.has-left-content {
-			.wp-block-cover-image-text,
-			.wp-block-cover-text,
-			h2 {
+			.wp-block-cover__inner-container {
 				text-align: left;
 			}
 		}
 
 		&.has-right-content {
-			.wp-block-cover-image-text,
-			.wp-block-cover-text,
-			h2 {
+			.wp-block-cover__inner-container {
 				text-align: right;
 			}
 		}
@@ -575,9 +568,7 @@
 
 		&.alignfull {
 
-			.wp-block-cover-image-text,
-			.wp-block-cover-text,
-			h2 {
+			.wp-block-cover__inner-container {
 				@include postContentMaxWidth();
 			}
 
@@ -588,9 +579,7 @@
 				width: calc( 125% + 150px );
 				max-width: calc( 125% + 150px );
 
-				.wp-block-cover-image-text,
-				.wp-block-cover-text,
-				h2 {
+				.wp-block-cover__inner-container {
 					padding: 0;
 					max-width: 100%;
 				}
@@ -888,23 +877,6 @@
 		}
 	}
 
-	//! Font Sizes
-	.has-small-font-size {
-		font-size: $font__size-sm;
-	}
-
-	.has-normal-font-size {
-		font-size: $font__size_base;
-	}
-
-	.has-large-font-size {
-		font-size: $font__size-lg;
-	}
-
-	.has-huge-font-size {
-		font-size: $font__size-xl;
-	}
-
 	//! Custom background colors
 	.has-primary-background-color,
 	.has-secondary-background-color,

+ 17 - 5
elegant-business/sass/typography/_headings.scss

@@ -64,7 +64,22 @@ h6 {
 }
 
 .entry-title,
+.has-huge-font-size,
 h1 {
+	font-size: $font__size-lg;
+
+	@include media(tablet) {
+		font-size: $font__size-xl;
+	}
+}
+
+.has-large-font-size,
+.wp-block-cover-image .wp-block-cover-image-text,
+.wp-block-cover-image .wp-block-cover-text,
+.wp-block-cover-image h2,
+.wp-block-cover .wp-block-cover-image-text,
+.wp-block-cover .wp-block-cover-text,
+.wp-block-cover h2 {
 	font-size: $font__size-md;
 
 	@include media(tablet) {
@@ -74,9 +89,7 @@ h1 {
 
 .site-title,
 .not-found .page-title,
-.error-404 .page-title,
-.has-larger-font-size,
-h2 {
+.error-404 .page-title {
 	font-size: $font__size-base;
 
 	@include media(tablet) {
@@ -85,7 +98,6 @@ h2 {
 }
 
 .has-regular-font-size,
-.has-large-font-size,
 .comments-title,
 h2.author-title,
 .author-description,
@@ -98,6 +110,7 @@ h3 {
 .nav-links,
 .page-title,
 .page-description,
+.has-small-font-size,
 .comment-author .fn,
 .no-comments,
 p.author-bio,
@@ -115,7 +128,6 @@ h5 {
 .entry-meta,
 .entry-footer,
 .discussion-meta-info,
-.has-small-font-size,
 .comment-reply-link,
 .comment-metadata,
 .comment-notes,

+ 19 - 58
elegant-business/style-editor.css

@@ -97,59 +97,39 @@ h6 {
 }
 
 h1 {
-  font-size: 1.125em;
-  /*
-	&:before {
-		background: $color__text-light;
-		content: "\020";
-		display: block;
-		height: 2px;
-		margin: $size__spacing-unit 0;
-		width: 1em;
-	}
-*/
+  font-size: 1.6875em;
 }
 
 @media only screen and (min-width: 768px) {
   h1 {
-    font-size: 1.6875em;
+    font-size: 2.25em;
   }
 }
 
 h2 {
-  font-size: 22px;
-  /*
-	&:before {
-		background: $color__text-light;
-		content: "\020";
-		display: block;
-		height: 2px;
-		margin: $size__spacing-unit 0;
-		width: 1em;
-	}
-*/
+  font-size: 1.125em;
 }
 
 @media only screen and (min-width: 768px) {
   h2 {
-    font-size: 1.125em;
+    font-size: 1.6875em;
   }
 }
 
 h3 {
-  font-size: 22px;
+  font-size: 1.125em;
 }
 
 h4 {
-  font-size: 0.88889em;
+  font-size: 22px;
 }
 
 h5 {
-  font-size: 0.71111em;
+  font-size: 0.88889em;
 }
 
 h6 {
-  font-size: 0.59259em;
+  font-size: 0.71111em;
 }
 
 a {
@@ -293,30 +273,20 @@ figcaption,
   min-height: 420px;
 }
 
-.wp-block-cover h2,
-.wp-block-cover .wp-block-cover-text,
-.wp-block-cover-image h2,
-.wp-block-cover-image .wp-block-cover-text {
-  font-family: "Source Serif Pro", "Baskerville Old Face", Garamond, "Times New Roman", serif;
-  font-size: 1.6875em;
-  font-weight: bold;
-  line-height: 1.4;
+.wp-block-cover .wp-block-cover__inner-container,
+.wp-block-cover-image .wp-block-cover__inner-container {
   padding-left: 1rem;
   padding-right: 1rem;
 }
 
-.wp-block-cover h2 strong,
-.wp-block-cover .wp-block-cover-text strong,
-.wp-block-cover-image h2 strong,
-.wp-block-cover-image .wp-block-cover-text strong {
+.wp-block-cover .wp-block-cover__inner-container strong,
+.wp-block-cover-image .wp-block-cover__inner-container strong {
   font-weight: bolder;
 }
 
 @media only screen and (min-width: 768px) {
-  .wp-block-cover h2,
-  .wp-block-cover .wp-block-cover-text,
-  .wp-block-cover-image h2,
-  .wp-block-cover-image .wp-block-cover-text {
+  .wp-block-cover .wp-block-cover__inner-container,
+  .wp-block-cover-image .wp-block-cover__inner-container {
     margin-left: auto;
     margin-right: auto;
     padding: 0;
@@ -330,16 +300,10 @@ figcaption,
     padding-left: 10%;
     padding-right: 10%;
   }
-  .wp-block-cover h2,
-  .wp-block-cover .wp-block-cover-text,
-  .wp-block-cover-image h2,
-  .wp-block-cover-image .wp-block-cover-text {
-    font-size: 2.25em;
-  }
 }
 
-.wp-block[data-type="core/cover"][data-align="left"] .editor-block-list__block-edit,
-.wp-block[data-type="core/cover"][data-align="right"] .editor-block-list__block-edit {
+.wp-block[data-type="core/cover"][data-align="left"] .wp-block-cover__inner-container,
+.wp-block[data-type="core/cover"][data-align="right"] .wp-block-cover__inner-container {
   width: calc(4 * (100vw / 12));
 }
 
@@ -357,22 +321,19 @@ figcaption,
 }
 
 @media only screen and (min-width: 768px) {
-  .wp-block[data-type="core/cover"][data-align="wide"] h2,
-  .wp-block[data-type="core/cover"][data-align="wide"] .wp-block-cover-text {
+  .wp-block[data-type="core/cover"][data-align="wide"] .wp-block-cover__inner-container {
     max-width: calc(8 * (100vw / 12));
   }
 }
 
 @media only screen and (min-width: 1168px) {
-  .wp-block[data-type="core/cover"][data-align="wide"] h2,
-  .wp-block[data-type="core/cover"][data-align="wide"] .wp-block-cover-text {
+  .wp-block[data-type="core/cover"][data-align="wide"] .wp-block-cover__inner-container {
     max-width: calc(6 * (100vw / 12));
   }
 }
 
 @media only screen and (min-width: 768px) {
-  .wp-block[data-type="core/cover"][data-align="full"] h2,
-  .wp-block[data-type="core/cover"][data-align="full"] .wp-block-cover-text {
+  .wp-block[data-type="core/cover"][data-align="full"] .wp-block-cover__inner-container {
     max-width: 100%;
   }
   .wp-block[data-type="core/cover"][data-align="full"] .wp-block-cover {

+ 13 - 28
elegant-business/style-editor.scss

@@ -102,37 +102,35 @@ h6 {
 }
 
 h1 {
-	font-size: $font__size-md;
-	@include post-section-dash;
+	font-size: $font__size-lg;
 
 	@include media(tablet) {
-		font-size: $font__size-lg;
+		font-size: $font__size-xl;
 	}
 }
 
 h2 {
-	font-size: $font__size-base;
-	@include post-section-dash;
+	font-size: $font__size-md;
 
 	@include media(tablet) {
-		font-size: $font__size-md;
+		font-size: $font__size-lg;
 	}
 }
 
 h3 {
-	font-size: $font__size-base;
+	font-size: $font__size-md;
 }
 
 h4 {
-	font-size: $font__size-sm;
+	font-size: $font__size-base;
 }
 
 h5 {
-	font-size: $font__size-xs;
+	font-size: $font__size-sm;
 }
 
 h6 {
-	font-size: $font__size-xxs;
+	font-size: $font__size-xs;
 }
 
 a {
@@ -260,12 +258,7 @@ figcaption,
 
 	min-height: 420px;
 
-	h2,
-	.wp-block-cover-text {
-		font-family: $font__heading;
-		font-size: $font__size-lg;
-		font-weight: bold;
-		line-height: 1.4;
+	.wp-block-cover__inner-container {
 		padding-left: $size__spacing-unit;
 		padding-right: $size__spacing-unit;
 
@@ -284,18 +277,13 @@ figcaption,
 		min-height: 560px;
 		padding-left: 10%;
 		padding-right: 10%;
-
-		h2,
-		.wp-block-cover-text {
-			font-size: $font__size-xl;
-		}
 	}
 }
 
 .wp-block[data-type="core/cover"][data-align="left"],
 .wp-block[data-type="core/cover"][data-align="right"] {
 
-	.editor-block-list__block-edit {
+	.wp-block-cover__inner-container {
 		width: calc(4 * (100vw / 12));
 	}
 
@@ -316,16 +304,14 @@ figcaption,
 
 	@include media(tablet) {
 
-		h2,
-		.wp-block-cover-text {
+		.wp-block-cover__inner-container {
 			max-width: calc(8 * (100vw / 12));
 		}
 	}
 
 	@include media(desktop) {
 
-		h2,
-		.wp-block-cover-text {
+		.wp-block-cover__inner-container {
 			max-width: calc(6 * (100vw / 12));
 		}
 	}
@@ -335,8 +321,7 @@ figcaption,
 
 	@include media(tablet) {
 
-		h2,
-		.wp-block-cover-text {
+		.wp-block-cover__inner-container {
 			max-width: 100%;
 		}
 

File diff suppressed because it is too large
+ 344 - 190
elegant-business/style-rtl.css


+ 49 - 74
elegant-business/style.css

@@ -492,37 +492,56 @@ h6 {
 }
 
 .entry-title,
+.has-huge-font-size,
 h1 {
-  font-size: 1.125em;
+  font-size: 1.6875em;
 }
 
 @media only screen and (min-width: 768px) {
   .entry-title,
+  .has-huge-font-size,
   h1 {
+    font-size: 2.25em;
+  }
+}
+
+.has-large-font-size,
+.wp-block-cover-image .wp-block-cover-image-text,
+.wp-block-cover-image .wp-block-cover-text,
+.wp-block-cover-image h2,
+.wp-block-cover .wp-block-cover-image-text,
+.wp-block-cover .wp-block-cover-text,
+.wp-block-cover h2 {
+  font-size: 1.125em;
+}
+
+@media only screen and (min-width: 768px) {
+  .has-large-font-size,
+  .wp-block-cover-image .wp-block-cover-image-text,
+  .wp-block-cover-image .wp-block-cover-text,
+  .wp-block-cover-image h2,
+  .wp-block-cover .wp-block-cover-image-text,
+  .wp-block-cover .wp-block-cover-text,
+  .wp-block-cover h2 {
     font-size: 1.6875em;
   }
 }
 
 .site-title,
 .not-found .page-title,
-.error-404 .page-title,
-.has-larger-font-size,
-h2 {
+.error-404 .page-title {
   font-size: 22px;
 }
 
 @media only screen and (min-width: 768px) {
   .site-title,
   .not-found .page-title,
-  .error-404 .page-title,
-  .has-larger-font-size,
-  h2 {
+  .error-404 .page-title {
     font-size: 1.125em;
   }
 }
 
 .has-regular-font-size,
-.has-large-font-size,
 .comments-title,
 h2.author-title,
 .author-description,
@@ -535,6 +554,7 @@ h3 {
 .nav-links,
 .page-title,
 .page-description,
+.has-small-font-size,
 .comment-author .fn,
 .no-comments,
 p.author-bio,
@@ -552,7 +572,6 @@ h5 {
 .entry-meta,
 .entry-footer,
 .discussion-meta-info,
-.has-small-font-size,
 .comment-reply-link,
 .comment-metadata,
 .comment-notes,
@@ -3897,51 +3916,35 @@ body.page .main-navigation {
   margin-top: 32px;
 }
 
-.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 {
-  font-family: "Source Serif Pro", "Baskerville Old Face", Garamond, "Times New Roman", serif;
-  font-size: 1.6875em;
-  font-weight: bold;
-  line-height: 1.25;
-  padding: 0;
+.entry .entry-content .wp-block-cover-image .wp-block-cover__inner-container,
+.entry .entry-content .wp-block-cover .wp-block-cover__inner-container {
   color: #fff;
-  text-align: center;
   -ms-hyphens: auto;
   -webkit-hyphens: auto;
   hyphens: auto;
 }
 
 @media only screen and (min-width: 768px) {
-  .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 {
-    font-size: 2.25em;
+  .entry .entry-content .wp-block-cover-image .wp-block-cover__inner-container,
+  .entry .entry-content .wp-block-cover .wp-block-cover__inner-container {
     max-width: 100%;
   }
 }
 
-.entry .entry-content .wp-block-cover-image.has-left-content .wp-block-cover-image-text,
-.entry .entry-content .wp-block-cover-image.has-left-content .wp-block-cover-text,
-.entry .entry-content .wp-block-cover-image.has-left-content h2,
-.entry .entry-content .wp-block-cover.has-left-content .wp-block-cover-image-text,
-.entry .entry-content .wp-block-cover.has-left-content .wp-block-cover-text,
-.entry .entry-content .wp-block-cover.has-left-content h2 {
+.entry .entry-content .wp-block-cover-image h2,
+.entry .entry-content .wp-block-cover h2 {
+  max-width: inherit;
+  margin: inherit;
+  text-align: inherit;
+}
+
+.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;
 }
 
-.entry .entry-content .wp-block-cover-image.has-right-content .wp-block-cover-image-text,
-.entry .entry-content .wp-block-cover-image.has-right-content .wp-block-cover-text,
-.entry .entry-content .wp-block-cover-image.has-right-content h2,
-.entry .entry-content .wp-block-cover.has-right-content .wp-block-cover-image-text,
-.entry .entry-content .wp-block-cover.has-right-content .wp-block-cover-text,
-.entry .entry-content .wp-block-cover.has-right-content h2 {
+.entry .entry-content .wp-block-cover-image.has-right-content .wp-block-cover__inner-container,
+.entry .entry-content .wp-block-cover.has-right-content .wp-block-cover__inner-container {
   text-align: right;
 }
 
@@ -3960,23 +3963,15 @@ body.page .main-navigation {
 }
 
 @media only screen and (min-width: 768px) {
-  .entry .entry-content .wp-block-cover-image.alignfull .wp-block-cover-image-text,
-  .entry .entry-content .wp-block-cover-image.alignfull .wp-block-cover-text,
-  .entry .entry-content .wp-block-cover-image.alignfull h2,
-  .entry .entry-content .wp-block-cover.alignfull .wp-block-cover-image-text,
-  .entry .entry-content .wp-block-cover.alignfull .wp-block-cover-text,
-  .entry .entry-content .wp-block-cover.alignfull h2 {
+  .entry .entry-content .wp-block-cover-image.alignfull .wp-block-cover__inner-container,
+  .entry .entry-content .wp-block-cover.alignfull .wp-block-cover__inner-container {
     max-width: calc(8 * (100vw / 12) - 28px);
   }
 }
 
 @media only screen and (min-width: 1168px) {
-  .entry .entry-content .wp-block-cover-image.alignfull .wp-block-cover-image-text,
-  .entry .entry-content .wp-block-cover-image.alignfull .wp-block-cover-text,
-  .entry .entry-content .wp-block-cover-image.alignfull h2,
-  .entry .entry-content .wp-block-cover.alignfull .wp-block-cover-image-text,
-  .entry .entry-content .wp-block-cover.alignfull .wp-block-cover-text,
-  .entry .entry-content .wp-block-cover.alignfull h2 {
+  .entry .entry-content .wp-block-cover-image.alignfull .wp-block-cover__inner-container,
+  .entry .entry-content .wp-block-cover.alignfull .wp-block-cover__inner-container {
     max-width: calc(6 * (100vw / 12) - 28px);
   }
 }
@@ -3990,12 +3985,8 @@ body.page .main-navigation {
     width: calc( 125% + 150px);
     max-width: calc( 125% + 150px);
   }
-  .entry .entry-content .wp-block-cover-image.alignfull .wp-block-cover-image-text,
-  .entry .entry-content .wp-block-cover-image.alignfull .wp-block-cover-text,
-  .entry .entry-content .wp-block-cover-image.alignfull h2,
-  .entry .entry-content .wp-block-cover.alignfull .wp-block-cover-image-text,
-  .entry .entry-content .wp-block-cover.alignfull .wp-block-cover-text,
-  .entry .entry-content .wp-block-cover.alignfull h2 {
+  .entry .entry-content .wp-block-cover-image.alignfull .wp-block-cover__inner-container,
+  .entry .entry-content .wp-block-cover.alignfull .wp-block-cover__inner-container {
     padding: 0;
     max-width: 100%;
   }
@@ -4271,22 +4262,6 @@ body.page .main-navigation {
   font-size: 0.71111em;
 }
 
-.entry .entry-content .has-small-font-size {
-  font-size: 0.88889em;
-}
-
-.entry .entry-content .has-normal-font-size {
-  font-size: 22px;
-}
-
-.entry .entry-content .has-large-font-size {
-  font-size: 1.6875em;
-}
-
-.entry .entry-content .has-huge-font-size {
-  font-size: 2.25em;
-}
-
 .entry .entry-content .has-primary-background-color,
 .entry .entry-content .has-secondary-background-color,
 .entry .entry-content .has-dark-gray-background-color,

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

@@ -521,22 +521,20 @@
 			padding: $size__spacing-unit 10%;
 		}
 
-		.wp-block-cover-image-text,
-		.wp-block-cover-text,
-		h2 {
-			font-family: $font__heading;
-			font-size: $font__size-lg;
-			font-weight: bold;
-			line-height: 1.25;
+		.wp-block-cover__inner-container {
 			padding: 0;
 			color: #fff;
-
 			@include media(tablet) {
-				font-size: $font__size-xl;
-				max-width: 100%;
+				max-width: calc(6 * (100vw / 12) - 28px);
 			}
 		}
 
+		h2 {
+			max-width: inherit;
+			margin: inherit;
+			text-align: inherit;
+		}
+
 		&.alignleft,
 		&.alignright {
 			width: 100%;
@@ -548,19 +546,19 @@
 
 		&.alignfull {
 
-			.wp-block-cover-image-text,
-			.wp-block-cover-text,
-			h2 {
+			.wp-block-cover__inner-container {
 				max-width: 100%;
+
+				@include media(tablet) {
+					max-width: calc(6 * (100vw / 12) - 28px);
+				}
 			}
 
 			@include media(tablet) {
 				padding-left: calc(10% + 58px + (2 * #{$size__spacing-unit}));
 				padding-right: calc(10% + 58px + (2 * #{$size__spacing-unit}));
 
-				.wp-block-cover-image-text,
-				.wp-block-cover-text,
-				h2 {
+				.wp-block-cover__inner-container {
 					padding: 0;
 				}
 			}

+ 2 - 0
friendly-business/sass/typography/_headings.scss

@@ -75,6 +75,8 @@ h1 {
 .not-found .page-title,
 .error-404 .page-title,
 .has-larger-font-size,
+.wp-block-cover-image h2,
+.wp-block-cover h2,
 h2 {
 	font-size: $font__size-lg;
 

File diff suppressed because it is too large
+ 1011 - 633
friendly-business/style-rtl.css


+ 27 - 30
friendly-business/style.css

@@ -502,6 +502,8 @@ h1 {
 .not-found .page-title,
 .error-404 .page-title,
 .has-larger-font-size,
+.wp-block-cover-image h2,
+.wp-block-cover h2,
 h2 {
   font-size: 1.6875em;
 }
@@ -511,6 +513,8 @@ h2 {
   .not-found .page-title,
   .error-404 .page-title,
   .has-larger-font-size,
+  .wp-block-cover-image h2,
+  .wp-block-cover h2,
   h2 {
     font-size: 2.25em;
   }
@@ -3843,32 +3847,26 @@ body.page .main-navigation {
   }
 }
 
-.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 {
-  font-family: "Rubik", Trebuchet MS, Lucida Grande, Lucida Sans Unicode, Lucida Sans, Tahoma, sans-serif;
-  font-size: 1.6875em;
-  font-weight: bold;
-  line-height: 1.25;
+.entry .entry-content .wp-block-cover-image .wp-block-cover__inner-container,
+.entry .entry-content .wp-block-cover .wp-block-cover__inner-container {
   padding: 0;
   color: #fff;
 }
 
 @media only screen and (min-width: 768px) {
-  .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 {
-    font-size: 2.25em;
-    max-width: 100%;
+  .entry .entry-content .wp-block-cover-image .wp-block-cover__inner-container,
+  .entry .entry-content .wp-block-cover .wp-block-cover__inner-container {
+    max-width: calc(6 * (100vw / 12) - 28px);
   }
 }
 
+.entry .entry-content .wp-block-cover-image h2,
+.entry .entry-content .wp-block-cover h2 {
+  max-width: inherit;
+  margin: inherit;
+  text-align: inherit;
+}
+
 .entry .entry-content .wp-block-cover-image.alignleft, .entry .entry-content .wp-block-cover-image.alignright,
 .entry .entry-content .wp-block-cover.alignleft,
 .entry .entry-content .wp-block-cover.alignright {
@@ -3883,27 +3881,26 @@ body.page .main-navigation {
   }
 }
 
-.entry .entry-content .wp-block-cover-image.alignfull .wp-block-cover-image-text,
-.entry .entry-content .wp-block-cover-image.alignfull .wp-block-cover-text,
-.entry .entry-content .wp-block-cover-image.alignfull h2,
-.entry .entry-content .wp-block-cover.alignfull .wp-block-cover-image-text,
-.entry .entry-content .wp-block-cover.alignfull .wp-block-cover-text,
-.entry .entry-content .wp-block-cover.alignfull h2 {
+.entry .entry-content .wp-block-cover-image.alignfull .wp-block-cover__inner-container,
+.entry .entry-content .wp-block-cover.alignfull .wp-block-cover__inner-container {
   max-width: 100%;
 }
 
+@media only screen and (min-width: 768px) {
+  .entry .entry-content .wp-block-cover-image.alignfull .wp-block-cover__inner-container,
+  .entry .entry-content .wp-block-cover.alignfull .wp-block-cover__inner-container {
+    max-width: calc(6 * (100vw / 12) - 28px);
+  }
+}
+
 @media only screen and (min-width: 768px) {
   .entry .entry-content .wp-block-cover-image.alignfull,
   .entry .entry-content .wp-block-cover.alignfull {
     padding-left: calc(10% + 58px + (2 * 1rem));
     padding-right: calc(10% + 58px + (2 * 1rem));
   }
-  .entry .entry-content .wp-block-cover-image.alignfull .wp-block-cover-image-text,
-  .entry .entry-content .wp-block-cover-image.alignfull .wp-block-cover-text,
-  .entry .entry-content .wp-block-cover-image.alignfull h2,
-  .entry .entry-content .wp-block-cover.alignfull .wp-block-cover-image-text,
-  .entry .entry-content .wp-block-cover.alignfull .wp-block-cover-text,
-  .entry .entry-content .wp-block-cover.alignfull h2 {
+  .entry .entry-content .wp-block-cover-image.alignfull .wp-block-cover__inner-container,
+  .entry .entry-content .wp-block-cover.alignfull .wp-block-cover__inner-container {
     padding: 0;
   }
 }

+ 19 - 22
modern-business/sass/blocks/_blocks.scss

@@ -661,22 +661,35 @@
 			padding: $size__spacing-unit 10%;
 		}
 
+		.wp-block-cover__inner-container,
 		.wp-block-cover-image-text,
 		.wp-block-cover-text {
 			color: #fff;
-			font-family: $font__heading;
-			font-size: $font__size-lg;
-			font-weight: 300;
-			line-height: 1.25;
 			padding: 0;
 			text-shadow: 0 0 12px #000;
 
+			h1,
+			h2,
+			h3,
+			h4,
+			h5,
+			h6 {
+				font-weight: 300;
+			}
+
+
 			@include media(tablet) {
-				font-size: $font__size-xxl;
 				max-width: 100%;
 			}
 		}
 
+		.has-large-font-size,
+		h2 {
+			max-width: inherit;
+			margin: inherit;
+			text-align: inherit;
+		}
+
 		&.alignleft,
 		&.alignright {
 			width: 100%;
@@ -692,6 +705,7 @@
 				padding-left: calc(10% + 58px + (2 * #{$size__spacing-unit}));
 				padding-right: calc(10% + 58px + (2 * #{$size__spacing-unit}));
 
+				.wp-block-cover__inner-container,
 				.wp-block-cover-image-text,
 				.wp-block-cover-text,
 				h2 {
@@ -912,23 +926,6 @@
 		}
 	}
 
-	//! Font Sizes
-	.has-small-font-size {
-		font-size: $font__size-sm;
-	}
-
-	.has-normal-font-size {
-		font-size: $font__size-md;
-	}
-
-	.has-large-font-size {
-		font-size: $font__size-lg;
-	}
-
-	.has-huge-font-size {
-		font-size: $font__size-xl;
-	}
-
 	//! Custom background colors
 	.has-primary-background-color,
 	.has-secondary-background-color,

+ 9 - 1
modern-business/sass/site/primary/_archives.scss

@@ -1,6 +1,7 @@
 .archive .page-header,
 .search .page-header,
-.error404 .page-header {
+.error404 .page-header,
+.not-found .page-header {
 
 	margin: $size__spacing-unit $size__spacing-unit calc(3 * #{$size__spacing-unit});
 	text-align: center;
@@ -14,6 +15,12 @@
 		color: $color__text-light;
 		display: inline;
 		letter-spacing: normal;
+		font-size: $font__size-md;
+		font-weight: 300;
+
+		@include media(tablet) {
+			font-size: $font__size-lg;
+		}
 
 		&:before {
 			display: none;
@@ -70,3 +77,4 @@
 		width: 100%;
 	}
 }
+

+ 7 - 1
modern-business/sass/site/primary/_posts-and-pages.scss

@@ -41,8 +41,14 @@
 	}
 
 	.entry-title {
-
+		font-size: $font__size-md;
+		font-weight: 300;
 		margin: 0;
+		text-align: center;
+
+		@include media(tablet) {
+			font-size: $font__size-lg;
+		}
 
 		a {
 			color: inherit;

+ 5 - 9
modern-business/sass/typography/_headings.scss

@@ -64,6 +64,8 @@ h6 {
 	line-height: 1.25;
 }
 
+.has-larger-font-size,
+.has-huge-font-size,
 h1 {
 	font-size: $font__size-lg;
 
@@ -72,17 +74,12 @@ h1 {
 	}
 }
 
-.entry-title,
-.not-found .page-title,
-.error-404 .page-title,
-.has-larger-font-size,
+.has-large-font-size,
 h2 {
 	font-size: $font__size-md;
-	font-weight: 300;
-	text-align: center;
 
 	@include media(tablet) {
-		font-size: $font__size-xl;
+		font-size: $font__size-lg;
 	}
 }
 
@@ -100,13 +97,13 @@ h3 {
 }
 
 .has-regular-font-size,
-.has-large-font-size,
 .comments-title,
 h4 {
 	font-size: $font__size-base;
 }
 
 .pagination .nav-links,
+.has-small-font-size,
 .comment-content,
 h5 {
 	font-size: $font__size-sm;
@@ -116,7 +113,6 @@ h5 {
 .entry-footer,
 .discussion-meta-info,
 .site-info,
-.has-small-font-size,
 .comment-reply-link,
 .comment-metadata,
 .comment-notes,

+ 39 - 27
modern-business/style-editor.css

@@ -104,14 +104,7 @@ h1 {
 }
 
 h2 {
-  font-size: 22px;
-  text-align: center;
-}
-
-@media only screen and (min-width: 768px) {
-  h2 {
-    font-size: 1.125em;
-  }
+  font-size: 1.6875em;
 }
 
 h3 {
@@ -262,48 +255,67 @@ figcaption,
 }
 
 /** === Cover === */
+.wp-block-cover-image,
 .wp-block-cover {
   min-height: 640px;
 }
 
-.wp-block-cover h2,
-.wp-block-cover .wp-block-cover-text {
-  font-family: "IBM Plex Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
-  font-size: 1.6875em;
-  font-weight: 300;
-  line-height: 1.4;
+.wp-block-cover-image .wp-block-cover__inner-container,
+.wp-block-cover .wp-block-cover__inner-container {
   max-width: 100%;
   padding-left: 1rem;
   padding-right: 1rem;
   text-shadow: 0 0 12px #000;
 }
 
-.wp-block-cover h2 strong,
-.wp-block-cover .wp-block-cover-text strong {
+.wp-block-cover-image .wp-block-cover__inner-container strong,
+.wp-block-cover .wp-block-cover__inner-container strong {
   font-weight: 700;
 }
 
 @media only screen and (min-width: 768px) {
-  .wp-block-cover h2,
-  .wp-block-cover .wp-block-cover-text {
+  .wp-block-cover-image .wp-block-cover__inner-container,
+  .wp-block-cover .wp-block-cover__inner-container {
     padding: 0;
   }
 }
 
+.wp-block-cover-image h1,
+.wp-block-cover-image h2,
+.wp-block-cover-image h3,
+.wp-block-cover-image h4,
+.wp-block-cover-image h5,
+.wp-block-cover-image h6,
+.wp-block-cover h1,
+.wp-block-cover h2,
+.wp-block-cover h3,
+.wp-block-cover h4,
+.wp-block-cover h5,
+.wp-block-cover h6 {
+  font-weight: 300;
+}
+
+.wp-block-cover-image .wp-block-cover-image-text,
+.wp-block-cover-image .wp-block-cover-text,
+.wp-block-cover-image h2,
+.wp-block-cover .wp-block-cover-image-text,
+.wp-block-cover .wp-block-cover-text,
+.wp-block-cover h2 {
+  margin-left: auto;
+  margin-right: auto;
+}
+
 @media only screen and (min-width: 768px) {
+  .wp-block-cover-image,
   .wp-block-cover {
     padding-left: 10%;
     padding-right: 10%;
   }
-  .wp-block-cover h2,
-  .wp-block-cover .wp-block-cover-text {
-    font-size: 2.25em;
-  }
 }
 
-.wp-block[data-type="core/cover"][data-align="left"] .editor-block-list__block-edit,
-.wp-block[data-type="core/cover"][data-align="right"] .editor-block-list__block-edit {
-  width: calc(4 * (100vw / 12));
+.wp-block[data-type="core/cover"][data-align="left"] .wp-block-cover__inner-container,
+.wp-block[data-type="core/cover"][data-align="right"] .wp-block-cover__inner-container {
+  width: calc(2 * (100vw / 12));
 }
 
 .wp-block[data-type="core/cover"][data-align="left"] .wp-block-cover,
@@ -313,8 +325,8 @@ figcaption,
   padding: calc(1.375 * 1rem);
 }
 
-.wp-block[data-type="core/cover"][data-align="left"] .wp-block-cover p,
-.wp-block[data-type="core/cover"][data-align="right"] .wp-block-cover p {
+.wp-block[data-type="core/cover"][data-align="left"] .wp-block-cover .wp-block-cover__inner-container,
+.wp-block[data-type="core/cover"][data-align="right"] .wp-block-cover .wp-block-cover__inner-container {
   padding-left: 0;
   padding-right: 0;
 }

+ 22 - 20
modern-business/style-editor.scss

@@ -102,12 +102,7 @@ h1 {
 }
 
 h2 {
-	font-size: $font__size-base;
-	text-align: center;
-
-	@include media(tablet) {
-		font-size: $font__size-md;
-	}
+	font-size: $font__size-lg;
 }
 
 h3 {
@@ -252,15 +247,11 @@ figcaption,
 
 /** === Cover === */
 
+.wp-block-cover-image,
 .wp-block-cover {
 	min-height: 640px;
 
-	h2,
-	.wp-block-cover-text {
-		font-family: $font__heading;
-		font-size: $font__size-lg;
-		font-weight: 300;
-		line-height: 1.4;
+	.wp-block-cover__inner-container {
 		max-width: 100%;
 		padding-left: $size__spacing-unit;
 		padding-right: $size__spacing-unit;
@@ -275,22 +266,33 @@ figcaption,
 		}
 	}
 
+	h1,
+	h2,
+	h3,
+	h4,
+	h5,
+	h6 {
+		font-weight: 300;
+	}
+
+	.wp-block-cover-image-text,
+	.wp-block-cover-text,
+	h2 {
+		margin-left: auto;
+		margin-right: auto;
+	}
+
 	@include media(tablet) {
 		padding-left: 10%;
 		padding-right: 10%;
-
-		h2,
-		.wp-block-cover-text {
-			font-size: $font__size-xl;
-		}
 	}
 }
 
 .wp-block[data-type="core/cover"][data-align="left"],
 .wp-block[data-type="core/cover"][data-align="right"] {
 
-	.editor-block-list__block-edit {
-		width: calc(4 * (100vw / 12));
+	.wp-block-cover__inner-container {
+		width: calc(2 * (100vw / 12));
 	}
 
 	.wp-block-cover {
@@ -298,7 +300,7 @@ figcaption,
 		max-width: 100%;
 		padding: calc(1.375 * #{$size__spacing-unit});
 
-		p {
+		.wp-block-cover__inner-container {
 			padding-left: 0;
 			padding-right: 0;
 		}

File diff suppressed because it is too large
+ 1035 - 654
modern-business/style-rtl.css


+ 96 - 40
modern-business/style.css

@@ -492,33 +492,29 @@ h6 {
   line-height: 1.25;
 }
 
+.has-larger-font-size,
+.has-huge-font-size,
 h1 {
   font-size: 1.6875em;
 }
 
 @media only screen and (min-width: 768px) {
+  .has-larger-font-size,
+  .has-huge-font-size,
   h1 {
     font-size: 2.25em;
   }
 }
 
-.entry-title,
-.not-found .page-title,
-.error-404 .page-title,
-.has-larger-font-size,
+.has-large-font-size,
 h2 {
   font-size: 1.125em;
-  font-weight: 300;
-  text-align: center;
 }
 
 @media only screen and (min-width: 768px) {
-  .entry-title,
-  .not-found .page-title,
-  .error-404 .page-title,
-  .has-larger-font-size,
+  .has-large-font-size,
   h2 {
-    font-size: 2.25em;
+    font-size: 1.6875em;
   }
 }
 
@@ -536,13 +532,13 @@ h3 {
 }
 
 .has-regular-font-size,
-.has-large-font-size,
 .comments-title,
 h4 {
   font-size: 22px;
 }
 
 .pagination .nav-links,
+.has-small-font-size,
 .comment-content,
 h5 {
   font-size: 0.88889em;
@@ -552,7 +548,6 @@ h5 {
 .entry-footer,
 .discussion-meta-info,
 .site-info,
-.has-small-font-size,
 .comment-reply-link,
 .comment-metadata,
 .comment-notes,
@@ -2363,7 +2358,16 @@ body.page .main-navigation {
 }
 
 .entry .entry-title {
+  font-size: 1.125em;
+  font-weight: 300;
   margin: 0;
+  text-align: center;
+}
+
+@media only screen and (min-width: 768px) {
+  .entry .entry-title {
+    font-size: 1.6875em;
+  }
 }
 
 .entry .entry-title a {
@@ -3074,7 +3078,8 @@ body.page .main-navigation {
 --------------------------------------------------------------*/
 .archive .page-header,
 .search .page-header,
-.error404 .page-header {
+.error404 .page-header,
+.not-found .page-header {
   margin: 1rem 1rem calc(3 * 1rem);
   text-align: center;
 }
@@ -3082,22 +3087,36 @@ body.page .main-navigation {
 @media only screen and (min-width: 768px) {
   .archive .page-header,
   .search .page-header,
-  .error404 .page-header {
+  .error404 .page-header,
+  .not-found .page-header {
     margin: 0 calc(10% + 60px) calc(10% + 60px);
   }
 }
 
 .archive .page-header .page-title,
 .search .page-header .page-title,
-.error404 .page-header .page-title {
+.error404 .page-header .page-title,
+.not-found .page-header .page-title {
   color: #686868;
   display: inline;
   letter-spacing: normal;
+  font-size: 1.125em;
+  font-weight: 300;
+}
+
+@media only screen and (min-width: 768px) {
+  .archive .page-header .page-title,
+  .search .page-header .page-title,
+  .error404 .page-header .page-title,
+  .not-found .page-header .page-title {
+    font-size: 1.6875em;
+  }
 }
 
 .archive .page-header .page-title:before,
 .search .page-header .page-title:before,
-.error404 .page-header .page-title:before {
+.error404 .page-header .page-title:before,
+.not-found .page-header .page-title:before {
   display: none;
 }
 
@@ -3106,7 +3125,9 @@ body.page .main-navigation {
 .search .page-header .search-term,
 .search .page-header .page-description,
 .error404 .page-header .search-term,
-.error404 .page-header .page-description {
+.error404 .page-header .page-description,
+.not-found .page-header .search-term,
+.not-found .page-header .page-description {
   display: inherit;
   clear: both;
 }
@@ -3116,7 +3137,9 @@ body.page .main-navigation {
 .search .page-header .search-term:after,
 .search .page-header .page-description:after,
 .error404 .page-header .search-term:after,
-.error404 .page-header .page-description:after {
+.error404 .page-header .page-description:after,
+.not-found .page-header .search-term:after,
+.not-found .page-header .page-description:after {
   content: ".";
   font-weight: bold;
   color: #686868;
@@ -4044,29 +4067,76 @@ body.page .main-navigation {
   }
 }
 
+.entry .entry-content .wp-block-cover-image .wp-block-cover__inner-container,
 .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 .wp-block-cover__inner-container,
 .entry .entry-content .wp-block-cover .wp-block-cover-image-text,
 .entry .entry-content .wp-block-cover .wp-block-cover-text {
   color: #fff;
-  font-family: "IBM Plex Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
-  font-size: 1.6875em;
-  font-weight: 300;
-  line-height: 1.25;
   padding: 0;
   text-shadow: 0 0 12px #000;
 }
 
+.entry .entry-content .wp-block-cover-image .wp-block-cover__inner-container h1,
+.entry .entry-content .wp-block-cover-image .wp-block-cover__inner-container h2,
+.entry .entry-content .wp-block-cover-image .wp-block-cover__inner-container h3,
+.entry .entry-content .wp-block-cover-image .wp-block-cover__inner-container h4,
+.entry .entry-content .wp-block-cover-image .wp-block-cover__inner-container h5,
+.entry .entry-content .wp-block-cover-image .wp-block-cover__inner-container h6,
+.entry .entry-content .wp-block-cover-image .wp-block-cover-image-text h1,
+.entry .entry-content .wp-block-cover-image .wp-block-cover-image-text h2,
+.entry .entry-content .wp-block-cover-image .wp-block-cover-image-text h3,
+.entry .entry-content .wp-block-cover-image .wp-block-cover-image-text h4,
+.entry .entry-content .wp-block-cover-image .wp-block-cover-image-text h5,
+.entry .entry-content .wp-block-cover-image .wp-block-cover-image-text h6,
+.entry .entry-content .wp-block-cover-image .wp-block-cover-text h1,
+.entry .entry-content .wp-block-cover-image .wp-block-cover-text h2,
+.entry .entry-content .wp-block-cover-image .wp-block-cover-text h3,
+.entry .entry-content .wp-block-cover-image .wp-block-cover-text h4,
+.entry .entry-content .wp-block-cover-image .wp-block-cover-text h5,
+.entry .entry-content .wp-block-cover-image .wp-block-cover-text h6,
+.entry .entry-content .wp-block-cover .wp-block-cover__inner-container h1,
+.entry .entry-content .wp-block-cover .wp-block-cover__inner-container h2,
+.entry .entry-content .wp-block-cover .wp-block-cover__inner-container h3,
+.entry .entry-content .wp-block-cover .wp-block-cover__inner-container h4,
+.entry .entry-content .wp-block-cover .wp-block-cover__inner-container h5,
+.entry .entry-content .wp-block-cover .wp-block-cover__inner-container h6,
+.entry .entry-content .wp-block-cover .wp-block-cover-image-text h1,
+.entry .entry-content .wp-block-cover .wp-block-cover-image-text h2,
+.entry .entry-content .wp-block-cover .wp-block-cover-image-text h3,
+.entry .entry-content .wp-block-cover .wp-block-cover-image-text h4,
+.entry .entry-content .wp-block-cover .wp-block-cover-image-text h5,
+.entry .entry-content .wp-block-cover .wp-block-cover-image-text h6,
+.entry .entry-content .wp-block-cover .wp-block-cover-text h1,
+.entry .entry-content .wp-block-cover .wp-block-cover-text h2,
+.entry .entry-content .wp-block-cover .wp-block-cover-text h3,
+.entry .entry-content .wp-block-cover .wp-block-cover-text h4,
+.entry .entry-content .wp-block-cover .wp-block-cover-text h5,
+.entry .entry-content .wp-block-cover .wp-block-cover-text h6 {
+  font-weight: 300;
+}
+
 @media only screen and (min-width: 768px) {
+  .entry .entry-content .wp-block-cover-image .wp-block-cover__inner-container,
   .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 .wp-block-cover__inner-container,
   .entry .entry-content .wp-block-cover .wp-block-cover-image-text,
   .entry .entry-content .wp-block-cover .wp-block-cover-text {
-    font-size: 2.8125em;
     max-width: 100%;
   }
 }
 
+.entry .entry-content .wp-block-cover-image .has-large-font-size,
+.entry .entry-content .wp-block-cover-image h2,
+.entry .entry-content .wp-block-cover .has-large-font-size,
+.entry .entry-content .wp-block-cover h2 {
+  max-width: inherit;
+  margin: inherit;
+  text-align: inherit;
+}
+
 .entry .entry-content .wp-block-cover-image.alignleft, .entry .entry-content .wp-block-cover-image.alignright,
 .entry .entry-content .wp-block-cover.alignleft,
 .entry .entry-content .wp-block-cover.alignright {
@@ -4087,9 +4157,11 @@ body.page .main-navigation {
     padding-left: calc(10% + 58px + (2 * 1rem));
     padding-right: calc(10% + 58px + (2 * 1rem));
   }
+  .entry .entry-content .wp-block-cover-image.alignfull .wp-block-cover__inner-container,
   .entry .entry-content .wp-block-cover-image.alignfull .wp-block-cover-image-text,
   .entry .entry-content .wp-block-cover-image.alignfull .wp-block-cover-text,
   .entry .entry-content .wp-block-cover-image.alignfull h2,
+  .entry .entry-content .wp-block-cover.alignfull .wp-block-cover__inner-container,
   .entry .entry-content .wp-block-cover.alignfull .wp-block-cover-image-text,
   .entry .entry-content .wp-block-cover.alignfull .wp-block-cover-text,
   .entry .entry-content .wp-block-cover.alignfull h2 {
@@ -4302,22 +4374,6 @@ body.page .main-navigation {
   font-size: 0.71111em;
 }
 
-.entry .entry-content .has-small-font-size {
-  font-size: 0.88889em;
-}
-
-.entry .entry-content .has-normal-font-size {
-  font-size: 1.125em;
-}
-
-.entry .entry-content .has-large-font-size {
-  font-size: 1.6875em;
-}
-
-.entry .entry-content .has-huge-font-size {
-  font-size: 2.25em;
-}
-
 .entry .entry-content .has-primary-background-color,
 .entry .entry-content .has-secondary-background-color,
 .entry .entry-content .has-dark-gray-background-color,

+ 16 - 16
professional-business/sass/blocks/_blocks.scss

@@ -513,12 +513,7 @@
 			margin-top: $size__vertical-spacing-unit;
 		}
 
-		.wp-block-cover-image-text,
-		.wp-block-cover-text,
-		h2 {
-			font-family: $font__heading;
-			font-size: $font__size-lg;
-			line-height: 1.25;
+		.wp-block-cover__inner-container {
 			padding: 0;
 			color: #fff;
 			-ms-hyphens: auto;
@@ -527,11 +522,16 @@
 			hyphens: auto;
 
 			@include media(tablet) {
-				font-size: $font__size-xl;
 				max-width: 100%;
 			}
 		}
 
+		h2 {
+			max-width: inherit;
+			margin: inherit;
+			text-align: inherit;
+		}
+
 		&.alignleft,
 		&.alignright {
 			width: 100%;
@@ -541,11 +541,17 @@
 			}
 		}
 
+		&.alignwide {
+
+			.wp-block-cover__inner-container {
+				width: 100%;
+				@include postContentMaxWidth();
+			}
+		}
+
 		&.alignfull {
 
-			.wp-block-cover-image-text,
-			.wp-block-cover-text,
-			h2 {
+			.wp-block-cover__inner-container {
 				width: 100%;
 				@include postContentMaxWidth();
 				margin-left: auto;
@@ -555,12 +561,6 @@
 			@include media(tablet) {
 				padding-left: calc(10% + 58px + (2 * #{$size__spacing-unit}));
 				padding-right: calc(10% + 58px + (2 * #{$size__spacing-unit}));
-
-				.wp-block-cover-image-text,
-				.wp-block-cover-text,
-				h2 {
-					padding: 0;
-				}
 			}
 		}
 	}

+ 2 - 0
professional-business/sass/typography/_headings.scss

@@ -75,6 +75,8 @@ h1 {
 	}
 }
 
+.wp-block-cover-image h2,
+.wp-block-cover h2,
 h2 {
 	font-size: $font__size-lg;
 }

File diff suppressed because it is too large
+ 1032 - 644
professional-business/style-rtl.css


+ 38 - 42
professional-business/style.css

@@ -506,6 +506,8 @@ h1 {
   }
 }
 
+.wp-block-cover-image h2,
+.wp-block-cover h2,
 h2 {
   font-size: 1.6875em;
 }
@@ -3889,15 +3891,8 @@ body.page .main-navigation {
   margin-top: 32px;
 }
 
-.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 {
-  font-family: "Crimson Text", "Baskerville Old Face", Garamond, "Times New Roman", serif;
-  font-size: 1.6875em;
-  line-height: 1.25;
+.entry .entry-content .wp-block-cover-image .wp-block-cover__inner-container,
+.entry .entry-content .wp-block-cover .wp-block-cover__inner-container {
   padding: 0;
   color: #fff;
   -ms-hyphens: auto;
@@ -3906,17 +3901,19 @@ body.page .main-navigation {
 }
 
 @media only screen and (min-width: 768px) {
-  .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 {
-    font-size: 2.25em;
+  .entry .entry-content .wp-block-cover-image .wp-block-cover__inner-container,
+  .entry .entry-content .wp-block-cover .wp-block-cover__inner-container {
     max-width: 100%;
   }
 }
 
+.entry .entry-content .wp-block-cover-image h2,
+.entry .entry-content .wp-block-cover h2 {
+  max-width: inherit;
+  margin: inherit;
+  text-align: inherit;
+}
+
 .entry .entry-content .wp-block-cover-image.alignleft, .entry .entry-content .wp-block-cover-image.alignright,
 .entry .entry-content .wp-block-cover.alignleft,
 .entry .entry-content .wp-block-cover.alignright {
@@ -3931,35 +3928,42 @@ body.page .main-navigation {
   }
 }
 
-.entry .entry-content .wp-block-cover-image.alignfull .wp-block-cover-image-text,
-.entry .entry-content .wp-block-cover-image.alignfull .wp-block-cover-text,
-.entry .entry-content .wp-block-cover-image.alignfull h2,
-.entry .entry-content .wp-block-cover.alignfull .wp-block-cover-image-text,
-.entry .entry-content .wp-block-cover.alignfull .wp-block-cover-text,
-.entry .entry-content .wp-block-cover.alignfull h2 {
+.entry .entry-content .wp-block-cover-image.alignwide .wp-block-cover__inner-container,
+.entry .entry-content .wp-block-cover.alignwide .wp-block-cover__inner-container {
+  width: 100%;
+}
+
+@media only screen and (min-width: 768px) {
+  .entry .entry-content .wp-block-cover-image.alignwide .wp-block-cover__inner-container,
+  .entry .entry-content .wp-block-cover.alignwide .wp-block-cover__inner-container {
+    max-width: calc(8 * (100vw / 12) - 28px);
+  }
+}
+
+@media only screen and (min-width: 1168px) {
+  .entry .entry-content .wp-block-cover-image.alignwide .wp-block-cover__inner-container,
+  .entry .entry-content .wp-block-cover.alignwide .wp-block-cover__inner-container {
+    max-width: calc(6 * (100vw / 12) - 28px);
+  }
+}
+
+.entry .entry-content .wp-block-cover-image.alignfull .wp-block-cover__inner-container,
+.entry .entry-content .wp-block-cover.alignfull .wp-block-cover__inner-container {
   width: 100%;
   margin-left: auto;
   margin-right: auto;
 }
 
 @media only screen and (min-width: 768px) {
-  .entry .entry-content .wp-block-cover-image.alignfull .wp-block-cover-image-text,
-  .entry .entry-content .wp-block-cover-image.alignfull .wp-block-cover-text,
-  .entry .entry-content .wp-block-cover-image.alignfull h2,
-  .entry .entry-content .wp-block-cover.alignfull .wp-block-cover-image-text,
-  .entry .entry-content .wp-block-cover.alignfull .wp-block-cover-text,
-  .entry .entry-content .wp-block-cover.alignfull h2 {
+  .entry .entry-content .wp-block-cover-image.alignfull .wp-block-cover__inner-container,
+  .entry .entry-content .wp-block-cover.alignfull .wp-block-cover__inner-container {
     max-width: calc(8 * (100vw / 12) - 28px);
   }
 }
 
 @media only screen and (min-width: 1168px) {
-  .entry .entry-content .wp-block-cover-image.alignfull .wp-block-cover-image-text,
-  .entry .entry-content .wp-block-cover-image.alignfull .wp-block-cover-text,
-  .entry .entry-content .wp-block-cover-image.alignfull h2,
-  .entry .entry-content .wp-block-cover.alignfull .wp-block-cover-image-text,
-  .entry .entry-content .wp-block-cover.alignfull .wp-block-cover-text,
-  .entry .entry-content .wp-block-cover.alignfull h2 {
+  .entry .entry-content .wp-block-cover-image.alignfull .wp-block-cover__inner-container,
+  .entry .entry-content .wp-block-cover.alignfull .wp-block-cover__inner-container {
     max-width: calc(6 * (100vw / 12) - 28px);
   }
 }
@@ -3970,14 +3974,6 @@ body.page .main-navigation {
     padding-left: calc(10% + 58px + (2 * 1rem));
     padding-right: calc(10% + 58px + (2 * 1rem));
   }
-  .entry .entry-content .wp-block-cover-image.alignfull .wp-block-cover-image-text,
-  .entry .entry-content .wp-block-cover-image.alignfull .wp-block-cover-text,
-  .entry .entry-content .wp-block-cover-image.alignfull h2,
-  .entry .entry-content .wp-block-cover.alignfull .wp-block-cover-image-text,
-  .entry .entry-content .wp-block-cover.alignfull .wp-block-cover-text,
-  .entry .entry-content .wp-block-cover.alignfull h2 {
-    padding: 0;
-  }
 }
 
 .entry .entry-content .wp-block-gallery {

+ 85 - 18
sophisticated-business/sass/blocks/_blocks.scss

@@ -534,6 +534,7 @@
 	//! Cover Image
 	.wp-block-cover-image,
 	.wp-block-cover {
+
 		position: relative;
 		min-height: 430px;
 		padding: $size__spacing-unit;
@@ -543,22 +544,78 @@
 			min-height: 60vh;
 		}
 
-		.wp-block-cover-image-text,
-		.wp-block-cover-text,
-		h2 {
-			font-family: $font__heading;
-			font-size: $font__size-lg;
-			font-weight: 700;
-			line-height: 1.25;
+		.wp-block-cover__inner-container {
 			padding: 0;
 			color: #fff;
 
 			@include media(tablet) {
-				font-size: $font__size-xxl;
 				max-width: 100%;
 				margin-left: auto;
 				margin-right: auto;
 			}
+
+		}
+
+		h1, h2, h3, h4, h5, h6 {
+			font-weight: 700;
+		}
+
+		h1 {
+			font-size: $font__size-xxl;
+		}
+
+		.wp-block-cover-image-text,
+		.wp-block-cover-text,
+		h2 {
+			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;
+		}
+
+		@include media(tablet) {
+
+			h1 {
+				font-size: $font__size-xxxl;
+			}
+
+			.wp-block-cover-image-text,
+			.wp-block-cover-text,
+			h2 {
+				font-size: $font__size-xxl;
+			}
+
+			h3 {
+				font-size: $font__size-lg;
+			}
+
+			h4 {
+				font-size: $font__size-md;
+			}
+
+			h5 {
+				font-size: $font__size-base;
+			}
+
+			h6 {
+				font-size: $font__size-sm;
+			}
 		}
 
 		&.alignleft,
@@ -572,40 +629,50 @@
 
 		&.alignwide {
 
-			.wp-block-cover-image-text,
-			.wp-block-cover-text,
-			h2 {
+			.wp-block-cover__inner-container {
 				@include postContentMaxWidth();
 			}
 
 			@include media(tablet) {
-				.wp-block-cover-image-text,
-				.wp-block-cover-text,
-				h2 {
+				.wp-block-cover__inner-container {
 					padding: 0;
-					font-size: $font__size-xxxxl;
 				}
 			}
 		}
 
 		&.alignfull {
 
+			.wp-block-cover__inner-container {
+				max-width: calc(8 * (100vw / 12));
+			}
+
 			.wp-block-cover-image-text,
 			.wp-block-cover-text,
+			h1 {
+				font-size: $font__size-xxxl;
+			}
+
 			h2 {
-				max-width: calc(8 * (100vw / 12));
+				font-size: $font__size-xxl;
 			}
 
 			@include media(tablet) {
 				padding-left: calc(10% + 58px + (2 * #{$size__spacing-unit}));
 				padding-right: calc(10% + 58px + (2 * #{$size__spacing-unit}));
 
+				.wp-block-cover__inner-container {
+					padding: 0;
+				}
+
 				.wp-block-cover-image-text,
 				.wp-block-cover-text,
-				h2 {
-					padding: 0;
+				h1 {
 					font-size: $font__size-xxxxl;
 				}
+
+				h2 {
+					font-size: $font__size-xxxl;
+				}
 			}
 		}
 	}

+ 10 - 0
sophisticated-business/sass/typography/_headings.scss

@@ -72,11 +72,21 @@ h1 {
 	}
 }
 
+
+.wp-block-cover .wp-block-cover-image-text,
+.wp-block-cover .wp-block-cover-text,
+.wp-block-cover h2,
+.wp-block-cover-image .wp-block-cover-image-text,
+.wp-block-cover-image .wp-block-cover-text,
+.wp-block-cover-image h2,
 .not-found .page-title,
 .error-404 .page-title,
 .has-larger-font-size,
 h2 {
 	font-size: $font__size-md;
+	@include media(tablet) {
+		font-size: $font__size-lg;
+	}
 }
 
 .has-regular-font-size,

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

@@ -119,7 +119,7 @@ h2 {
 
 @media only screen and (min-width: 768px) {
   h2 {
-    font-size: 1.125em;
+    font-size: 1.6875em;
   }
 }
 
@@ -273,24 +273,20 @@ figcaption,
   min-height: 80vh;
 }
 
-.wp-block-cover h2,
+.wp-block-cover .wp-block-cover__inner-container,
 .wp-block-cover .wp-block-cover-text {
-  font-family: "Poppins", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
-  font-weight: 700;
-  line-height: 1.25;
   padding-left: 1rem;
   padding-right: 1rem;
 }
 
-.wp-block-cover h2 strong,
+.wp-block-cover .wp-block-cover__inner-container strong,
 .wp-block-cover .wp-block-cover-text strong {
   font-weight: bolder;
 }
 
 @media only screen and (min-width: 768px) {
-  .wp-block-cover h2,
+  .wp-block-cover .wp-block-cover__inner-container,
   .wp-block-cover .wp-block-cover-text {
-    font-size: 2.8125em;
     margin-left: auto;
     margin-right: auto;
     padding: 0;
@@ -330,11 +326,10 @@ figcaption,
 }
 
 @media only screen and (min-width: 768px) {
-  .wp-block[data-type="core/cover"][data-align="wide"] h2,
   .wp-block[data-type="core/cover"][data-align="wide"] .wp-block-cover-text,
-  .wp-block[data-type="core/cover"][data-align="full"] h2,
-  .wp-block[data-type="core/cover"][data-align="full"] .wp-block-cover-text {
-    font-size: 4.5em;
+  .wp-block[data-type="core/cover"][data-align="wide"] .wp-block-cover__inner-container,
+  .wp-block[data-type="core/cover"][data-align="full"] .wp-block-cover-text,
+  .wp-block[data-type="core/cover"][data-align="full"] .wp-block-cover__inner-container {
     max-width: calc(8 * (100vw / 12));
   }
 }

+ 5 - 9
sophisticated-business/style-editor.scss

@@ -120,7 +120,7 @@ h2 {
 	font-size: $font__size-md;
 
 	@include media(tablet) {
-		font-size: $font__size-md;
+		font-size: $font__size-lg;
 	}
 }
 
@@ -261,11 +261,8 @@ figcaption,
 .wp-block-cover {
 	min-height: 80vh;
 
-	h2,
+	.wp-block-cover__inner-container,
 	.wp-block-cover-text {
-		font-family: $font__heading;
-		font-weight: 700;
-		line-height: 1.25;
 		padding-left: $size__spacing-unit;
 		padding-right: $size__spacing-unit;
 
@@ -274,7 +271,6 @@ figcaption,
 		}
 
 		@include media(tablet) {
-			font-size: $font__size-xxl;
 			margin-left: auto;
 			margin-right: auto;
 			padding: 0;
@@ -313,9 +309,9 @@ figcaption,
 .wp-block[data-type="core/cover"][data-align="wide"],
 .wp-block[data-type="core/cover"][data-align="full"] {
 	@include media(tablet) {
-		h2,
-		.wp-block-cover-text {
-			font-size: $font__size-xxxxl;
+
+		.wp-block-cover-text,
+		.wp-block-cover__inner-container {
 			max-width: calc(8 * (100vw / 12));
 		}
 	}

File diff suppressed because it is too large
+ 1057 - 649
sophisticated-business/style-rtl.css


+ 122 - 32
sophisticated-business/style.css

@@ -499,6 +499,12 @@ h1 {
   }
 }
 
+.wp-block-cover .wp-block-cover-image-text,
+.wp-block-cover .wp-block-cover-text,
+.wp-block-cover h2,
+.wp-block-cover-image .wp-block-cover-image-text,
+.wp-block-cover-image .wp-block-cover-text,
+.wp-block-cover-image h2,
 .not-found .page-title,
 .error-404 .page-title,
 .has-larger-font-size,
@@ -506,6 +512,21 @@ h2 {
   font-size: 1.125em;
 }
 
+@media only screen and (min-width: 768px) {
+  .wp-block-cover .wp-block-cover-image-text,
+  .wp-block-cover .wp-block-cover-text,
+  .wp-block-cover h2,
+  .wp-block-cover-image .wp-block-cover-image-text,
+  .wp-block-cover-image .wp-block-cover-text,
+  .wp-block-cover-image h2,
+  .not-found .page-title,
+  .error-404 .page-title,
+  .has-larger-font-size,
+  h2 {
+    font-size: 1.6875em;
+  }
+}
+
 .has-regular-font-size,
 .has-large-font-size,
 .comments-title,
@@ -3883,21 +3904,73 @@ body.page .main-navigation {
   }
 }
 
+.entry .entry-content .wp-block-cover-image .wp-block-cover__inner-container,
+.entry .entry-content .wp-block-cover .wp-block-cover__inner-container {
+  padding: 0;
+  color: #fff;
+}
+
+@media only screen and (min-width: 768px) {
+  .entry .entry-content .wp-block-cover-image .wp-block-cover__inner-container,
+  .entry .entry-content .wp-block-cover .wp-block-cover__inner-container {
+    max-width: 100%;
+    margin-left: auto;
+    margin-right: auto;
+  }
+}
+
+.entry .entry-content .wp-block-cover-image h1, .entry .entry-content .wp-block-cover-image h2, .entry .entry-content .wp-block-cover-image h3, .entry .entry-content .wp-block-cover-image h4, .entry .entry-content .wp-block-cover-image h5, .entry .entry-content .wp-block-cover-image h6,
+.entry .entry-content .wp-block-cover h1,
+.entry .entry-content .wp-block-cover h2,
+.entry .entry-content .wp-block-cover h3,
+.entry .entry-content .wp-block-cover h4,
+.entry .entry-content .wp-block-cover h5,
+.entry .entry-content .wp-block-cover h6 {
+  font-weight: 700;
+}
+
+.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 {
-  font-family: "Poppins", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
+  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;
-  font-weight: 700;
-  line-height: 1.25;
-  padding: 0;
-  color: #fff;
+}
+
+.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;
 }
 
 @media only screen and (min-width: 768px) {
+  .entry .entry-content .wp-block-cover-image h1,
+  .entry .entry-content .wp-block-cover h1 {
+    font-size: 3.375em;
+  }
   .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,
@@ -3905,9 +3978,22 @@ body.page .main-navigation {
   .entry .entry-content .wp-block-cover .wp-block-cover-text,
   .entry .entry-content .wp-block-cover h2 {
     font-size: 2.8125em;
-    max-width: 100%;
-    margin-left: auto;
-    margin-right: auto;
+  }
+  .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;
   }
 }
 
@@ -3926,46 +4012,43 @@ body.page .main-navigation {
 }
 
 @media only screen and (min-width: 768px) {
-  .entry .entry-content .wp-block-cover-image.alignwide .wp-block-cover-image-text,
-  .entry .entry-content .wp-block-cover-image.alignwide .wp-block-cover-text,
-  .entry .entry-content .wp-block-cover-image.alignwide h2,
-  .entry .entry-content .wp-block-cover.alignwide .wp-block-cover-image-text,
-  .entry .entry-content .wp-block-cover.alignwide .wp-block-cover-text,
-  .entry .entry-content .wp-block-cover.alignwide h2 {
+  .entry .entry-content .wp-block-cover-image.alignwide .wp-block-cover__inner-container,
+  .entry .entry-content .wp-block-cover.alignwide .wp-block-cover__inner-container {
     max-width: calc(8 * (100vw / 12) - 28px);
   }
 }
 
 @media only screen and (min-width: 1168px) {
-  .entry .entry-content .wp-block-cover-image.alignwide .wp-block-cover-image-text,
-  .entry .entry-content .wp-block-cover-image.alignwide .wp-block-cover-text,
-  .entry .entry-content .wp-block-cover-image.alignwide h2,
-  .entry .entry-content .wp-block-cover.alignwide .wp-block-cover-image-text,
-  .entry .entry-content .wp-block-cover.alignwide .wp-block-cover-text,
-  .entry .entry-content .wp-block-cover.alignwide h2 {
+  .entry .entry-content .wp-block-cover-image.alignwide .wp-block-cover__inner-container,
+  .entry .entry-content .wp-block-cover.alignwide .wp-block-cover__inner-container {
     max-width: calc(6 * (100vw / 12) - 28px);
   }
 }
 
 @media only screen and (min-width: 768px) {
-  .entry .entry-content .wp-block-cover-image.alignwide .wp-block-cover-image-text,
-  .entry .entry-content .wp-block-cover-image.alignwide .wp-block-cover-text,
-  .entry .entry-content .wp-block-cover-image.alignwide h2,
-  .entry .entry-content .wp-block-cover.alignwide .wp-block-cover-image-text,
-  .entry .entry-content .wp-block-cover.alignwide .wp-block-cover-text,
-  .entry .entry-content .wp-block-cover.alignwide h2 {
+  .entry .entry-content .wp-block-cover-image.alignwide .wp-block-cover__inner-container,
+  .entry .entry-content .wp-block-cover.alignwide .wp-block-cover__inner-container {
     padding: 0;
-    font-size: 4.5em;
   }
 }
 
+.entry .entry-content .wp-block-cover-image.alignfull .wp-block-cover__inner-container,
+.entry .entry-content .wp-block-cover.alignfull .wp-block-cover__inner-container {
+  max-width: calc(8 * (100vw / 12));
+}
+
 .entry .entry-content .wp-block-cover-image.alignfull .wp-block-cover-image-text,
 .entry .entry-content .wp-block-cover-image.alignfull .wp-block-cover-text,
-.entry .entry-content .wp-block-cover-image.alignfull h2,
+.entry .entry-content .wp-block-cover-image.alignfull h1,
 .entry .entry-content .wp-block-cover.alignfull .wp-block-cover-image-text,
 .entry .entry-content .wp-block-cover.alignfull .wp-block-cover-text,
+.entry .entry-content .wp-block-cover.alignfull h1 {
+  font-size: 3.375em;
+}
+
+.entry .entry-content .wp-block-cover-image.alignfull h2,
 .entry .entry-content .wp-block-cover.alignfull h2 {
-  max-width: calc(8 * (100vw / 12));
+  font-size: 2.8125em;
 }
 
 @media only screen and (min-width: 768px) {
@@ -3974,15 +4057,22 @@ body.page .main-navigation {
     padding-left: calc(10% + 58px + (2 * 1rem));
     padding-right: calc(10% + 58px + (2 * 1rem));
   }
+  .entry .entry-content .wp-block-cover-image.alignfull .wp-block-cover__inner-container,
+  .entry .entry-content .wp-block-cover.alignfull .wp-block-cover__inner-container {
+    padding: 0;
+  }
   .entry .entry-content .wp-block-cover-image.alignfull .wp-block-cover-image-text,
   .entry .entry-content .wp-block-cover-image.alignfull .wp-block-cover-text,
-  .entry .entry-content .wp-block-cover-image.alignfull h2,
+  .entry .entry-content .wp-block-cover-image.alignfull h1,
   .entry .entry-content .wp-block-cover.alignfull .wp-block-cover-image-text,
   .entry .entry-content .wp-block-cover.alignfull .wp-block-cover-text,
-  .entry .entry-content .wp-block-cover.alignfull h2 {
-    padding: 0;
+  .entry .entry-content .wp-block-cover.alignfull h1 {
     font-size: 4.5em;
   }
+  .entry .entry-content .wp-block-cover-image.alignfull h2,
+  .entry .entry-content .wp-block-cover.alignfull h2 {
+    font-size: 3.375em;
+  }
 }
 
 .entry .entry-content .wp-block-gallery {

Some files were not shown because too many files changed in this diff