liser
Version:
functional css help to optimizing design work and building responsive websites
25 lines (23 loc) • 854 B
CSS
.tracked { letter-spacing: .1em; }
.tracked-tight { letter-spacing: -0.05em; }
.tracked-mega { letter-spacing: .25em; }
@media screen and (min-width: 30em) {
.tracked-ns { letter-spacing: .1em; }
.tracked-tight-ns { letter-spacing: -0.05em; }
.tracked-mega-ns { letter-spacing: .25em; }
}
@media screen and (min-width: 30em) and (max-width: 60em) {
.tracked-m { letter-spacing: .1em; }
.tracked-tight-m { letter-spacing: -0.05em; }
.tracked-mega-m { letter-spacing: .25em; }
}
@media screen and (max-width: 60em) and (orientation: landscape) {
.tracked-ml { letter-spacing: .1em; }
.tracked-tight-ml { letter-spacing: -0.05em; }
.tracked-mega-ml { letter-spacing: .25em; }
}
@media screen and (min-width: 60em) {
.tracked-l { letter-spacing: .1em; }
.tracked-tight-l { letter-spacing: -0.05em; }
.tracked-mega-l { letter-spacing: .25em; }
}