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: contain
to 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/