Discussion on: Scalable "star rating" without JS (and no SVG or image for the star)

[Temani Afif]

but you cannot repeat a clip-path ;) that's why I am using it as mask. It's one star repeated.

[Mads Stoumann]

Ah, yes. I thought you had an <i> after each <input>. What about rtl-support? 😁

[Temani Afif]

The lazy solution would be to use

[dir="rtl"] .stars i {
    background-position: right;
}

Or I can update the code like this: codepen.io/t_afif/pen/eYWJNBd

[Temani Afif]

updated the post to include this. I was writing this fast yesterday and forgot to work on it.

[Mads Stoumann]

Cool!