Changeset 9327 for sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg/css/base/_headings.scss

Timestamp:

12/11/2019 07:37:01 AM (6 years ago)

Author:

tellyworth

Message:

Main theme: CSS needed for heading hierarchy a11y fix

This is the CSS and JS component of a patch that adjusts the h1/h2/.. heading hierarchy in the About section. Markup will come in a later deploy.

See #4120.

File:

• sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg/css/base/_headings.scss (modified) (4 diffs)

sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg/css/base/_headings.scss

@@ -1 +1 @@
 h1, h2, h3, h4, h5, h6 {
+    font-family: fontFamily(); /* We need to re-state the font family because of conflicting styles from wp4.css */
     clear: both;
     line-height: $type__lineheight;
@@ -5 +6 @@
 }
 
-h1 {
-    font-size: ms( 12 );
-    font-weight: 300;
-}
-
-h2 {
+h1, .h1 {
     font-size: ms( 8 );
     font-weight: 300;
 }
 
-h3 {
+h2, .h2 {
+    font-size: ms( 6 );
+    font-weight: 300;
+}
+
+h3, .h3 {
     font-size: ms( 4 );
     font-weight: 400;
 }
 
-h4 {
+h4, .h4 {
     font-size: ms( 2 );
     color: $color__base-gray;
@@ -27 +28 @@
 }
 
-h5 {
+h5, .h5 {
     font-size: ms( 0 );
     font-weight: 600;
@@ -34 +35 @@
 }
 
-h6 {
+h6, .h6 {
     font-size: ms( -2 );
     font-weight: 600;