---

Icon List Styles

---

Wrapping two headings in the subheading class allows you to stack two headings while removing the default margins and combining into a single heading. The subheading class enables you to produce the example below.

Source:

<div class="subheading">
<h3 class="dim90">This is a subheading</h3>
<h4>Followed by another Heading</h4>
</div>

---

Utility Classes

For fine-tuning your typography (and other block-level elements) you can also utilize the following CSS classes:

// Helper Typography Classes

.brand          // primary theme color
.brand-alt      // secondary theme color
.brand-accent   // tertiary theme color
.italic         // italic typeface
.normal         // normal font variant
.bolder         // boldest font variant
.lighter        // lightest font variant
.serif          // serif typeface
.caps           // all caps
.tight          // -1px letter kerning
.tighter        // -2px letter kerning
.loose          // 2px letter kerning
.looser         // 3px letter kerning
.smalltext      // small text
.largetext      // larger text
.dim10 -.dim90  // shades of grey (10% - 90%)
ul.square       // square bullet list
ul.circle       // circle bullet list
ul.disc         // disc bullet list
ul.check        // check icon list
ul.captionlist  // captioned list

// Typography and Block Level Helper Classes

.remove-top     // remove top margin/padding
.remove-bottom  // remove bottom margin/padding
.pull-right     // float an element right (requires clearing)
.pull-left      // float an element right (requires clearing)
.margin5*       // add margin *(5,10,20,30,40)
.marginv5*      // add vertical margin *(5,10,20,30,40)
.pad5*          // add padding *(5,10,20,30,40)
.padv5*         // add vertical padding *(5,10,20,30,40)
.nopad          // remove padding (and margin)

---

Form Elements Unit Tests

Test checkbox 1     Test checkbox 2     Test checkbox 3

Test radio 1     Test radio 2     Test radio 3

Select drop-down
Some text goes here Another choice could be here Yet another item to be chosen Some text goes here Another choice could be here Yet another item to be chosen Some text goes here Another choice could be here Yet another item to be chosen Button Tag

Select multiple
Some text goes here Another choice could be here Yet another item to be chosen Some text goes here Another choice could be here Yet another item to be chosen Some text goes here Another choice could be here Yet another item to be chosen

Textarea

URL	Email	Password
Datetime local	Number	Tel (phone)
Datetime	Date	Month
Search	Range	File upload

      Button tag