Skip to content
This repository was archived by the owner on Feb 17, 2025. It is now read-only.

Conversation

@pbking
Copy link
Contributor

@pbking pbking commented Jan 26, 2021

Changes proposed in this Pull Request:

The link selectors were changed to apply a default border style to all
anchors (with a loose selector, just 'a') but leave that border-color
transparent. All of these elements get a :hover to apply the primary
hover style.

Any anchor that's in wp-block or entry-content will instead have those
border color values inverted (defaults to --color-primary, hover is
transparent)

Buttons, social links (any other that I found to evaluate) had more
specific selection rules to eliminate the border-bottom styles
preventing undesired underlines.

Related issue(s):

Closes #3095

@pbking pbking force-pushed the fix/3905-simplify-link-styles-prevent-bleeding branch from f4b6ef0 to 1b9cf3b Compare January 26, 2021 20:20
@pbking pbking requested a review from a team January 26, 2021 20:25
@scruffian scruffian force-pushed the fix/3905-simplify-link-styles-prevent-bleeding branch from 1b9cf3b to 76ad1e8 Compare January 27, 2021 16:07
Copy link
Member

@scruffian scruffian left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

This breaks custom link colors

@scruffian
Copy link
Member

See also: #3122

The link selectors were changed to apply a default border style to all
anchors (with a loose selector, just 'a') but leave that border-color
transparent.  All of these elements get a :hover to apply the primary
hover style.

Any anchor that's in wp-block or entry-content will instead have those
border color values inverted (defaults to --color-primary, hover is
transparent)

Buttons, social links (any other <a> that I found to evaluate) had more
specific selection rules to eliminate the border-bottom styles
preventing undesired underlines.
@pbking pbking force-pushed the fix/3905-simplify-link-styles-prevent-bleeding branch from 76ad1e8 to 753b728 Compare January 27, 2021 20:16
@pbking
Copy link
Contributor Author

pbking commented Jan 27, 2021

I tested with as many custom link configurations and methods as I could find. The only difference that I saw was that the custom link colors weren't turning to the primary color on hover; that has been addressed. If there are other custom link color issues please lmk.

@pbking pbking requested a review from scruffian January 27, 2021 20:26
Copy link
Member

@scruffian scruffian left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

LGTM. Great work!

@scruffian scruffian merged commit fad77a5 into trunk Jan 28, 2021
@scruffian scruffian deleted the fix/3905-simplify-link-styles-prevent-bleeding branch January 28, 2021 10:22
Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

Spearhead: Default link color bleeding into hover state of Social Icons block

3 participants