Fit height to background pattern size with calc-size(). Ahmad Shadeed rounds a section’s auto height up to a multiple of the tile height with calc-size() and round(), so the pattern never gets cut off. Chrome-only for now. #css #layout ishadeed.com/article...

Show Post

Same 😆 I already have a ton of crazy ideas that involve everything except creating gradients

Show Post

After the CSSWG resolved to explore mesh gradients, the chair also made me an editor of the CSS Images 5 spec. 😱 FYI, I have absolutely no idea what I'm doing, but thankfully I have help from some very clever people. Sadly I will have to spec what happens if someone makes a mesh gradient like this:

Show Post

Yesterday, the CSSWG accepted my proposal for mesh gradients and diffusion curve gradients! Want to make gradients like this natively in CSS? Well, we've started the work on it. It's coming! Here's the Explainer: github.com/w3c/csswg-dr...

Show Post

Well, actually I just re-implemented the existing "round" value. I had something else in mind and I ended up rounding the repetition which is useless... 😅 At least, I discovered a Chrome bug with this.

Show Post