bootstrap/docs/4.0
Mark Otto 4829350a46
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
2017-11-24 14:26:56 -08:00
..
about Revamp docs About section (#24589) 2017-10-28 22:41:25 -07:00
components Fix dropup example code 2017-11-20 09:18:17 +01:00
content Update typography docs (#24863) 2017-11-24 14:35:16 +02:00
examples Add support for fractional viewport widths (zoom/high-dpi displays) (#24299) 2017-11-20 05:13:37 -05:00
extend Minor Markdown consistency changes. 2017-09-26 17:04:45 +03:00
getting-started Fix installing deps in our webpack docs 2017-11-16 11:30:55 +01:00
layout closes #24450 2017-11-24 12:40:56 -08:00
utilities Change the text color to dark on bg color warning examples (#24805) 2017-11-17 06:57:49 +02:00
browser-bugs.md update urls 2017-05-29 23:32:28 -07:00
migration.md Rewrite custom form check backgrounds (#24697) 2017-11-24 14:26:56 -08:00