ab-interchange/src/docs/styles.css

AB-interchange: While responsive image loading is not really an easy task even today, here is a solution to manage conditional (based on breakpoints) loading of img, background-image or even HTML content.

@import "../../node_modules/tachyons";

main {
  flex: 0 1 100%;
}

img {
  display: block;
  height: auto;
}

[data-ab-interchange] {
  background-size: cover;
}