liser
Version:
functional css help to optimizing design work and building responsive websites
25 lines (23 loc) • 734 B
CSS
.ws-normal { white-space: normal; }
.nowrap { white-space: nowrap; }
.pre { white-space: pre; }
@media screen and (min-width: 30em) {
.ws-normal-ns { white-space: normal; }
.nowrap-ns { white-space: nowrap; }
.pre-ns { white-space: pre; }
}
@media screen and (min-width: 30em) and (max-width: 60em) {
.ws-normal-m { white-space: normal; }
.nowrap-m { white-space: nowrap; }
.pre-m { white-space: pre; }
}
@media screen and (max-width: 60em) and (orientation: landscape) {
.ws-normal-ml { white-space: normal; }
.nowrap-ml { white-space: nowrap; }
.pre-ml { white-space: pre; }
}
@media screen and (min-width: 60em) {
.ws-normal-l { white-space: normal; }
.nowrap-l { white-space: nowrap; }
.pre-l { white-space: pre; }
}