Created by: MartijnCuppens
This PR simplifies the checkboxes a bit. A lot of properties are very unlikely to change, like background-position or background-repeat, so I think it's better to remove them from the variables file to keep things clear.
- Define background properties in
.form-check-input - Use
background-size: containto simplify background sizes (especially for those with linear gradients) - Remove double
color-adjust - Adjust svgs to 20x20 box. This way the strokes aren't rescaled.
Also tested this with the gradients enabled.
Fixes https://github.com/twbs/bootstrap/pull/30528#issuecomment-612219215
Demo: https://deploy-preview-30557--twbs-bootstrap.netlify.com/docs/4.3/forms/checks/