@ritterim/platform-ui/src/js/background-image.js

A CSS framework used by Ritter Insurance Marketing (RIM) for our platform of agent tools.

let bgImgs = document.querySelectorAll('.background-image');

if(bgImgs) {
  bgImgs.forEach(elem => {
    const img = elem.dataset.backgroundImage;
    const position = elem.dataset.backgroundPosition;
    const size = elem.dataset.backgroundSize;
    const repeat = elem.dataset.backgroundRepeat;
    if(img) {
      elem.style.backgroundImage = `url('${img}')`;
    }
    if(position) {
      elem.style.backgroundPosition = position;
    }
    if(size) {
      elem.style.backgroundSize = size;
    }
    if(repeat) {
      elem.style.backgroundRepeat = repeat;
    }
  });
}