List Elements
Responsive lists whose padding and margin scale with the base font size. CSS styling is minimal, simply there to normalize behaviour and provide styling hooks for further development.
Basic Lists
Standard
- first
- second
- third
- alpha
- beta
- gamma
- delta
- fourth
- first
- second
- third
- alpha
- beta
- gamma
- delta
- fourth
No bullets
Add class .no-bullets
- first
- second
- third
- alpha
- beta
- gamma
- delta
- fourth
- first
- second
- third
- alpha
- beta
- gamma
- delta
- fourth
Coloured
Add class .colored
- first
- second
- third
- alpha
- beta
- gamma
- delta
- fourth
- first
- second
- third
- alpha
- beta
- gamma
- delta
- fourth
Description Lists
Standard
- Description list
- A group of terms and their definitions.
- Name of the term
- Description of the term.
- Secondary description of the term.
- Name of the term
- Description of the term with lots of copy. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus vitae nibh justo. Integer a ligula vel enim ultricies mollis ut ac tortor.
Horizontal Layout
Add class .dl-horizontal
- Description list
- A group of terms and their definitions.
- Name of the term
- Description of the term.
- Secondary description of the term.
- Name of the term
- Description of the term with lots of copy. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus vitae nibh justo. Integer a ligula vel enim ultricies mollis ut ac tortor.