From 80c9dc69c98fed4b4c69fb0edb994b7d5364609e Mon Sep 17 00:00:00 2001 From: madhusudhand Date: Wed, 7 Sep 2022 14:41:57 +0530 Subject: [PATCH 1/4] update theme link styles --- pixel/style.css | 15 ++-------- pixel/theme.json | 76 +++++++++++++++++++++++++++++++++++++++++++----- 2 files changed, 72 insertions(+), 19 deletions(-) diff --git a/pixel/style.css b/pixel/style.css index 29dec3368a..248c46aefa 100644 --- 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 index 5a8e70534c..1c2244bed0 100644 --- 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" + } } } }, From 481bfa736bb894e119ceb3aa57f3aec79a996aed Mon Sep 17 00:00:00 2001 From: Jeff Ong Date: Wed, 7 Sep 2022 10:37:27 -0400 Subject: [PATCH 2/4] Implement italics in post content for links. --- pixel/theme.json | 21 +++++++++++++++++++++ 1 file changed, 21 insertions(+) diff --git a/pixel/theme.json b/pixel/theme.json index 1c2244bed0..afc6fd4236 100644 --- a/pixel/theme.json +++ b/pixel/theme.json @@ -292,6 +292,27 @@ } } }, + "core/post-content": { + "elements": { + "link": { + ":active": { + "typography": { + "fontStyle": "italic" + } + }, + ":focus": { + "typography": { + "fontStyle": "italic" + } + }, + ":hover": { + "typography": { + "fontStyle": "italic" + } + } + } + } + }, "core/post-date": { "color": { "text": "var(--wp--preset--color--foreground)" From a73ec551f8b21ccaf15b16e399d1c2a75f1c8778 Mon Sep 17 00:00:00 2001 From: madhusudhand Date: Thu, 8 Sep 2022 11:28:08 +0530 Subject: [PATCH 3/4] add block gap to fix post content margin --- pixel/style.css | 8 ++++++-- pixel/theme.json | 5 ++++- 2 files changed, 10 insertions(+), 3 deletions(-) diff --git a/pixel/style.css b/pixel/style.css index 248c46aefa..5d009f5644 100644 --- a/pixel/style.css +++ b/pixel/style.css @@ -66,8 +66,12 @@ a:where(:not(.wp-element-button)) { text-decoration: none; } -.taxonomy-category > a:hover { - text-decoration: underline; +.taxonomy-category > :is(a:hover, a:focus) { + text-decoration: underline dotted; +} + +.taxonomy-category > a:active { + text-decoration: underline solid; } .wp-block-pullquote cite { diff --git a/pixel/theme.json b/pixel/theme.json index afc6fd4236..4f4a6d8375 100644 --- a/pixel/theme.json +++ b/pixel/theme.json @@ -293,6 +293,9 @@ } }, "core/post-content": { + "spacing": { + "blockGap": "var(--wp--custom--gap--vertical)" + }, "elements": { "link": { ":active": { @@ -554,7 +557,7 @@ } }, "spacing": { - "blockGap": "30px", + "blockGap": "var(--wp--custom--gap--vertical)", "padding": { "bottom": "var(--wp--custom--spacing--outer)", "left": "var(--wp--custom--spacing--outer)", From 5516570ff468f05870ece4f79df53be41ec22923 Mon Sep 17 00:00:00 2001 From: madhusudhand Date: Thu, 8 Sep 2022 16:33:08 +0530 Subject: [PATCH 4/4] remove css styles for categories --- pixel/style.css | 13 ------------- 1 file changed, 13 deletions(-) diff --git a/pixel/style.css b/pixel/style.css index 5d009f5644..d60a68d6e8 100644 --- a/pixel/style.css +++ b/pixel/style.css @@ -61,19 +61,6 @@ a:where(:not(.wp-element-button)) { border-color: var(--wp--preset--color--primary); } -/* Categories */ -.taxonomy-category > a { - text-decoration: none; -} - -.taxonomy-category > :is(a:hover, a:focus) { - text-decoration: underline dotted; -} - -.taxonomy-category > a:active { - text-decoration: underline solid; -} - .wp-block-pullquote cite { font-size: 0.75rem; font-style: normal;