Calm Business: Fix Cover Block text to respect Block Editor settings

calm-business/sass/blocks/_blocks.scss

@@ -531,22 +531,23 @@
 			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%;
 			}
 		}
 
+		.wp-block-cover-image-text,
+		.wp-block-cover-text,
+		h2 {
+			margin-left: auto;
+			margin-right: auto;
+			margin-bottom: $size__spacing-unit;
+		}
+
 		&.alignleft,
 		&.alignright {
 			width: 100%;
@@ -558,9 +559,7 @@
 
 		&.alignfull {
 
-			.wp-block-cover-image-text,
-			.wp-block-cover-text,
-			h2 {
+			.wp-block-cover__inner-container {
 				max-width: 100%;
 			}
 
@@ -568,9 +567,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;
 				}
 			}

calm-business/style-editor.scss

@@ -95,19 +95,10 @@ h6 {
 
 h1 {
 	font-size: $font__size-xl;
-	@include post-section-dash;
-
-	@include media(tablet) {
-		font-size: $font__size-xxl;
-	}
 }
 
 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 {
@@ -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%;
 		}
 	}

calm-business/style-jetpack.css

@@ -7,17 +7,24 @@
 /* Infinite scroll */
 .site-main #infinite-handle span button {
   font-family: "Poppins", sans-serif;
-  background: #8D6708; }
-  .site-main #infinite-handle span button:hover {
-    background: #111;
-    cursor: pointer; }
-  .site-main #infinite-handle span button:visited {
-    color: #FAF8F5;
-    text-decoration: none; }
-  .site-main #infinite-handle span button:focus {
-    background: #111;
-    outline: thin dotted;
-    outline-offset: -4px; }
+  background: #8D6708;
+}
+
+.site-main #infinite-handle span button:hover {
+  background: #111;
+  cursor: pointer;
+}
+
+.site-main #infinite-handle span button:visited {
+  color: #FAF8F5;
+  text-decoration: none;
+}
+
+.site-main #infinite-handle span button:focus {
+  background: #111;
+  outline: thin dotted;
+  outline-offset: -4px;
+}
 
 /**
   * Responsive Videos
@@ -29,24 +36,30 @@
 .entry h3.sd-title {
   font-family: "Poppins", sans-serif;
   font-weight: 600;
-  letter-spacing: normal; }
+  letter-spacing: normal;
+}
 
 /**
   * Related Posts
   */
 .entry #jp-relatedposts h3.jp-relatedposts-headline {
   font-family: "Poppins", sans-serif;
-  font-weight: 600; }
-  .entry #jp-relatedposts h3.jp-relatedposts-headline em {
-    font-weight: inherit; }
+  font-weight: 600;
+}
+
+.entry #jp-relatedposts h3.jp-relatedposts-headline em {
+  font-weight: inherit;
+}
 
 .entry #jp-relatedposts .jp-relatedposts-items-visual h4.jp-relatedposts-post-title,
 .entry #jp-relatedposts .jp-relatedposts-items .jp-relatedposts-post {
-  font-family: "Poppins", sans-serif; }
+  font-family: "Poppins", sans-serif;
+}
 
 .entry #jp-relatedposts .jp-relatedposts-items .jp-relatedposts-post .jp-relatedposts-post-context,
 .entry #jp-relatedposts .jp-relatedposts-items .jp-relatedposts-post .jp-relatedposts-post-date {
-  font-family: "Poppins", sans-serif; }
+  font-family: "Poppins", sans-serif;
+}
 
 /**
   * Stats
@@ -59,17 +72,20 @@
   */
 /* Authors Widget */
 .widget_authors > ul > li > a {
-  font-family: "Poppins", sans-serif; }
+  font-family: "Poppins", sans-serif;
+}
 
 /* Display WordPress Posts */
 /* GoodReads */
 /* EU cookie law */
 .widget_eu_cookie_law_widget #eu-cookie-law {
-  font-family: "Poppins", sans-serif; }
+  font-family: "Poppins", sans-serif;
+}
 
 /* RSS Links */
 .widget_rss_links li {
-  font-family: "Poppins", sans-serif; }
+  font-family: "Poppins", sans-serif;
+}
 
 /**
   * Content Options
@@ -79,19 +95,24 @@
  */
 /* Mailchimp Block - Temp Fix */
 .wp-block-jetpack-mailchimp input[type="email"] {
-  width: 100%; }
+  width: 100%;
+}
 
 .wp-block-jetpack-mailchimp #wp-block-jetpack-mailchimp_consent-text {
-  font-size: 0.7111111111em; }
+  font-size: 0.71111em;
+}
 
 /* Business Hours - Temp Fix */
 .jetpack-business-hours dt,
 .jetpack-business-hours dd {
-  float: left; }
+  float: left;
+}
 
 .jetpack-business-hours dt {
   clear: both;
-  margin-right: 0.5rem; }
+  margin-right: 0.5rem;
+}
 
 .jetpack-business-hours dd {
-  margin: 0; }
+  margin: 0;
+}

calm-business/style-rtl.css

@@ -3998,32 +3998,30 @@ 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 .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 {
+  margin-right: auto;
+  margin-left: auto;
+  margin-bottom: 1rem;
+}
+
 .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 {
@@ -4038,12 +4036,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%;
 }
 
@@ -4053,12 +4047,8 @@ body.page .main-navigation {
     padding-right: calc(10% + 58px + (2 * 1rem));
     padding-left: 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;
   }
 }
@@ -4121,6 +4111,7 @@ body.page .main-navigation {
 
 .entry .entry-content .wp-block-separator.is-style-wide,
 .entry .entry-content hr.is-style-wide {
+  background-color: #2E2E2E;
   max-width: 100%;
 }
 
@@ -4138,6 +4129,11 @@ body.page .main-navigation {
   }
 }
 
+.entry .entry-content .wp-block-separator.is-style-wide:after,
+.entry .entry-content hr.is-style-wide:after {
+  display: none;
+}
+
 .entry .entry-content .wp-block-separator.is-style-dots,
 .entry .entry-content hr.is-style-dots {
   max-width: 100%;
@@ -4163,12 +4159,17 @@ body.page .main-navigation {
 
 .entry .entry-content .wp-block-separator.is-style-dots:before,
 .entry .entry-content hr.is-style-dots:before {
-  color: #fff;
+  color: #2E2E2E;
   font-size: 1.6875em;
   letter-spacing: 0.88889em;
   padding-right: 0.88889em;
 }
 
+.entry .entry-content .wp-block-separator.is-style-dots:after,
+.entry .entry-content hr.is-style-dots:after {
+  display: none;
+}
+
 .entry .entry-content .wp-block-separator + h1:before,
 .entry .entry-content .wp-block-separator + h2:before,
 .entry .entry-content hr + h1:before,