瀏覽代碼

Professional Business: Fix font sizes for Cover Block to match original design

Allan Cole 6 年之前
父節點
當前提交
c0ce5c735c
共有 3 個文件被更改,包括 86 次插入3 次删除
  1. 24 1
      professional-business/sass/blocks/_blocks.scss
  2. 31 1
      professional-business/style-rtl.css
  3. 31 1
      professional-business/style.css

+ 24 - 1
professional-business/sass/blocks/_blocks.scss

@@ -526,12 +526,35 @@
 			}
 		}
 
+		h1 {
+			font-size: $font__size-xxl;
+		}
+
+		.wp-block-cover-image-text,
+		.wp-block-cover-text,
 		h2 {
-			max-width: inherit;
+			font-size: $font__size-xl;
 			margin: inherit;
+			max-width: inherit;
 			text-align: inherit;
 		}
 
+		h3 {
+			font-size: $font__size-lg;
+		}
+
+		h4 {
+			font-size: $font__size-md;
+		}
+
+		h5 {
+			font-size: $font__size-base;
+		}
+
+		h6 {
+			font-size: $font__size-sm;
+		}
+
 		&.alignleft,
 		&.alignright {
 			width: 100%;

+ 31 - 1
professional-business/style-rtl.css

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

+ 31 - 1
professional-business/style.css

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