liser
Version:
functional css help to optimizing design work and building responsive websites
3 lines (1 loc) • 625 B
CSS
.cover{background-size:cover}.contain{background-size:contain}@media screen and (min-width:30em){.cover-ns{background-size:cover}.contain-ns{background-size:contain}}@media screen and (min-width:30em) and (max-width:60em){.cover-m{background-size:cover}.contain-m{background-size:contain}}@media screen and (max-width:60em) and (orientation:landscape){.cover-ml{background-size:cover}.contain-ml{background-size:contain}}@media screen and (min-width:60em){.cover-l{background-size:cover}.contain-l{background-size:contain}}