Checkbox ripple mixin doesn't allow customization

[moog16]

Expected use of @mixin mdc-ripple-radius-unbounded with the checkbox is:

.mdc-checkbox {
  @include mdc-ripple-radius-unbounded(50%);
}

This however doesn't work, since the JS checkbox progamatically creates CSS vars and puts them on the element. This overrides the sass mixin, which stops this from working.

Example:
https://glitch.com/edit/#!/fishy-course?path=index.scss:5:7

[abhiomkar]

This might be related to #4530 (as per Density work).

[moog16]

Not sure if the change allows us to break the ratio between size of checkbox and radius of unbounded ripple. It looks like we can change the size of the checkbox, but what if we want to make the ratio of the ripple size larger/smaller?

[abhiomkar]

PR #4697 fixes this?