The themes are then set with classes on the child elements:
.theme--base
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus gravida ipsum nec mauris ornare suscipit. Morbi id gravida eros, quis dignissim augue.
Small Heading
Mauris vehicula, tortor ut facilisis interdum, mauris est rutrum est, in maximus felis dolor hendrerit massa.
- Icons are absolutely positioned
- So the text can wrap with a consistent indent from the icon
- Icons can be anything - set with FontAwesome
This is the 'text-muted' style.
| Column 1 | Column 2 |
|---|---|
| Row 1 (detail) |
Value 1 |
| Row 2 (info) |
Another value |
| Row 3 (small text) |
3rd value |
.theme--base-dark
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus gravida ipsum nec mauris ornare suscipit. Morbi id gravida eros, quis dignissim augue.
Small Heading
Mauris vehicula, tortor ut facilisis interdum, mauris est rutrum est, in maximus felis dolor hendrerit massa.
- Icons are absolutely positioned
- So the text can wrap with a consistent indent from the icon
- Icons can be anything - set with FontAwesome
This is the 'text-muted' style.
| Column 1 | Column 2 |
|---|---|
| Row 1 (detail) |
Value 1 |
| Row 2 (info) |
Another value |
| Row 3 (small text) |
3rd value |
.theme--white
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus gravida ipsum nec mauris ornare suscipit. Morbi id gravida eros, quis dignissim augue.
Small Heading
Mauris vehicula, tortor ut facilisis interdum, mauris est rutrum est, in maximus felis dolor hendrerit massa.
- Icons are absolutely positioned
- So the text can wrap with a consistent indent from the icon
- Icons can be anything - set with FontAwesome
This is the 'text-muted' style.
| Column 1 | Column 2 |
|---|---|
| Row 1 (detail) |
Value 1 |
| Row 2 (info) |
Another value |
| Row 3 (small text) |
3rd value |
.theme--pearlescent
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus gravida ipsum nec mauris ornare suscipit. Morbi id gravida eros, quis dignissim augue.
Small Heading
Mauris vehicula, tortor ut facilisis interdum, mauris est rutrum est, in maximus felis dolor hendrerit massa.
- Icons are absolutely positioned
- So the text can wrap with a consistent indent from the icon
- Icons can be anything - set with FontAwesome
This is the 'text-muted' style.
| Column 1 | Column 2 |
|---|---|
| Row 1 (detail) |
Value 1 |
| Row 2 (info) |
Another value |
| Row 3 (small text) |
3rd value |
.theme--light-grey
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus gravida ipsum nec mauris ornare suscipit. Morbi id gravida eros, quis dignissim augue.
Small Heading
Mauris vehicula, tortor ut facilisis interdum, mauris est rutrum est, in maximus felis dolor hendrerit massa.
- Icons are absolutely positioned
- So the text can wrap with a consistent indent from the icon
- Icons can be anything - set with FontAwesome
This is the 'text-muted' style.
| Column 1 | Column 2 |
|---|---|
| Row 1 (detail) |
Value 1 |
| Row 2 (info) |
Another value |
| Row 3 (small text) |
3rd value |
The themes are then set with classes on the child elements:
.theme--base
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus gravida ipsum nec mauris ornare suscipit. Morbi id gravida eros, quis dignissim augue.
Small Heading
Mauris vehicula, tortor ut facilisis interdum, mauris est rutrum est, in maximus felis dolor hendrerit massa.
- Icons are absolutely positioned
- So the text can wrap with a consistent indent from the icon
- Icons can be anything - set with FontAwesome
This is the 'text-muted' style.
| Column 1 | Column 2 |
|---|---|
| Row 1 (detail) |
Value 1 |
| Row 2 (info) |
Another value |
| Row 3 (small text) |
3rd value |
.theme--base-dark
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus gravida ipsum nec mauris ornare suscipit. Morbi id gravida eros, quis dignissim augue.
Small Heading
Mauris vehicula, tortor ut facilisis interdum, mauris est rutrum est, in maximus felis dolor hendrerit massa.
- Icons are absolutely positioned
- So the text can wrap with a consistent indent from the icon
- Icons can be anything - set with FontAwesome
This is the 'text-muted' style.
| Column 1 | Column 2 |
|---|---|
| Row 1 (detail) |
Value 1 |
| Row 2 (info) |
Another value |
| Row 3 (small text) |
3rd value |
.theme--white
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus gravida ipsum nec mauris ornare suscipit. Morbi id gravida eros, quis dignissim augue.
Small Heading
Mauris vehicula, tortor ut facilisis interdum, mauris est rutrum est, in maximus felis dolor hendrerit massa.
- Icons are absolutely positioned
- So the text can wrap with a consistent indent from the icon
- Icons can be anything - set with FontAwesome
This is the 'text-muted' style.
| Column 1 | Column 2 |
|---|---|
| Row 1 (detail) |
Value 1 |
| Row 2 (info) |
Another value |
| Row 3 (small text) |
3rd value |
.theme--pearlescent
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus gravida ipsum nec mauris ornare suscipit. Morbi id gravida eros, quis dignissim augue.
Small Heading
Mauris vehicula, tortor ut facilisis interdum, mauris est rutrum est, in maximus felis dolor hendrerit massa.
- Icons are absolutely positioned
- So the text can wrap with a consistent indent from the icon
- Icons can be anything - set with FontAwesome
This is the 'text-muted' style.
| Column 1 | Column 2 |
|---|---|
| Row 1 (detail) |
Value 1 |
| Row 2 (info) |
Another value |
| Row 3 (small text) |
3rd value |
.theme--light-grey
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus gravida ipsum nec mauris ornare suscipit. Morbi id gravida eros, quis dignissim augue.
Small Heading
Mauris vehicula, tortor ut facilisis interdum, mauris est rutrum est, in maximus felis dolor hendrerit massa.
- Icons are absolutely positioned
- So the text can wrap with a consistent indent from the icon
- Icons can be anything - set with FontAwesome
This is the 'text-muted' style.
| Column 1 | Column 2 |
|---|---|
| Row 1 (detail) |
Value 1 |
| Row 2 (info) |
Another value |
| Row 3 (small text) |
3rd value |
The themes are then set with classes on the child elements:
.theme--base
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus gravida ipsum nec mauris ornare suscipit. Morbi id gravida eros, quis dignissim augue.
Small Heading
Mauris vehicula, tortor ut facilisis interdum, mauris est rutrum est, in maximus felis dolor hendrerit massa.
- Icons are absolutely positioned
- So the text can wrap with a consistent indent from the icon
- Icons can be anything - set with FontAwesome
This is the 'text-muted' style.
| Column 1 | Column 2 |
|---|---|
| Row 1 (detail) |
Value 1 |
| Row 2 (info) |
Another value |
| Row 3 (small text) |
3rd value |
.theme--base-dark
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus gravida ipsum nec mauris ornare suscipit. Morbi id gravida eros, quis dignissim augue.
Small Heading
Mauris vehicula, tortor ut facilisis interdum, mauris est rutrum est, in maximus felis dolor hendrerit massa.
- Icons are absolutely positioned
- So the text can wrap with a consistent indent from the icon
- Icons can be anything - set with FontAwesome
This is the 'text-muted' style.
| Column 1 | Column 2 |
|---|---|
| Row 1 (detail) |
Value 1 |
| Row 2 (info) |
Another value |
| Row 3 (small text) |
3rd value |
.theme--white
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus gravida ipsum nec mauris ornare suscipit. Morbi id gravida eros, quis dignissim augue.
Small Heading
Mauris vehicula, tortor ut facilisis interdum, mauris est rutrum est, in maximus felis dolor hendrerit massa.
- Icons are absolutely positioned
- So the text can wrap with a consistent indent from the icon
- Icons can be anything - set with FontAwesome
This is the 'text-muted' style.
| Column 1 | Column 2 |
|---|---|
| Row 1 (detail) |
Value 1 |
| Row 2 (info) |
Another value |
| Row 3 (small text) |
3rd value |
.theme--pearlescent
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus gravida ipsum nec mauris ornare suscipit. Morbi id gravida eros, quis dignissim augue.
Small Heading
Mauris vehicula, tortor ut facilisis interdum, mauris est rutrum est, in maximus felis dolor hendrerit massa.
- Icons are absolutely positioned
- So the text can wrap with a consistent indent from the icon
- Icons can be anything - set with FontAwesome
This is the 'text-muted' style.
| Column 1 | Column 2 |
|---|---|
| Row 1 (detail) |
Value 1 |
| Row 2 (info) |
Another value |
| Row 3 (small text) |
3rd value |
.theme--light-grey
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus gravida ipsum nec mauris ornare suscipit. Morbi id gravida eros, quis dignissim augue.
Small Heading
Mauris vehicula, tortor ut facilisis interdum, mauris est rutrum est, in maximus felis dolor hendrerit massa.
- Icons are absolutely positioned
- So the text can wrap with a consistent indent from the icon
- Icons can be anything - set with FontAwesome
This is the 'text-muted' style.
| Column 1 | Column 2 |
|---|---|
| Row 1 (detail) |
Value 1 |
| Row 2 (info) |
Another value |
| Row 3 (small text) |
3rd value |
The themes are then set with classes on the child elements:
.theme--base
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus gravida ipsum nec mauris ornare suscipit. Morbi id gravida eros, quis dignissim augue.
Small Heading
Mauris vehicula, tortor ut facilisis interdum, mauris est rutrum est, in maximus felis dolor hendrerit massa.
- Icons are absolutely positioned
- So the text can wrap with a consistent indent from the icon
- Icons can be anything - set with FontAwesome
This is the 'text-muted' style.
| Column 1 | Column 2 |
|---|---|
| Row 1 (detail) |
Value 1 |
| Row 2 (info) |
Another value |
| Row 3 (small text) |
3rd value |
.theme--base-dark
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus gravida ipsum nec mauris ornare suscipit. Morbi id gravida eros, quis dignissim augue.
Small Heading
Mauris vehicula, tortor ut facilisis interdum, mauris est rutrum est, in maximus felis dolor hendrerit massa.
- Icons are absolutely positioned
- So the text can wrap with a consistent indent from the icon
- Icons can be anything - set with FontAwesome
This is the 'text-muted' style.
| Column 1 | Column 2 |
|---|---|
| Row 1 (detail) |
Value 1 |
| Row 2 (info) |
Another value |
| Row 3 (small text) |
3rd value |
.theme--white
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus gravida ipsum nec mauris ornare suscipit. Morbi id gravida eros, quis dignissim augue.
Small Heading
Mauris vehicula, tortor ut facilisis interdum, mauris est rutrum est, in maximus felis dolor hendrerit massa.
- Icons are absolutely positioned
- So the text can wrap with a consistent indent from the icon
- Icons can be anything - set with FontAwesome
This is the 'text-muted' style.
| Column 1 | Column 2 |
|---|---|
| Row 1 (detail) |
Value 1 |
| Row 2 (info) |
Another value |
| Row 3 (small text) |
3rd value |
.theme--pearlescent
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus gravida ipsum nec mauris ornare suscipit. Morbi id gravida eros, quis dignissim augue.
Small Heading
Mauris vehicula, tortor ut facilisis interdum, mauris est rutrum est, in maximus felis dolor hendrerit massa.
- Icons are absolutely positioned
- So the text can wrap with a consistent indent from the icon
- Icons can be anything - set with FontAwesome
This is the 'text-muted' style.
| Column 1 | Column 2 |
|---|---|
| Row 1 (detail) |
Value 1 |
| Row 2 (info) |
Another value |
| Row 3 (small text) |
3rd value |
.theme--light-grey
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus gravida ipsum nec mauris ornare suscipit. Morbi id gravida eros, quis dignissim augue.
Small Heading
Mauris vehicula, tortor ut facilisis interdum, mauris est rutrum est, in maximus felis dolor hendrerit massa.
- Icons are absolutely positioned
- So the text can wrap with a consistent indent from the icon
- Icons can be anything - set with FontAwesome
This is the 'text-muted' style.
| Column 1 | Column 2 |
|---|---|
| Row 1 (detail) |
Value 1 |
| Row 2 (info) |
Another value |
| Row 3 (small text) |
3rd value |