ciser/build/ciser.white-space.css

Functional CSS, help quickly build and design new UI without writing css.

/*

   WHITE SPACE

   Media Query Extensions:
     -ns = not-small
     -m  = medium       -ml = mobile landscape
     -l  = large

*/
.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; }
}