KSS Style Guide

33 #Text Text

Classes for setting text properties of an element.

Source: dist/full/full.css, line 21366

33.1 #Text - Align Text Align

Classes for setting text-align of an element.

Source: dist/full/full.css, line 21373
Examples
Default styling
A div
.ta-c
Sets text-align to center
A div
Markup
<div class="[modifier class]">A div</div>
Source: dist/full/full.css, line 21412
Examples
Default styling
A div
.ta-lg-c
Sets text-align to center on lg
A div
Markup
<div class="[modifier class]">A div</div>
Source: dist/full/full.css, line 21607
Examples
Default styling
A div
.ta-md-c
Sets text-align to center on md
A div
Markup
<div class="[modifier class]">A div</div>
Source: dist/full/full.css, line 21542
Examples
Default styling
A div
.ta-sm-c
Sets text-align to center on sm
A div
Markup
<div class="[modifier class]">A div</div>
Source: dist/full/full.css, line 21477
Examples
Default styling
A div
.ta-j
Sets text-align to justify
A div
Markup
<div class="[modifier class]">A div</div>
Source: dist/full/full.css, line 21428
Examples
Default styling
A div
.ta-lg-j
Sets text-align to justify on lg
A div
Markup
<div class="[modifier class]">A div</div>
Source: dist/full/full.css, line 21623
Examples
Default styling
A div
.ta-md-j
Sets text-align to justify on md
A div
Markup
<div class="[modifier class]">A div</div>
Source: dist/full/full.css, line 21558
Examples
Default styling
A div
.ta-sm-j
Sets text-align to justify on sm
A div
Markup
<div class="[modifier class]">A div</div>
Source: dist/full/full.css, line 21493
Examples
Default styling
A div
.ta-l
Sets text-align to left
A div
Markup
<div class="[modifier class]">A div</div>
Source: dist/full/full.css, line 21380
Examples
Default styling
A div
.ta-lg-l
Sets text-align to left on lg
A div
Markup
<div class="[modifier class]">A div</div>
Source: dist/full/full.css, line 21575
Examples
Default styling
A div
.ta-md-l
Sets text-align to left on md
A div
Markup
<div class="[modifier class]">A div</div>
Source: dist/full/full.css, line 21510
Examples
Default styling
A div
.ta-sm-l
Sets text-align to left on sm
A div
Markup
<div class="[modifier class]">A div</div>
Source: dist/full/full.css, line 21445
Examples
Default styling
A div
.ta-r
Sets text-align to right
A div
Markup
<div class="[modifier class]">A div</div>
Source: dist/full/full.css, line 21396
Examples
Default styling
A div
.ta-lg-r
Sets text-align to right on lg
A div
Markup
<div class="[modifier class]">A div</div>
Source: dist/full/full.css, line 21591
Examples
Default styling
A div
.ta-md-r
Sets text-align to right on md
A div
Markup
<div class="[modifier class]">A div</div>
Source: dist/full/full.css, line 21526
Examples
Default styling
A div
.ta-sm-r
Sets text-align to right on sm
A div
Markup
<div class="[modifier class]">A div</div>
Source: dist/full/full.css, line 21461