tachyons white space

Examples

.ws-norm { white-space: normal; }
.ws-nowrap { white-space: nowrap; }
.ws-pre { white-space: pre; }
.ws-norm-ns { white-space: normal; }
.ws-nowrap-ns { white-space: nowrap; }
.ws-pre-ns { white-space: pre; }
.ws-norm-m { white-space: normal; }
.ws-nowrap-m { white-space: nowrap; }
.ws-pre-m { white-space: pre; }
.ws-norm-l { white-space: normal; }
.ws-nowrap-l { white-space: nowrap; }
.ws-pre-l { white-space: pre; }

/*

   WHITE SPACE

*/


.ws-norm    { white-space: normal; }
.ws-nowrap  { white-space: nowrap; }
.ws-pre     { white-space: pre; }

@include break(not-small) {
  .ws-norm-ns    { white-space: normal; }
  .ws-nowrap-ns  { white-space: nowrap; }
  .ws-pre-ns     { white-space: pre; }
}

@include break(medium) {
  .ws-norm-m    { white-space: normal; }
  .ws-nowrap-m  { white-space: nowrap; }
  .ws-pre-m     { white-space: pre; }
}

@include break(large) {
  .ws-norm-l    { white-space: normal; }
  .ws-nowrap-l  { white-space: nowrap; }
  .ws-pre-l     { white-space: pre; }
}

View package on npm