Feature icons: masked span painted by currentColor, not <img>
Deploy / deploy (push) Successful in 1m1s
Deploy / deploy (push) Successful in 1m1s
An image can't take the text color; a mask-image painted by background-color can. Icons now follow --feature-accent when the feature declares a color, and the surrounding text color otherwise. Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
This commit is contained in:
co-authored by
Claude Sonnet 5
parent
34a027e17b
commit
ca09dce90c
@@ -365,6 +365,13 @@ main.not-found {
|
||||
width: 1.3rem;
|
||||
height: 1.3rem;
|
||||
margin: 0.1rem 0.6rem 0.4rem 0;
|
||||
background-color: var(--feature-accent, currentColor);
|
||||
mask-repeat: no-repeat;
|
||||
mask-size: contain;
|
||||
mask-position: center;
|
||||
-webkit-mask-repeat: no-repeat;
|
||||
-webkit-mask-size: contain;
|
||||
-webkit-mask-position: center;
|
||||
}
|
||||
|
||||
.feature h3 {
|
||||
|
||||
Reference in New Issue
Block a user