search

csstools / sanitize.css

A best-practices CSS foundation
https://csstools.github.io/sanitize.css
Creative Commons Zero v1.0 Universal
5.21k stars 314 forks source link

Don't repeat mask images by default #239

Open wimhendrikx opened 1 year ago

jssteinberg commented 1 year ago

Out of curiosity, @wimhendrikx, since I can't remember using mask-image lately. I agree with sanitize.css not repeating background is a more intuitive default CSS behaviour, is it equally intuitive when it comes to mask-image? I guess it's clearly more consistent at least.

wimhendrikx commented 1 year ago

Hi @jssteinberg , I myself use it a lot and the usage is a lot like background images but I use mask image with SVG images and background-color so I can determine the color in my CSS instead of in the SVG image. 90% of the time you don't want to repeat the image like it is the case with background images.

wimhendrikx commented 1 year ago

Something like this @jonathantneal?

Before:

Scherm­afbeelding 2022-11-10 om 14 36 31

After:

Scherm­afbeelding 2022-11-10 om 14 36 38