diff options
| author | Mark Otto <[email protected]> | 2017-11-24 14:26:56 -0800 |
|---|---|---|
| committer | GitHub <[email protected]> | 2017-11-24 14:26:56 -0800 |
| commit | 4829350a461f05774149469e8bb2d818351d0c4e (patch) | |
| tree | 80821f0d40ba2da161618776c6512ac651625b83 /_includes | |
| parent | fff0116f7037dfb27ec19a1ccd9cf30ced2883d0 (diff) | |
| download | bootstrap-4829350a461f05774149469e8bb2d818351d0c4e.tar.xz bootstrap-4829350a461f05774149469e8bb2d818351d0c4e.zip | |
Rewrite custom form check backgrounds (#24697)
* Rewrite custom form check backgrounds
Previously, this was all just a background-color and background-image. When we restored the gradients though, we had two background-images competing on the same element, causing rendering glitches. This refactors that code, creating a mixin to simplify things, so we can we easily use two background-images (SVG icon and gradient) when -gradients is set to true.
Fixes #24598
* restore default vars
* Revamp custom check and radio backgrounds
Instead of applying multiple background-image's to the same element, we're adding a new ::before pseudo-element to layer the background-images. Gradients go on the .custom-control-indicator while their icons go on the ::before element. This allows us to shave some bytes from when we compile and we previously needed to redeclare the background-image for the icon if you changed the gradient.
* remove now unused mixin
* mention change in migration docs
Diffstat (limited to '_includes')
0 files changed, 0 insertions, 0 deletions