1<div class="headings">
2	<h2>Headings</h2>
3	<div class="row">
4		<div class="col-sm-8 col-md-9">
5			<div class="h1">h1. Bootstrap heading</div>
6		</div>
7
8		<div class="col-sm-4 col-md-3">
9			<div class="input">
10				<p>
11					<label for="tc-h1-font-size">Font size:</label>
12					<input id="tc-h1-font-size" class="nocolor" data-selector=".h1" data-element="font-size" data-var="@font-size-h1" type="text">
13				</p>
14				<p>
15					<label for="tc-h1-font-weight">Font weight:</label>
16					<input id="tc-h1-font-weight" class="nocolor" data-selector=".h1" data-element="font-weight" type="text">
17				</p>
18				<p>
19					<label for="tc-h1-spacing">Spacing:</label>
20					<input id="tc-h1-spacing" class="nocolor" data-selector=".h1" data-element="letter-spacing" type="text">
21				</p>
22				<p class="picker" data-selector=".h1" data-element="color">
23					<label for="tc-h1-color">Color:</label>
24					<input id="tc-h1-color" data-selector=".h1" data-element="color" type="text">
25					<span class="input-group-addon"><i></i></span>
26				</p>
27				<p>
28					<input id="tc-h1-uppercase" class="nocolor check" data-selector=".h1" data-element="text-transform" type="checkbox" data-default="none" data-check="uppercase">
29					Uppercase
30				</p>
31			</div>
32		</div>
33	</div>
34
35	<div class="row">
36		<div class="col-sm-8 col-md-9">
37			<div class="h2">h2. Bootstrap heading</div>
38		</div>
39
40		<div class="col-sm-4 col-md-3">
41			<div class="input">
42				<p>
43					<label for="tc-h2-font-size">Font size:</label>
44					<input id="tc-h2-font-size" class="nocolor" data-selector=".h2" data-element="font-size" data-var="@font-size-h2" type="text">
45				</p>
46				<p>
47					<label for="tc-h2-font-weight">Font weight:</label>
48					<input id="tc-h2-font-weight" class="nocolor" data-selector=".h2" data-element="font-weight" type="text">
49				</p>
50				<p>
51					<label for="tc-h2-spacing">Spacing:</label>
52					<input id="tc-h2-spacing" class="nocolor" data-selector=".h2" data-element="letter-spacing" type="text">
53				</p>
54				<p class="picker" data-selector=".h2" data-element="color">
55					<label for="tc-h2-color">Color:</label>
56					<input id="tc-h2-color" data-selector=".h2" data-element="color" type="text">
57					<span class="input-group-addon"><i></i></span>
58				</p>
59				<p>
60					<input id="tc-h2-uppercase" class="nocolor check" data-selector=".h2" data-element="text-transform" type="checkbox" data-default="none" data-check="uppercase">
61					Uppercase
62				</p>
63			</div>
64		</div>
65	</div>
66
67	<div class="row">
68		<div class="col-sm-8 col-md-9">
69			<div class="h3">h3. Bootstrap heading</div>
70		</div>
71
72		<div class="col-sm-4 col-md-3">
73			<div class="input">
74				<p>
75					<label for="tc-h3-font-size">Font size:</label>
76					<input id="tc-h3-font-size" class="nocolor" data-selector=".h3" data-element="font-size" data-var="@font-size-h3" type="text">
77				</p>
78				<p>
79					<label for="tc-h3-font-weight">Font weight:</label>
80					<input id="tc-h3-font-weight" class="nocolor" data-selector=".h3" data-element="font-weight" type="text">
81				</p>
82				<p>
83					<label for="tc-h3-spacing">Spacing:</label>
84					<input id="tc-h3-spacing" class="nocolor" data-selector=".h3" data-element="letter-spacing" type="text">
85				</p>
86				<p class="picker" data-selector=".h3" data-element="color">
87					<label for="tc-h3-color">Color:</label>
88					<input id="tc-h3-color" data-selector=".h3" data-element="color" type="text">
89					<span class="input-group-addon"><i></i></span>
90				</p>
91				<p>
92					<input id="tc-h3-uppercase" class="nocolor check" data-selector=".h3" data-element="text-transform" type="checkbox" data-default="none" data-check="uppercase">
93					Uppercase
94				</p>
95			</div>
96		</div>
97	</div>
98
99	<div class="row">
100		<div class="col-sm-8 col-md-9">
101			<div class="h4">h4. Bootstrap heading</div>
102		</div>
103
104		<div class="col-sm-4 col-md-3">
105			<div class="input">
106				<p>
107					<label for="tc-h4-font-size">Font size:</label>
108					<input id="tc-h4-font-size" class="nocolor" data-selector=".h4" data-element="font-size" data-var="@font-size-h4" type="text">
109				</p>
110				<p>
111					<label for="tc-h4-font-weight">Font weight:</label>
112					<input id="tc-h4-font-weight" class="nocolor" data-selector=".h4" data-element="font-weight" type="text">
113				</p>
114				<p>
115					<label for="tc-h4-spacing">Spacing:</label>
116					<input id="tc-h4-spacing" class="nocolor" data-selector=".h4" data-element="letter-spacing" type="text">
117				</p>
118				<p class="picker" data-selector=".h4" data-element="color">
119					<label for="tc-h4-color">Color:</label>
120					<input id="tc-h4-color" data-selector=".h4" data-element="color" type="text">
121					<span class="input-group-addon"><i></i></span>
122				</p>
123				<p>
124					<input id="tc-h4-uppercase" class="nocolor check" data-selector=".h4" data-element="text-transform" type="checkbox" data-default="none" data-check="uppercase">
125					Uppercase
126				</p>
127			</div>
128		</div>
129	</div>
130
131	<div class="row">
132		<div class="col-sm-8 col-md-9">
133			<div class="h5">h5. Bootstrap heading</div>
134		</div>
135
136		<div class="col-sm-4 col-md-3">
137			<div class="input">
138				<p>
139					<label for="tc-h5-font-size">Font size:</label>
140					<input id="tc-h5-font-size" class="nocolor" data-selector=".h5" data-element="font-size" data-var="@font-size-h5" type="text">
141				</p>
142				<p>
143					<label for="tc-h5-font-weight">Font weight:</label>
144					<input id="tc-h5-font-weight" class="nocolor" data-selector=".h5" data-element="font-weight" type="text">
145				</p>
146				<p>
147					<label for="tc-h5-spacing">Spacing:</label>
148					<input id="tc-h5-spacing" class="nocolor" data-selector=".h5" data-element="letter-spacing" type="text">
149				</p>
150				<p class="picker" data-selector=".h5" data-element="color">
151					<label for="tc-h5-color">Color:</label>
152					<input id="tc-h5-color" data-selector=".h5" data-element="color" type="text">
153					<span class="input-group-addon"><i></i></span>
154				</p>
155				<p>
156					<input id="tc-h5-uppercase" class="nocolor check" data-selector=".h5" data-element="text-transform" type="checkbox" data-default="none" data-check="uppercase">
157					Uppercase
158				</p>
159			</div>
160		</div>
161	</div>
162
163	<div class="row">
164		<div class="col-sm-8 col-md-9">
165			<div class="h6">h6. Bootstrap heading</div>
166		</div>
167
168		<div class="col-sm-4 col-md-3">
169			<div class="input">
170				<p>
171					<label for="tc-h6-font-size">Font size:</label>
172					<input id="tc-h6-font-size" class="nocolor" data-selector=".h6" data-element="font-size" data-var="@font-size-h6" type="text">
173				</p>
174				<p>
175					<label for="tc-h6-font-weight">Font weight:</label>
176					<input id="tc-h6-font-weight" class="nocolor" data-selector=".h6" data-element="font-weight" type="text">
177				</p>
178				<p>
179					<label for="tc-h6-spacing">Spacing:</label>
180					<input id="tc-h6-spacing" class="nocolor" data-selector=".h6" data-element="letter-spacing" type="text">
181				</p>
182				<p class="picker" data-selector=".h6" data-element="color">
183					<label for="tc-h6-color">Color:</label>
184					<input id="tc-h6-color" data-selector=".h6" data-element="color" type="text">
185					<span class="input-group-addon"><i></i></span>
186				</p>
187				<p>
188					<input id="tc-h6-uppercase" class="nocolor check" data-selector=".h6" data-element="text-transform" type="checkbox" data-default="none" data-check="uppercase">
189					Uppercase
190				</p>
191			</div>
192		</div>
193	</div>
194</div>
195