Simpler custom control markup
Created by: 719media
I was running into issues with the custom-control (input and checkbox) padding and generally just not being as friendly as I would have liked.
-
Instead of padding-left:1.5rem, why not padding-left:1rem, and then create margin-left:0.5, which allows for the checkbox itself to be rendered cleanly. Useful for me when putting a checkbox into a container (say, a
<td>
of a<table>
) and want it to look clean and centered. Obviously I could just create my own class here, but I feel that this type of styling is more clean. -
Where possible, I like to stay away from position: absolute when creating something meant to be extending/used globally (e.g., the bootstrap library :) ). One benefit of avoiding absolute is that sizing the custom input becomes a little easier, because all you need to worry about at that point is the top offset (instead of having to worry about the padding-left spacing to make room for the absolute)
Anyway, I've put my ideas here:
https://jsfiddle.net/fqxcdp8h/
I hope you would at least consider implementing the fix for #1
.