Quellcode durchsuchen

Merge pull request #949 from Automattic/fix/issue-895

Professional Business: Heading Size Adjustment
Takashi Irie vor 6 Jahren
Ursprung
Commit
0e885ca66a

+ 32 - 8
professional-business/sass/blocks/_blocks.scss

@@ -540,32 +540,57 @@
 		}
 
 		h1 {
-			font-size: $font__size-xxl;
+			font-size: $font__size-xl;
+
+			@include media(tablet) {
+				font-size: $font__size-xxl;
+			}
 		}
 
 		.wp-block-cover-image-text,
 		.wp-block-cover-text,
 		h2 {
-			font-size: $font__size-xl;
-			margin: inherit;
+			font-size: $font__size-lg;
+			margin: 1rem 0;
 			max-width: inherit;
+			padding: 0;
 			text-align: inherit;
+
+			@include media(tablet) {
+				font-size: $font__size-xl;
+			}
 		}
 
 		h3 {
-			font-size: $font__size-lg;
+			font-size: $font__size-md;
+
+			@include media(tablet) {
+				font-size: $font__size-lg;
+			}
 		}
 
 		h4 {
-			font-size: $font__size-md;
+			font-size: $font__size_base;
+
+			@include media(tablet) {
+				font-size: $font__size-md;
+			}
 		}
 
 		h5 {
-			font-size: $font__size-base;
+			font-size: $font__size-sm;
+
+			@include media(tablet) {
+				font-size: $font__size_base;
+			}
 		}
 
 		h6 {
-			font-size: $font__size-sm;
+			font-size: $font__size-xs;
+
+			@include media(tablet) {
+				font-size: $font__size-sm;
+			}
 		}
 
 		&.alignleft,
@@ -589,7 +614,6 @@
 
 			.wp-block-cover__inner-container {
 				width: 100%;
-				@include postContentMaxWidth();
 				margin-left: auto;
 				margin-right: auto;
 			}

+ 25 - 5
professional-business/sass/typography/_headings.scss

