You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 
 
 
 
 
 

194 lines
9.4 KiB

<div class="headings">
<h2>Headings</h2>
<div class="row">
<div class="col-sm-8 col-md-9">
<div class="h1">{tr}h1. Bootstrap heading{/tr}</div>
</div>
<div class="col-sm-4 col-md-3">
<div class="input">
<p>
<label for="tc-h1-font-size">{tr}Font size:{/tr}</label>
<input id="tc-h1-font-size" class="nocolor" data-selector=".h1" data-element="font-size" data-var="@font-size-h1" type="text">
</p>
<p>
<label for="tc-h1-font-weight">{tr}Font weight:{/tr}</label>
<input id="tc-h1-font-weight" class="nocolor" data-selector=".h1" data-element="font-weight" type="text">
</p>
<p>
<label for="tc-h1-spacing">{tr}Spacing:{/tr}</label>
<input id="tc-h1-spacing" class="nocolor" data-selector=".h1" data-element="letter-spacing" type="text">
</p>
<p class="picker" data-selector=".h1" data-element="color">
<label for="tc-h1-color">{tr}Color:{/tr}</label>
<input id="tc-h1-color" data-selector=".h1" data-element="color" type="text">
<span class="input-group-addon"><i></i></span>
</p>
<p>
<input id="tc-h1-uppercase" class="nocolor check" data-selector=".h1" data-element="text-transform" type="checkbox" data-default="none" data-check="uppercase">
{tr}Uppercase{/tr}
</p>
</div>
</div>
</div>
<div class="row">
<div class="col-sm-8 col-md-9">
<div class="h2">{tr}h2. Bootstrap heading{/tr}</div>
</div>
<div class="col-sm-4 col-md-3">
<div class="input">
<p>
<label for="tc-h2-font-size">{tr}Font size:{/tr}</label>
<input id="tc-h2-font-size" class="nocolor" data-selector=".h2" data-element="font-size" data-var="@font-size-h2" type="text">
</p>
<p>
<label for="tc-h2-font-weight">{tr}Font weight:{/tr}</label>
<input id="tc-h2-font-weight" class="nocolor" data-selector=".h2" data-element="font-weight" type="text">
</p>
<p>
<label for="tc-h2-spacing">{tr}Spacing:{/tr}</label>
<input id="tc-h2-spacing" class="nocolor" data-selector=".h2" data-element="letter-spacing" type="text">
</p>
<p class="picker" data-selector=".h2" data-element="color">
<label for="tc-h2-color">{tr}Color:{/tr}</label>
<input id="tc-h2-color" data-selector=".h2" data-element="color" type="text">
<span class="input-group-addon"><i></i></span>
</p>
<p>
<input id="tc-h2-uppercase" class="nocolor check" data-selector=".h2" data-element="text-transform" type="checkbox" data-default="none" data-check="uppercase">
{tr}Uppercase{/tr}
</p>
</div>
</div>
</div>
<div class="row">
<div class="col-sm-8 col-md-9">
<div class="h3">{tr}h3. Bootstrap heading{/tr}</div>
</div>
<div class="col-sm-4 col-md-3">
<div class="input">
<p>
<label for="tc-h3-font-size">{tr}Font size:{/tr}</label>
<input id="tc-h3-font-size" class="nocolor" data-selector=".h3" data-element="font-size" data-var="@font-size-h3" type="text">
</p>
<p>
<label for="tc-h3-font-weight">{tr}Font weight:{/tr}</label>
<input id="tc-h3-font-weight" class="nocolor" data-selector=".h3" data-element="font-weight" type="text">
</p>
<p>
<label for="tc-h3-spacing">{tr}Spacing:{/tr}</label>
<input id="tc-h3-spacing" class="nocolor" data-selector=".h3" data-element="letter-spacing" type="text">
</p>
<p class="picker" data-selector=".h3" data-element="color">
<label for="tc-h3-color">{tr}Color:{/tr}</label>
<input id="tc-h3-color" data-selector=".h3" data-element="color" type="text">
<span class="input-group-addon"><i></i></span>
</p>
<p>
<input id="tc-h3-uppercase" class="nocolor check" data-selector=".h3" data-element="text-transform" type="checkbox" data-default="none" data-check="uppercase">
{tr}Uppercase{/tr}
</p>
</div>
</div>
</div>
<div class="row">
<div class="col-sm-8 col-md-9">
<div class="h4">{tr}h4. Bootstrap heading{/tr}</div>
</div>
<div class="col-sm-4 col-md-3">
<div class="input">
<p>
<label for="tc-h4-font-size">{tr}Font size:{/tr}</label>
<input id="tc-h4-font-size" class="nocolor" data-selector=".h4" data-element="font-size" data-var="@font-size-h4" type="text">
</p>
<p>
<label for="tc-h4-font-weight">{tr}Font weight:{/tr}</label>
<input id="tc-h4-font-weight" class="nocolor" data-selector=".h4" data-element="font-weight" type="text">
</p>
<p>
<label for="tc-h4-spacing">{tr}Spacing:{/tr}</label>
<input id="tc-h4-spacing" class="nocolor" data-selector=".h4" data-element="letter-spacing" type="text">
</p>
<p class="picker" data-selector=".h4" data-element="color">
<label for="tc-h4-color">{tr}Color:{/tr}</label>
<input id="tc-h4-color" data-selector=".h4" data-element="color" type="text">
<span class="input-group-addon"><i></i></span>
</p>
<p>
<input id="tc-h4-uppercase" class="nocolor check" data-selector=".h4" data-element="text-transform" type="checkbox" data-default="none" data-check="uppercase">
{tr}Uppercase{/tr}
</p>
</div>
</div>
</div>
<div class="row">
<div class="col-sm-8 col-md-9">
<div class="h5">{tr}h5. Bootstrap heading{/tr}</div>
</div>
<div class="col-sm-4 col-md-3">
<div class="input">
<p>
<label for="tc-h5-font-size">{tr}Font size:{/tr}</label>
<input id="tc-h5-font-size" class="nocolor" data-selector=".h5" data-element="font-size" data-var="@font-size-h5" type="text">
</p>
<p>
<label for="tc-h5-font-weight">{tr}Font weight:{/tr}</label>
<input id="tc-h5-font-weight" class="nocolor" data-selector=".h5" data-element="font-weight" type="text">
</p>
<p>
<label for="tc-h5-spacing">{tr}Spacing:{/tr}</label>
<input id="tc-h5-spacing" class="nocolor" data-selector=".h5" data-element="letter-spacing" type="text">
</p>
<p class="picker" data-selector=".h5" data-element="color">
<label for="tc-h5-color">{tr}Color:{/tr}</label>
<input id="tc-h5-color" data-selector=".h5" data-element="color" type="text">
<span class="input-group-addon"><i></i></span>
</p>
<p>
<input id="tc-h5-uppercase" class="nocolor check" data-selector=".h5" data-element="text-transform" type="checkbox" data-default="none" data-check="uppercase">
{tr}Uppercase{/tr}
</p>
</div>
</div>
</div>
<div class="row">
<div class="col-sm-8 col-md-9">
<div class="h6">{tr}h6. Bootstrap heading{/tr}</div>
</div>
<div class="col-sm-4 col-md-3">
<div class="input">
<p>
<label for="tc-h6-font-size">{tr}Font size:{/tr}</label>
<input id="tc-h6-font-size" class="nocolor" data-selector=".h6" data-element="font-size" data-var="@font-size-h6" type="text">
</p>
<p>
<label for="tc-h6-font-weight">{tr}Font weight:{/tr}</label>
<input id="tc-h6-font-weight" class="nocolor" data-selector=".h6" data-element="font-weight" type="text">
</p>
<p>
<label for="tc-h6-spacing">{tr}Spacing:{/tr}</label>
<input id="tc-h6-spacing" class="nocolor" data-selector=".h6" data-element="letter-spacing" type="text">
</p>
<p class="picker" data-selector=".h6" data-element="color">
<label for="tc-h6-color">{tr}Color:{/tr}</label>
<input id="tc-h6-color" data-selector=".h6" data-element="color" type="text">
<span class="input-group-addon"><i></i></span>
</p>
<p>
<input id="tc-h6-uppercase" class="nocolor check" data-selector=".h6" data-element="text-transform" type="checkbox" data-default="none" data-check="uppercase">
{tr}Uppercase{/tr}
</p>
</div>
</div>
</div>
</div>