@wavegate
Posted
Nice catch on applying CSS to the checked radio button. I definitely chose to use JavaScript on an ordered list instead for that part which semantically is probably less effective. Can you explain how you lined up the number within each of the radio buttons in this line?
line-height: calc(0.25rem + 1rem);
I remember when I was doing this the numbers always were aligned a little off. Thanks.
@weebao
Posted
@wavegate I'm using SASS so the 1rem is actually the circle's size variable which I also used for the circle's width and height. I also used text-align: center and then center the number vertically with line-height by eyeballing, and the number I got is 0.25rem plus the circle's size/diameter.