Post

Wrote an explainer for --repeat() and I realized a way to help you even more easily with a --repeat-join() function bsky.app/profile/did:... There's a codepen demo in there using it with your sawtooth border-shape idea :) Hope it helps - ty for the inspiration!

Until then, a super hacky idea. demo: codepen.io/t_afif/pen/e... This gets you 6x6x6 = 216 repetition (I am doing the calculation right)

I meant to say "IF I am doing the calculation right" ... Now, it looks like I am super confident so let's hope it's actually right 😅

introducing ssssssss.css

How about with mask or is it specifically shape() you need? codepen.io/editor/esolt...

/ping @nomster.bsky.social

The good news: you can put the repeated segment in a custom property and repeat that in a var() call, like in codepen.io/noamr-the-se... The bad news: CSS functions don't support for/while/recursion for perf reasons. So the number of repititions would have to be done explicitly or in a preprocessor.

I can see, however, how we could implement a repeat(segments, count) or some such in shape() without a big perf hit, if there was popular demand.