Parcourir la source

Curator: update link and navigation styles (#5982)

* update link styles

* add underline offset and update background color

* Replace custom link background with preset variable.

Co-authored-by: Jeff Ong <jonger4@gmail.com>
Madhu Dollu il y a 3 ans
Parent
commit
f2d08369ca
2 fichiers modifiés avec 62 ajouts et 1 suppressions
  1. 61 0
      curator/style.css
  2. 1 1
      curator/theme.json

+ 61 - 0
curator/style.css

@@ -92,6 +92,67 @@ Tags: one-column, custom-colors, custom-menu, custom-logo, editor-style, feature
 	padding: calc(0.667em + 2px) calc(1.333em + 2px);
 }
 
+/*
+ * Link Styles
+ */
+
+a:not(
+	.wp-block-search__button,
+	.wp-block-button__link
+) {
+	padding: .4rem 0;
+	text-underline-offset: .1rem;
+}
+
+a:not(
+	.wp-block-search__button,
+	.wp-block-button__link
+):hover {
+	text-decoration: none;
+}
+
+a:not(
+	.wp-block-search__button,
+	.wp-block-button__link
+):focus {
+	text-decoration-style: dotted;
+}
+
+a:not(
+	.wp-block-search__button,
+	.wp-block-button__link
+):active {
+	text-decoration: none;
+	background-color: var(--wp--preset--color--tertiary);
+}
+
+/*
+ * Navigation Link Styles
+ */
+
+:is(
+	.wp-block-pages-list__item .wp-block-pages-list__item__link,
+	.wp-block-navigation-link__content
+):hover {
+	text-decoration: underline;
+}
+
+:is(
+	.wp-block-pages-list__item .wp-block-pages-list__item__link,
+	.wp-block-navigation-link__content
+):focus {
+	text-decoration-line: underline;
+	text-decoration-style: dotted;
+}
+
+:is(
+	.wp-block-pages-list__item .wp-block-pages-list__item__link,
+	.wp-block-navigation-link__content
+):active {
+	background-color: var(--wp--preset--color--tertiary);
+}
+
+
 /*
  * Alignment styles, borrowed from Twenty Twenty-Two.
  * These rules are temporary, and should not be relied on or

+ 1 - 1
curator/theme.json

@@ -52,7 +52,7 @@
 				},
 				{
 					"slug": "tertiary",
-					"color": "#FCFAFA",
+					"color": "#F4ECEC",
 					"name": "Tertiary"
 				}
 			]