@import url("./u-image-zoom.selectors.css");

:--u-image-zoom {
  --scale: 1.5;

  display: block;
  overflow: hidden;
}
:--u-image-zoom > :--u-image-zoom__media {
  transition: transform .5s ease;
}

/* NOTE: Testing suggests this only works on anchors,
         so explitely limit this utility to anchors */
a:--u-image-zoom:hover :--u-image-zoom__media,
a:hover :--u-image-zoom :--u-image-zoom__media {
  transform: scale( var(--scale, 1.5) );
}