Changeset 54109

Timestamp:

09/08/2022 11:55:36 PM (2 years ago)

Author:

audrasjb

Message:

Twenty Fifteen: Increase the font size used for h5 headings.

This changeset ensures h5 and h5 heading levels don't use the same font size.

Follow-up to [29892].

Props poena, akabarikalpesh, hellofromTonya, afrid1719, aezazshekh, sabernhardt, anitanenova, viralsampat, alansyue, pratiweb, russel07.
Fixes #52028.

Location:

trunk/src/wp-content/themes/twentyfifteen

Files:

• css/editor-blocks.css (modified) (5 diffs)
• css/editor-style.css (modified) (1 diff)
• css/ie.css (modified) (1 diff)
• style.css (modified) (5 diffs)

trunk/src/wp-content/themes/twentyfifteen/css/editor-blocks.css

@@ -122 +122 @@
         font-size: 20px;
         line-height: 1.4;
-        padding: .7em 0 0.35em;
-    }
-
-    .edit-post-visual-editor .editor-block-list__block h5,
+        padding: 0.7em 0 0.35em;
+    }
+
+    .edit-post-visual-editor .editor-block-list__block h5 {
+        font-size: 18px;
+        line-height: 1.3333;
+        padding: 1.3em 0 0.65em;
+    }
+
     .edit-post-visual-editor .editor-block-list__block h6 {
         font-size: 17px;
@@ -170 +175 @@
     }
 
-    .edit-post-visual-editor .editor-block-list__block h5,
+    .edit-post-visual-editor .editor-block-list__block h5 {
+        font-size: 20px;
+        line-height: 1.4;
+        padding: 0.7em 0 0.35em;
+    }
+
     .edit-post-visual-editor .editor-block-list__block h6 {
         font-size: 19px;
@@ -215 +225 @@
     }
 
-    .edit-post-visual-editor .editor-block-list__block h5,
+    .edit-post-visual-editor .editor-block-list__block h5 {
+        font-size: 16px;
+        line-height: 1.25;
+        padding: 0.875em 0 0.4375em;
+    }
+
     .edit-post-visual-editor .editor-block-list__block h6 {
         font-size: 15px;
@@ -260 +275 @@
     }
 
-    .edit-post-visual-editor .editor-block-list__block h5,
+    .edit-post-visual-editor .editor-block-list__block h5 {
+        font-size: 18px;
+        line-height: 1.3333;
+        padding: 0.65em 0 0.3em;
+    }
+
     .edit-post-visual-editor .editor-block-list__block h6 {
         font-size: 17px;
@@ -293 +313 @@
     }
 
-    .edit-post-visual-editor .editor-block-list__block h5,
+    .edit-post-visual-editor .editor-block-list__block h5 {
+        font-size: 20px;
+        line-height: 1.4;
+        padding: 0.7em 0 0.35em;
+    }
+
     .edit-post-visual-editor .editor-block-list__block h6 {
         font-size: 19px;

trunk/src/wp-content/themes/twentyfifteen/css/editor-style.css

@@ -70 +70 @@
 }
 
-h5,
+h5 {
+    font-size: 18px;
+    letter-spacing: 0.1em;
+    line-height: 1.3333;
+    text-transform: uppercase;
+}
+
 h6 {
     font-size: 17px;

trunk/src/wp-content/themes/twentyfifteen/css/ie.css

@@ -511 +511 @@
 
 .entry-content h5,
+.entry-summary h5,
+.page-content h5,
+.comment-content h5 {
+    font-size: 20px;
+    line-height: 1.4;
+    margin-top: 2.8em;
+    margin-bottom: 1.4em;
+}
+
 .entry-content h6,
-.entry-summary h5,
 .entry-summary h6,
-.page-content h5,
 .page-content h6,
-.comment-content h5,
 .comment-content h6 {
     font-size: 19px;

trunk/src/wp-content/themes/twentyfifteen/style.css

@@ -3375 +3375 @@
 
     .entry-content h5,
+    .entry-summary h5,
+    .page-content h5,
+    .comment-content h5 {
+        font-size: 18px;
+        font-size: 1.8rem;
+        line-height: 1.3333;
+        margin-top: 2.6667em;
+        margin-bottom: 1.3333em;
+    }
+
     .entry-content h6,
-    .entry-summary h5,
     .entry-summary h6,
-    .page-content h5,
     .page-content h6,
-    .comment-content h5,
     .comment-content h6 {
         font-size: 17px;
@@ -3949 +3956 @@
 
     .entry-content h5,
+    .entry-summary h5,
+    .page-content h5,
+    .comment-content h5 {
+        font-size: 20px;
+        font-size: 2rem;
+        line-height: 1.4;
+        margin-top: 2.8em;
+        margin-bottom: 1.4em;
+    }
+
     .entry-content h6,
-    .entry-summary h5,
     .entry-summary h6,
-    .page-content h5,
     .page-content h6,
-    .comment-content h5,
     .comment-content h6 {
         font-size: 19px;
@@ -4622 +4636 @@
 
     .entry-content h5,
+    .entry-summary h5,
+    .page-content h5,
+    .comment-content h5 {
+        font-size: 16px;
+        font-size: 1.6rem;
+        line-height: 1.25;
+        margin-top: 3.25em;
+        margin-bottom: 1.625em;
+    }
+
     .entry-content h6,
-    .entry-summary h5,
     .entry-summary h6,
-    .page-content h5,
     .page-content h6,
-    .comment-content h5,
     .comment-content h6 {
         font-size: 15px;
@@ -5205 +5226 @@
 
     .entry-content h5,
+    .entry-summary h5,
+    .page-content h5,
+    .comment-content h5 {
+        font-size: 18px;
+        font-size: 1.8rem;
+        line-height: 1.3333;
+        margin-top: 2.6667em;
+        margin-bottom: 1.3333em;
+    }
+
     .entry-content h6,
-    .entry-summary h5,
     .entry-summary h6,
-    .page-content h5,
     .page-content h6,
-    .comment-content h5,
     .comment-content h6 {
         font-size: 17px;
@@ -5760 +5788 @@
 
     .entry-content h5,
+    .entry-summary h5,
+    .page-content h5,
+    .comment-content h5 {
+        font-size: 20px;
+        font-size: 2rem;
+        line-height: 1.4;
+        margin-top: 2.8em;
+        margin-bottom: 1.4em;
+    }
+
     .entry-content h6,
-    .entry-summary h5,
     .entry-summary h6,
-    .page-content h5,
     .page-content h6,
-    .comment-content h5,
     .comment-content h6 {
         font-size: 19px;