Menu

Post image 1
Post image 2
Post image 3
1 / 3
0

100% CSS: repeat(--n, anything)

DEV Community·Jane Ori·about 1 month ago
#SIXm6jQH
Reading 0:00
15s threshold

Ages ago when CSS grids came with a repeat() function to simplify defining repetitive columns and rows, I was not alone in wishing for this function to be made generic and work in any context. After seeing Wes Bos on BlueSky wishing for this exact concept , specifically for repeating segments in a shape() definition, I chimed in with my +1's on making repeat() generic across CSS Without delay, @noamr opened an issue for the w3c csswg to get that ball rolling. Moments later I was struck by that inspiration that seems to come from God/heaven/the universe/source, full of the excitement of "I can do that now !" and I began banging out a custom function in codepen, on my phone, to bring our hopes into the present instead of waiting for an official implementation.…

Continue reading — create a free account

Join HashtagPLUS to read full articles, follow hashtags, vote, and join the conversation.

Read More