Browse Source

Sophisticated Business: Fixes font-sizes for cover block to match original release

Allan Cole 6 years ago
parent
commit
654f719f28

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

@@ -553,14 +553,71 @@
 				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,
 		&.alignright {
 			width: 100%;
@@ -589,6 +646,16 @@
 				max-width: calc(8 * (100vw / 12));
 			}
 
+			.wp-block-cover-image-text,
+			.wp-block-cover-text,
+			h1 {
+				font-size: $font__size-xxxl;
+			}
+
+			h2 {
+				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}));
@@ -596,6 +663,16 @@
 				.wp-block-cover__inner-container {
 					padding: 0;
 				}
+
+				.wp-block-cover-image-text,
+				.wp-block-cover-text,
+				h1 {
+					font-size: $font__size-xxxxl;
+				}
+
+				h2 {
+					font-size: $font__size-xxxl;
+				}
 			}
 		}
 	}

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

@@ -3907,13 +3907,84 @@ body.page .main-navigation {
   }
 }
 
+.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-size: 2.25em;
   margin: inherit;
   max-width: inherit;
   text-align: inherit;
 }
 
+.entry .entry-content .wp-block-cover-image h3,
+.entry .entry-content .wp-block-cover h3 {
+  font-size: 1.6875em;
+}
+
+.entry .entry-content .wp-block-cover-image h4,
+.entry .entry-content .wp-block-cover h4 {
+  font-size: 1.125em;
+}
+
+.entry .entry-content .wp-block-cover-image h5,
+.entry .entry-content .wp-block-cover h5 {
+  font-size: 22px;
+}
+
+.entry .entry-content .wp-block-cover-image h6,
+.entry .entry-content .wp-block-cover h6 {
+  font-size: 0.88889em;
+}
+
+@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,
+  .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 h3,
+  .entry .entry-content .wp-block-cover h3 {
+    font-size: 1.6875em;
+  }
+  .entry .entry-content .wp-block-cover-image h4,
+  .entry .entry-content .wp-block-cover h4 {
+    font-size: 1.125em;
+  }
+  .entry .entry-content .wp-block-cover-image h5,
+  .entry .entry-content .wp-block-cover h5 {
+    font-size: 22px;
+  }
+  .entry .entry-content .wp-block-cover-image h6,
+  .entry .entry-content .wp-block-cover h6 {
+    font-size: 0.88889em;
+  }
+}
+
 .entry .entry-content .wp-block-cover-image.alignleft, .entry .entry-content .wp-block-cover-image.alignright,
 .entry .entry-content .wp-block-cover.alignleft,
 .entry .entry-content .wp-block-cover.alignright {
@@ -3954,6 +4025,20 @@ body.page .main-navigation {
   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 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 {
+  font-size: 2.8125em;
+}
+
 @media only screen and (min-width: 768px) {
   .entry .entry-content .wp-block-cover-image.alignfull,
   .entry .entry-content .wp-block-cover.alignfull {
@@ -3964,6 +4049,18 @@ body.page .main-navigation {
   .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 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: 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 {

+ 97 - 0
sophisticated-business/style.css

@@ -3919,13 +3919,84 @@ body.page .main-navigation {
   }
 }
 
+.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-size: 2.25em;
   margin: inherit;
   max-width: inherit;
   text-align: inherit;
 }
 
+.entry .entry-content .wp-block-cover-image h3,
+.entry .entry-content .wp-block-cover h3 {
+  font-size: 1.6875em;
+}
+
+.entry .entry-content .wp-block-cover-image h4,
+.entry .entry-content .wp-block-cover h4 {
+  font-size: 1.125em;
+}
+
+.entry .entry-content .wp-block-cover-image h5,
+.entry .entry-content .wp-block-cover h5 {
+  font-size: 22px;
+}
+
+.entry .entry-content .wp-block-cover-image h6,
+.entry .entry-content .wp-block-cover h6 {
+  font-size: 0.88889em;
+}
+
+@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,
+  .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 h3,
+  .entry .entry-content .wp-block-cover h3 {
+    font-size: 1.6875em;
+  }
+  .entry .entry-content .wp-block-cover-image h4,
+  .entry .entry-content .wp-block-cover h4 {
+    font-size: 1.125em;
+  }
+  .entry .entry-content .wp-block-cover-image h5,
+  .entry .entry-content .wp-block-cover h5 {
+    font-size: 22px;
+  }
+  .entry .entry-content .wp-block-cover-image h6,
+  .entry .entry-content .wp-block-cover h6 {
+    font-size: 0.88889em;
+  }
+}
+
 .entry .entry-content .wp-block-cover-image.alignleft, .entry .entry-content .wp-block-cover-image.alignright,
 .entry .entry-content .wp-block-cover.alignleft,
 .entry .entry-content .wp-block-cover.alignright {
@@ -3966,6 +4037,20 @@ body.page .main-navigation {
   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 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 {
+  font-size: 2.8125em;
+}
+
 @media only screen and (min-width: 768px) {
   .entry .entry-content .wp-block-cover-image.alignfull,
   .entry .entry-content .wp-block-cover.alignfull {
@@ -3976,6 +4061,18 @@ body.page .main-navigation {
   .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 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: 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 {