Style Guide utilities



.capitalize


.uppercase


.lowercase


.text-left


.text-center


.text-right


.nowrap


.semi-transparent


.float-left

.float-right

.clear-floats


.display-block


.no-margin


.outline-subdued


.pad-top-1
.pad-top-2
.pad-top-3
.pad-top-4

.pad-right-1
.pad-right-2
.pad-right-3
.pad-right-4

.pad-bottom-1
.pad-bottom-2
.pad-bottom-3
.pad-bottom-4

.pad-left-1
.pad-left-2
.pad-left-3
.pad-left-4

<p class="capitalize"><code>.capitalize</code></p>
<hr>
<p class="uppercase"><code>.uppercase</code></p>
<hr>
<p class="lowercase"><code>.lowercase</code></p>
<hr>
<p class="text-left"><code>.text-left</code></p>
<hr>
<p class="text-center"><code>.text-center</code></p>
<hr>
<p class="text-right"><code>.text-right</code></p>
<hr>
<p class="nowrap"><code>.nowrap</code></p>
<hr>
<p class="semi-transparent"><code>.semi-transparent</code></p>
<hr>
<p class="float-left"><code>.float-left</code></p>
<p class="float-right"><code>.float-right</code></p>
<p class="clear-floats"><code>.clear-floats</code></p>
<hr>
<p class="display-block"><code>.display-block</code></p>
<hr>
<p class="no-margin"><code>.no-margin</code></p>
<hr>
<p><code class="outline-subdued">.outline-subdued</code></p>
<hr>
<p>
	<div class="outline-subdued pad-top-1"><code>.pad-top-1</code></div>
	<div class="outline-subdued pad-top-2"><code>.pad-top-2</code></div>
	<div class="outline-subdued pad-top-3"><code>.pad-top-3</code></div>
	<div class="outline-subdued pad-top-4"><code>.pad-top-4</code></div>
</p>
<p>
	<div class="outline-subdued pad-right-1 text-right"><code>.pad-right-1</code></div>
	<div class="outline-subdued pad-right-2 text-right"><code>.pad-right-2</code></div>
	<div class="outline-subdued pad-right-3 text-right"><code>.pad-right-3</code></div>
	<div class="outline-subdued pad-right-4 text-right"><code>.pad-right-4</code></div>
</p>
<p>
	<div class="outline-subdued pad-bottom-1"><code>.pad-bottom-1</code></div>
	<div class="outline-subdued pad-bottom-2"><code>.pad-bottom-2</code></div>
	<div class="outline-subdued pad-bottom-3"><code>.pad-bottom-3</code></div>
	<div class="outline-subdued pad-bottom-4"><code>.pad-bottom-4</code></div>
</p>
<p>
	<div class="outline-subdued pad-left-1"><code>.pad-left-1</code></div>
	<div class="outline-subdued pad-left-2"><code>.pad-left-2</code></div>
	<div class="outline-subdued pad-left-3"><code>.pad-left-3</code></div>
	<div class="outline-subdued pad-left-4"><code>.pad-left-4</code></div>
</p>