@@ -78,13 +78,21 @@ h1 {
 .wp-block-cover-image h2,
 .wp-block-cover h2,
 h2 {
-	font-size: $font__size-lg;
+	font-size: $font__size-md;
+
+	@include media(tablet) {
+		font-size: $font__size-lg;
+	}
 }
 
 .has-regular-font-size,
 .has-large-font-size,
 h3 {
-	font-size: $font__size-md;
+	font-size: $font__size_base;
+
+	@include media(tablet) {
+		font-size: $font__size-md;
+	}
 }
 
 .site-title,
@@ -97,13 +105,21 @@ h3 {
 h2.author-title,
 p.author-bio,
 h4 {
-	font-size: $font__size-md;
+	font-size: $font__size-sm;
+
+	@include media(tablet) {
+		font-size: $font__size_base;
+	}
 }
 
 .pagination .nav-links,
 .comment-content,
 h5 {
-	font-size: $font__size-sm;
+	font-size: $font__size-xs;
+
+	@include media(tablet) {
+		font-size: $font__size-sm;
+	}
 }
 
 .entry-meta,
@@ -118,7 +134,11 @@ h5 {
 #cancel-comment-reply-link,
 img:after,
 h6 {
-	font-size: $font__size-sm;
+	font-size: $font__size-xxs;
+
+	@include media(tablet) {
+		font-size: $font__size-xs;
+	}
 }
 
 .site-info {

+ 154 - 9
professional-business/style-editor.css

@@ -80,6 +80,22 @@ p {
   font-size: 22px;
 }
 
+p.has-small-font-size {
+  font-size: 0.88889em;
+}
+
+p.has-normal-font-size {
+  font-size: 1.125em;
+}
+
+p.has-large-font-size {
+  font-size: 1.6875em;
+}
+
+p.has-huge-font-size {
+  font-size: 2.25em;
+}
+
 h1,
 h2,
 h3,
@@ -88,36 +104,79 @@ h5,
 h6 {
   font-family: "Crimson Text", "Baskerville Old Face", Garamond, "Times New Roman", serif;
   font-weight: 600;
+  line-height: 1.2;
+  margin-top: 32px;
+  margin-bottom: 32px;
+}
+
+.editor-inner-blocks h1, .editor-inner-blocks
+h2, .editor-inner-blocks
+h3, .editor-inner-blocks
+h4, .editor-inner-blocks
+h5, .editor-inner-blocks
+h6 {
+  margin-top: 1.375rem;
+  margin-bottom: 1.375rem;
 }
 
 h1 {
-  font-size: 2.25em;
+  font-size: 1.6875em;
 }
 
 @media only screen and (min-width: 768px) {
   h1 {
-    font-size: 2.8125em;
+    font-size: 2.25em;
   }
 }
 
 h2 {
-  font-size: 1.6875em;
+  font-size: 1.125em;
+}
+
+@media only screen and (min-width: 768px) {
+  h2 {
+    font-size: 1.6875em;
+  }
 }
 
 h3 {
-  font-size: 1.125em;
+  font-size: 22px;
+}
+
+@media only screen and (min-width: 768px) {
+  h3 {
+    font-size: 1.125em;
+  }
 }
 
 h4 {
   font-size: 0.88889em;
 }
 
+@media only screen and (min-width: 768px) {
+  h4 {
+    font-size: 22px;
+  }
+}
+
 h5 {
-  font-size: 0.88889em;
+  font-size: 0.71111em;
+}
+
+@media only screen and (min-width: 768px) {
+  h5 {
+    font-size: 0.88889em;
+  }
 }
 
 h6 {
-  font-size: 0.71111em;
+  font-size: 0.59259em;
+}
+
+@media only screen and (min-width: 768px) {
+  h6 {
+    font-size: 0.71111em;
+  }
 }
 
 a {
@@ -263,9 +322,6 @@ figcaption,
 
 .wp-block-cover .wp-block-cover__inner-container,
 .wp-block-cover .wp-block-cover-text {
-  font-family: "Crimson Text", "Baskerville Old Face", Garamond, "Times New Roman", serif;
-  font-size: 1.6875em;
-  line-height: 1.4;
   padding-left: 1rem;
   padding-right: 1rem;
 }
@@ -275,6 +331,91 @@ figcaption,
   font-weight: bolder;
 }
 
+.wp-block-cover .wp-block-cover__inner-container h1, .wp-block-cover .wp-block-cover__inner-container h2, .wp-block-cover .wp-block-cover__inner-container h3, .wp-block-cover .wp-block-cover__inner-container h4, .wp-block-cover .wp-block-cover__inner-container h5, .wp-block-cover .wp-block-cover__inner-container h6,
+.wp-block-cover .wp-block-cover-text h1,
+.wp-block-cover .wp-block-cover-text h2,
+.wp-block-cover .wp-block-cover-text h3,
+.wp-block-cover .wp-block-cover-text h4,
+.wp-block-cover .wp-block-cover-text h5,
+.wp-block-cover .wp-block-cover-text h6 {
+  font-weight: 400;
+}
+
+.wp-block-cover .wp-block-cover__inner-container h1,
+.wp-block-cover .wp-block-cover-text h1 {
+  font-size: 2.25em;
+}
+
+@media only screen and (min-width: 768px) {
+  .wp-block-cover .wp-block-cover__inner-container h1,
+  .wp-block-cover .wp-block-cover-text h1 {
+    font-size: 2.8125em;
+  }
+}
+
+.wp-block-cover .wp-block-cover__inner-container h2,
+.wp-block-cover .wp-block-cover-text h2 {
+  font-size: 1.6875em;
+  max-width: 100%;
+  padding: 0;
+  text-align: left;
+}
+
+@media only screen and (min-width: 768px) {
+  .wp-block-cover .wp-block-cover__inner-container h2,
+  .wp-block-cover .wp-block-cover-text h2 {
+    font-size: 2.25em;
+  }
+}
+
+.wp-block-cover .wp-block-cover__inner-container h3,
+.wp-block-cover .wp-block-cover-text h3 {
+  font-size: 1.125em;
+}
+
+@media only screen and (min-width: 768px) {
+  .wp-block-cover .wp-block-cover__inner-container h3,
+  .wp-block-cover .wp-block-cover-text h3 {
+    font-size: 1.6875em;
+  }
+}
+
+.wp-block-cover .wp-block-cover__inner-container h4,
+.wp-block-cover .wp-block-cover-text h4 {
+  font-size: 22px;
+}
+
+@media only screen and (min-width: 768px) {
+  .wp-block-cover .wp-block-cover__inner-container h4,
+  .wp-block-cover .wp-block-cover-text h4 {
+    font-size: 1.125em;
+  }
+}
+
+.wp-block-cover .wp-block-cover__inner-container h5,
+.wp-block-cover .wp-block-cover-text h5 {
+  font-size: 0.88889em;
+}
+
+@media only screen and (min-width: 768px) {
+  .wp-block-cover .wp-block-cover__inner-container h5,
+  .wp-block-cover .wp-block-cover-text h5 {
+    font-size: 22px;
+  }
+}
+
+.wp-block-cover .wp-block-cover__inner-container h6,
+.wp-block-cover .wp-block-cover-text h6 {
+  font-size: 0.71111em;
+}
+
+@media only screen and (min-width: 768px) {
+  .wp-block-cover .wp-block-cover__inner-container h6,
+  .wp-block-cover .wp-block-cover-text h6 {
+    font-size: 0.88889em;
+  }
+}
+
 @media only screen and (min-width: 768px) {
   .wp-block-cover .wp-block-cover__inner-container,
   .wp-block-cover .wp-block-cover-text {
@@ -284,6 +425,10 @@ figcaption,
   }
 }
 
+.wp-block-cover .wp-block-cover__inner-container {
+  width: 100%;
+}
+
 .wp-block-cover .wp-block-cover__inner-container a {
   color: inherit;
 }

+ 107 - 9
professional-business/style-editor.scss

@@ -85,6 +85,23 @@ body {
 
 p {
 	font-size: $font__size_base;
+
+	//! 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;
+	}
 }
 
 h1,
@@ -95,34 +112,62 @@ h5,
 h6 {
 	font-family: $font__heading;
 	font-weight: 600;
+	line-height: $font__line-height-heading;
+	margin-top: $size__vertical-spacing-unit;
+	margin-bottom: $size__vertical-spacing-unit;
+
+	.editor-inner-blocks & {
+		margin-top: 1.375rem;
+		margin-bottom: 1.375rem;
+	}
 }
 
 h1 {
-	font-size: $font__size-xl;
+	font-size: $font__size-lg;
 
 	@include media(tablet) {
-		font-size: $font__size-xxl;
+		font-size: $font__size-xl;
 	}
 }
 
 h2 {
-	font-size: $font__size-lg;
+	font-size: $font__size-md;
+
+	@include media(tablet) {
+		font-size: $font__size-lg;
+	}
 }
 
 h3 {
-	font-size: $font__size-md;
+	font-size: $font__size_base;
+
+	@include media(tablet) {
+		font-size: $font__size-md;
+	}
 }
 
 h4 {
 	font-size: $font__size-sm;
+
+	@include media(tablet) {
+		font-size: $font__size_base;
+	}
 }
 
 h5 {
-	font-size: $font__size-sm;
+	font-size: $font__size-xs;
+
+	@include media(tablet) {
+		font-size: $font__size-sm;
+	}
 }
 
 h6 {
-	font-size: $font__size-xs;
+	font-size: $font__size-xxs;
+
+	@include media(tablet) {
+		font-size: $font__size-xs;
+	}
 }
 
 a {
@@ -258,9 +303,6 @@ figcaption,
 
 	.wp-block-cover__inner-container,
 	.wp-block-cover-text {
-		font-family: $font__heading;
-		font-size: $font__size-lg;
-		line-height: 1.4;
 		padding-left: $size__spacing-unit;
 		padding-right: $size__spacing-unit;
 
@@ -268,6 +310,61 @@ figcaption,
 			font-weight: bolder;
 		}
 
+		h1, h2, h3, h4, h5, h6 {
+			font-weight: 400;
+		}
+
+		h1 {
+			font-size: $font__size-xl;
+
+			@include media(tablet) {
+				font-size: $font__size-xxl;
+			}
+		}
+
+		h2 {
+			font-size: $font__size-lg;
+			max-width: 100%;
+			padding: 0;
+			text-align: left;
+
+			@include media(tablet) {
+				font-size: $font__size-xl;
+			}
+		}
+
+		h3 {
+			font-size: $font__size-md;
+
+			@include media(tablet) {
+				font-size: $font__size-lg;
+			}
+		}
+
+		h4 {
+			font-size: $font__size_base;
+
+			@include media(tablet) {
+				font-size: $font__size-md;
+			}
+		}
+
+		h5 {
+			font-size: $font__size-sm;
+
+			@include media(tablet) {
+				font-size: $font__size_base;
+			}
+		}
+
+		h6 {
+			font-size: $font__size-xs;
+
+			@include media(tablet) {
+				font-size: $font__size-sm;
+			}
+		}
+
 		@include media(tablet) {
 			margin-left: auto;
 			margin-right: auto;
@@ -276,6 +373,7 @@ figcaption,
 	}
 
 	.wp-block-cover__inner-container {
+		width: 100%;
 		a {
 			color: inherit;
 		}

+ 116 - 27
professional-business/style-rtl.css

@@ -7,7 +7,7 @@ Author URI: https://wordpress.com/
 Template: twentynineteen
 Description: Simple, yet sophisticated, with subtle, elegant typography, Professional Business conveys quality and integrity, which makes it especially good fit for accounting, law, and consultancy firms.
 Requires at least: WordPress 4.9.6
-Version: 1.3
+Version: 1.4
 License: GNU General Public License v2 or later
 License URI: LICENSE
 Text Domain: professional-business
@@ -509,13 +509,29 @@ h1 {
 .wp-block-cover-image h2,
 .wp-block-cover h2,
 h2 {
-  font-size: 1.6875em;
+  font-size: 1.125em;
+}
+
+@media only screen and (min-width: 768px) {
+  .wp-block-cover-image h2,
+  .wp-block-cover h2,
+  h2 {
+    font-size: 1.6875em;
+  }
 }
 
 .has-regular-font-size,
 .has-large-font-size,
 h3 {
-  font-size: 1.125em;
+  font-size: 22px;
+}
+
+@media only screen and (min-width: 768px) {
+  .has-regular-font-size,
+  .has-large-font-size,
+  h3 {
+    font-size: 1.125em;
+  }
 }
 
 .site-title,
@@ -528,13 +544,36 @@ h3 {
 h2.author-title,
 p.author-bio,
 h4 {
-  font-size: 1.125em;
+  font-size: 0.88889em;
+}
+
+@media only screen and (min-width: 768px) {
+  .site-title,
+  .site-description,
+  .nav-links,
+  .page-title,
+  .page-description,
+  .comment-author .fn,
+  .no-comments,
+  h2.author-title,
+  p.author-bio,
+  h4 {
+    font-size: 22px;
+  }
 }
 
 .pagination .nav-links,
 .comment-content,
 h5 {
-  font-size: 0.88889em;
+  font-size: 0.71111em;
+}
+
+@media only screen and (min-width: 768px) {
+  .pagination .nav-links,
+  .comment-content,
+  h5 {
+    font-size: 0.88889em;
+  }
 }
 
 .entry-meta,
@@ -549,7 +588,24 @@ h5 {
 #cancel-comment-reply-link,
 img:after,
 h6 {
-  font-size: 0.88889em;
+  font-size: 0.59259em;
+}
+
+@media only screen and (min-width: 768px) {
+  .entry-meta,
+  .entry-footer,
+  .discussion-meta-info,
+  .site-description,
+  .has-small-font-size,
+  .comment-reply-link,
+  .comment-metadata,
+  .comment-notes,
+  .sticky-post,
+  #cancel-comment-reply-link,
+  img:after,
+  h6 {
+    font-size: 0.71111em;
+  }
 }
 
 .site-info {
@@ -3897,7 +3953,14 @@ body.page .main-navigation {
 
 .entry .entry-content .wp-block-cover-image h1,
 .entry .entry-content .wp-block-cover h1 {
-  font-size: 2.8125em;
+  font-size: 2.25em;
+}
+
+@media only screen and (min-width: 768px) {
+  .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,
@@ -3906,30 +3969,70 @@ body.page .main-navigation {
 .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;
-  margin: inherit;
+  font-size: 1.6875em;
+  margin: 1rem 0;
   max-width: inherit;
+  padding: 0;
   text-align: inherit;
 }
 
+@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 h3,
 .entry .entry-content .wp-block-cover h3 {
-  font-size: 1.6875em;
+  font-size: 1.125em;
+}
+
+@media only screen and (min-width: 768px) {
+  .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;
+  font-size: 22px;
+}
+
+@media only screen and (min-width: 768px) {
+  .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;
+  font-size: 0.88889em;
+}
+
+@media only screen and (min-width: 768px) {
+  .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;
+  font-size: 0.71111em;
+}
+
+@media only screen and (min-width: 768px) {
+  .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.alignleft, .entry .entry-content .wp-block-cover-image.alignright,
@@ -3972,20 +4075,6 @@ body.page .main-navigation {
   margin-left: auto;
 }
 
-@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(8 * (100vw / 12) - 28px);
-  }
-}
-
-@media only screen and (min-width: 1168px) {
-  .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 {

+ 115 - 26
professional-business/style.css

@@ -509,13 +509,29 @@ h1 {
 .wp-block-cover-image h2,
 .wp-block-cover h2,
 h2 {
-  font-size: 1.6875em;
+  font-size: 1.125em;
+}
+
+@media only screen and (min-width: 768px) {
+  .wp-block-cover-image h2,
+  .wp-block-cover h2,
+  h2 {
+    font-size: 1.6875em;
+  }
 }
 
 .has-regular-font-size,
 .has-large-font-size,
 h3 {
-  font-size: 1.125em;
+  font-size: 22px;
+}
+
+@media only screen and (min-width: 768px) {
+  .has-regular-font-size,
+  .has-large-font-size,
+  h3 {
+    font-size: 1.125em;
+  }
 }
 
 .site-title,
@@ -528,13 +544,36 @@ h3 {
 h2.author-title,
 p.author-bio,
 h4 {
-  font-size: 1.125em;
+  font-size: 0.88889em;
+}
+
+@media only screen and (min-width: 768px) {
+  .site-title,
+  .site-description,
+  .nav-links,
+  .page-title,
+  .page-description,
+  .comment-author .fn,
+  .no-comments,
+  h2.author-title,
+  p.author-bio,
+  h4 {
+    font-size: 22px;
+  }
 }
 
 .pagination .nav-links,
 .comment-content,
 h5 {
-  font-size: 0.88889em;
+  font-size: 0.71111em;
+}
+
+@media only screen and (min-width: 768px) {
+  .pagination .nav-links,
+  .comment-content,
+  h5 {
+    font-size: 0.88889em;
+  }
 }
 
 .entry-meta,
@@ -549,7 +588,24 @@ h5 {
 #cancel-comment-reply-link,
 img:after,
 h6 {
-  font-size: 0.88889em;
+  font-size: 0.59259em;
+}
+
+@media only screen and (min-width: 768px) {
+  .entry-meta,
+  .entry-footer,
+  .discussion-meta-info,
+  .site-description,
+  .has-small-font-size,
+  .comment-reply-link,
+  .comment-metadata,
+  .comment-notes,
+  .sticky-post,
+  #cancel-comment-reply-link,
+  img:after,
+  h6 {
+    font-size: 0.71111em;
+  }
 }
 
 .site-info {
@@ -3909,7 +3965,14 @@ body.page .main-navigation {
 
 .entry .entry-content .wp-block-cover-image h1,
 .entry .entry-content .wp-block-cover h1 {
-  font-size: 2.8125em;
+  font-size: 2.25em;
+}
+
+@media only screen and (min-width: 768px) {
+  .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,
@@ -3918,30 +3981,70 @@ body.page .main-navigation {
 .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;
-  margin: inherit;
+  font-size: 1.6875em;
+  margin: 1rem 0;
   max-width: inherit;
+  padding: 0;
   text-align: inherit;
 }
 
+@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 h3,
 .entry .entry-content .wp-block-cover h3 {
-  font-size: 1.6875em;
+  font-size: 1.125em;
+}
+
+@media only screen and (min-width: 768px) {
+  .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;
+  font-size: 22px;
+}
+
+@media only screen and (min-width: 768px) {
+  .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;
+  font-size: 0.88889em;
+}
+
+@media only screen and (min-width: 768px) {
+  .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;
+  font-size: 0.71111em;
+}
+
+@media only screen and (min-width: 768px) {
+  .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.alignleft, .entry .entry-content .wp-block-cover-image.alignright,
@@ -3984,20 +4087,6 @@ body.page .main-navigation {
   margin-right: auto;
 }
 
-@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(8 * (100vw / 12) - 28px);
-  }
-}
-
-@media only screen and (min-width: 1168px) {
-  .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 {