Conclusion:- With the use of CSS3 I had created creative checkbox using the pseudo elements,Transition and animation properties that are interactive, simple to understand wihout the using javascript.

Stimulus Toggle Class A lightweight set of Stimulus controllers that synchronize a checkbox with the presence (or absence) of a CSS class on a group of target elements. This makes it easy to manage UI ...

merge-styles seems to resolve $-references incorrectly. I found this issue when trying to override the Checkbox's checkmark element's style when the root element was hovered. The css rule inserted ...