Changeset 11925

Timestamp:

06/29/2022 07:43:22 PM (2 years ago)

Author:

ryelle

Message:

Breathe: Revert only necessary header styles.

Reverting the font-size and line-height overrides the header styles, so remove those. This also reverts the outline style on buttons in the header to bring back a visible focus style.

Props weboccults, varshil151189.
Fixes #6382.

File:

• sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-breathe/style.css (modified) (2 diffs)

sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-breathe/style.css

@@ -116 +116 @@
  */
 .wp-block-group.global-header button,
-.wp-block-group.global-header html input[type="button"],
+.wp-block-group.global-header input[type="button"],
 .wp-block-group.global-header input[type="reset"],
 .wp-block-group.global-header input[type="submit"] {
     /* Revert styles that should only apply to the content area. */
-    border-radius: initial;
-    box-shadow: initial;
-    font-size: initial;
-    line-height: initial;
-    text-shadow: initial;
+    border-radius: revert;
+    box-shadow: revert;
+    text-shadow: revert;
+}
+
+.wp-block-group.global-header button:focus,
+.wp-block-group.global-header input[type="button"]:focus,
+.wp-block-group.global-header input[type="reset"]:focus,
+.wp-block-group.global-header input[type="submit"]:focus {
+    /* Bring back the browser focus style */
+    outline: revert;
 }
 
@@ -131 +137 @@
 .wp-block-group.global-header ol {
     /* Revert styles that should only apply to the content area. */
-    font-size: inherit;
-    line-height: inherit;
+    font-size: revert;
+    line-height: revert;
 }