update theme link styles

Automattic · Sep 8, 2022 · 80c9dc6 · 80c9dc6
1 parent 479d82a
commit 80c9dc6
Show file tree

Hide file tree

Showing 2 changed files with 72 additions and 19 deletions.
diff --git a/pixel/style.css b/pixel/style.css
@@ -23,19 +23,10 @@ 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:where(:not(.wp-element-button)) {
 	text-underline-offset: .3em;
-	text-decoration-thickness: 2px;
-}
-
-.wp-block-post-title a:hover,
-.wp-block-post-title a:focus {
-	text-decoration-style: dotted;
-}
-
-.wp-block-post-title a:active {
-	text-decoration-style: solid;
+	/* text-decoration-thickness: 2px; */
 }
 
 /*

diff --git a/pixel/theme.json b/pixel/theme.json
@@ -276,6 +276,20 @@
                         "left": "0.25rem !important",
                         "right": "0.25rem !important"
                     }
+                },
+                "elements": {
+                    "link": {
+                        ":active": {
+                            "typography": {
+                                "textDecoration": "underline dotted"
+                            }
+                        },
+                        ":focus": {
+                            "typography": {
+                                "textDecoration": "underline solid"
+                            }
+                        }
+                    }
                 }
             },
             "core/post-date": {
@@ -300,11 +314,6 @@
                     "link": {
                         "typography": {
                             "textDecoration": "none"
-                        },
-                        ":hover": {
-                            "typography": {
-                                "textDecoration": "underline"
-                            }
                         }
                     }
                 }
@@ -327,6 +336,38 @@
                     "fontStyle": "italic"
                 }
             },
+            "core/query-pagination": {
+				"elements": {
+					"link": {
+						"typography": {
+							"textDecoration": "none"
+						}
+					}
+				}
+			},
+			"core/query-pagination-next": {
+				"typography": {
+					"fontWeight": "500"
+				}
+			},
+            "core/query-pagination-numbers": {
+				"typography": {
+					"fontWeight": "500"
+				},
+                "elements": {
+                    "link": {
+                        "typography": {
+                            "fontWeight": "300",
+                            "textDecoration": "none"
+                        }
+                    }
+                }
+			},
+			"core/query-pagination-previous": {
+				"typography": {
+					"fontWeight": "500"
+				}
+			},
             "core/quote": {
                 "border": {
                     "color": "var(--wp--preset--color--primary)",
@@ -369,8 +410,14 @@
                     "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"
+                        }
+                    }
                 }
             }
         },
@@ -467,6 +514,21 @@
             "link": {
                 "color": {
                     "text": "var(--wp--preset--color--primary)"
+                },
+                ":hover": {
+                    "typography": {
+                        "textDecoration": "underline dotted"
+                    }
+                },
+                ":focus": {
+                    "typography": {
+                        "textDecoration": "underline dotted"
+                    }
+                },
+                ":active": {
+                    "typography": {
+                        "textDecoration": "underline solid"
+                    }
                 }
             }
         },