@mixin mx-checkbox-bg($color) {
  background-color: #fff;
  background-image: url("data:image/svg+xml, %3Csvg width='20' height='15' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 8l2.5-2.5 5 4.5 10-9.5L20 3 8 15H7z' fill='%23#{$color}' fill-rule='evenodd'/%3E%3C/svg%3E");
}