fix header link underline

Automattic · Sep 7, 2022 · 8123c41 · 8123c41
1 parent d9dc206
commit 8123c41
Show file tree

Hide file tree

Showing 2 changed files with 27 additions and 6 deletions.
diff --git a/pixel/style.css b/pixel/style.css
@@ -23,12 +23,13 @@ Tags: one-column, custom-colors, custom-menu, custom-logo, editor-style, feature
     box-shadow: var(--wp--custom--shadow);
 }
 
-/* Post title styles */
-.wp-block-post-title a {
+/* links */
+a {
 	text-underline-offset: .3em;
 	text-decoration-thickness: 2px;
 }
 
+/* Post title styles */
 .wp-block-post-title a:hover,
 .wp-block-post-title a:focus {
 	text-decoration-style: dotted;

diff --git a/pixel/theme.json b/pixel/theme.json
@@ -273,8 +273,17 @@
                 "spacing": {
                     "blockGap": "1rem",
                     "padding": {
-                        "left": "0.5rem !important",
-                        "right": "0.5rem !important"
+                        "left": "0.25rem !important",
+                        "right": "0.25rem !important"
+                    }
+                },
+                "elements": {
+                    "link": {
+                        ":hover": {
+                            "typography": {
+                                "textDecoration": "underline"
+                            }
+                        }
                     }
                 }
             },
@@ -369,8 +378,19 @@
                     "fontFamily": "var(--wp--preset--font-family--uni-05-53)",
                     "fontSize": "0.875rem",
                     "fontWeight": "400",
-                    "textTransform": "uppercase",
-                    "textDecoration": "none"
+                    "textTransform": "uppercase"
+                },
+                "elements": {
+                    "link": {
+                        "typography": {
+                            "textDecoration": "none"
+                        },
+                        ":hover": {
+                            "typography": {
+                                "textDecoration": "underline"
+                            }
+                        }
+                    }
                 }
             }
         },