tachyons-white-space
Version:
Performance based css module.
64 lines (55 loc) • 2 kB
HTML
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=Edge">
<title>
tachyons white space
</title>
<meta name="author" content="">
<meta name="description" content="">
<meta name="viewport" content="width=device-width, initial-scale=1">
</head>
<body>
<h1>tachyons white space</h1>
<h2>Examples</h2>
<div class="ws-norm">.ws-norm { white-space: normal; }</div>
<div class="ws-nowrap">.ws-nowrap { white-space: nowrap; }</div>
<div class="ws-pre">.ws-pre { white-space: pre; }</div>
<div class="ws-norm-ns">.ws-norm-ns { white-space: normal; }</div>
<div class="ws-nowrap-ns">.ws-nowrap-ns { white-space: nowrap; }</div>
<div class="ws-pre-ns">.ws-pre-ns { white-space: pre; }</div>
<div class="ws-norm-m">.ws-norm-m { white-space: normal; }</div>
<div class="ws-nowrap-m">.ws-nowrap-m { white-space: nowrap; }</div>
<div class="ws-pre-m">.ws-pre-m { white-space: pre; }</div>
<div class="ws-norm-l">.ws-norm-l { white-space: normal; }</div>
<div class="ws-nowrap-l">.ws-nowrap-l { white-space: nowrap; }</div>
<div class="ws-pre-l">.ws-pre-l { white-space: pre; }</div>
<pre>
<code>
/*
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; }
}
</code>
</pre>
<a href="http://npmjs.org/package/tachyons-white-space" title="tachyons-white-space">View package on npm</a>
</body>
</html>