I have used custom Check-Box with simple css rules and Font Awesome Icon:
Custom Check Box JSFiddle
But these rules applies to all checkbox in a page.
For this problem, I found that, .LESS file can produce nested css rules.
So I have made a LESS file and put custom check box rules under one class custom-checkbox.
But it does not working.
Here is my sample code for LESS file:
I want to apply only single custom-checkbox class defined in LESS file. which customize that check box only. How can achieve the same thing given in my JSFiddle?