Skip to content

Conversation

@shawnbot
Copy link
Contributor

This adds a fill-inherit utility class that sets fill: currentColor, which is particularly useful for inline SVG that you want to "inherit" whatever CSS color value its adjacent text has (including :hover styles).

With this, you can avoid having to double up on classes like text-blue fill-blue and use text-blue fill-inherit instead, and allow octicons to inherit the link color without having to explicitly specify fill-blue, which saves us some refactoring later when links become purple. :trollface:

This probably can't be part of #329, since merging it will prompt a version bump from Lerna. So maybe we release 9.4 then queue this up for 9.5?

TODO

  • Add docs (after getting feedback)

/cc @primer/design-systems

@shawnbot shawnbot requested a review from a team August 29, 2017 00:04
Copy link
Member

@jonrohan jonrohan left a comment

Choose a reason for hiding this comment

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

We already have this applied to all our octicons https://github.com/primer/octicons/blob/master/lib/octicons.css

@shawnbot
Copy link
Contributor Author

🤦🏻‍♂️

@shawnbot shawnbot closed this Aug 29, 2017
@shawnbot shawnbot deleted the shawnbot/fill-inherit branch September 21, 2017 04:47
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Projects

None yet

Development

Successfully merging this pull request may close these issues.

3 participants