Skins Cosmetics
HTML Headings tags
H1 heading
H2 heading
H3 heading
H4 heading
H5 heading
H6 heading
Heading classes
heading-display
heading-huge
heading-xlarge
heading-large
heading-medium
heading-small
heading-xsmall
heading-tiny
Extra Font classes
extra-font
extra-font-display
extra-font-huge
extra-font-large
extra-font-medium
HTML tags
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus mi quis viverra.
All Paragraphs (HTML Tag)
All Links (HTML Tag)
- No bullet list
- No bullet list
- Unordered list
- Unordered list
- Ordered list
- Ordered list
Text size classes
text-size-large
text-size-medium
text-size-regular
text-size-small
text-size-tiny
Text style classes
text-decoration-line-through
fst-italic
text-muted
text-capitalize
text-nowrap
blockquote : A well-known quote, contained in a blockquote element.
Text weight classes
text-weight-xbold
text-weight-bold
text-weight-semibold
text-weight-medium
text-weight-normal
text-weight-light
Text line-height classes
line-height-normal
line-height-small
Text align classes
text-start
text-center
text-end
Colors
primary
secondary
extra-color1
text color
link color
neutral-100
neutral-90
neutral-80
neutral-70
neutral-60
neutral-50
neutral-40
neutral-30
neutral-20
neutral-10
Buttons
Buttons new
| s-btn-solid-blue | |
| s-btn-outline-blue | |
| s-btn-solid-white | |
| s-btn-outline-white | |
| s-btn-outline-black | |
| s-btn-skinery | |
| s-btn-disabled | |
| s-btn-nav-s |
Pill selectable
Image ratio's
1/2
2/1
2/3
3/1
3/2
3/4
4/3
5/3
5/4
Tables
| Order # | Datum | Verzenden naar | Order Total | Status | |
|---|---|---|---|---|---|
| 00000000017 | 21-02-’17 | Shopworks | €2013.98 | Completed | View order | Reorder |
| 00000000017 | 21-02-’17 | Shopworks | €2013.98 | Completed | View order | Reorder |
| 00000000017 | 21-02-’17 | Shopworks | €2013.98 | Completed | View order | Reorder |
table
| Order # | Datum | Verzenden naar | Order Total | Status | |
|---|---|---|---|---|---|
| 00000000017 | 21-02-’17 | Shopworks | €2013.98 | Completed | View order | Reorder |
| 00000000017 | 21-02-’17 | Shopworks | €2013.98 | Completed | View order | Reorder |
| 00000000017 | 21-02-’17 | Shopworks | €2013.98 | Completed | View order | Reorder |
table-striped
| Order # | Datum | Verzenden naar | Order Total | Status | |
|---|---|---|---|---|---|
| 00000000017 | 21-02-’17 | Shopworks | €2013.98 | Completed | View order | Reorder |
| 00000000017 | 21-02-’17 | Shopworks | €2013.98 | Completed | View order | Reorder |
| 00000000017 | 21-02-’17 | Shopworks | €2013.98 | Completed | View order | Reorder |
table-bordered
| Order # | Datum | Verzenden naar | Order Total | Status | |
|---|---|---|---|---|---|
| 00000000017 | 21-02-’17 | Shopworks | €2013.98 | Completed | View order | Reorder |
| 00000000017 | 21-02-’17 | Shopworks | €2013.98 | Completed | View order | Reorder |
| 00000000017 | 21-02-’17 | Shopworks | €2013.98 | Completed | View order | Reorder |
table-sm
| Order # | Datum | Verzenden naar | Order Total | Status | |
|---|---|---|---|---|---|
| 00000000017 | 21-02-’17 | Shopworks | €2013.98 | Completed | View order | Reorder |
| 00000000017 | 21-02-’17 | Shopworks | €2013.98 | Completed | View order | Reorder |
| 00000000017 | 21-02-’17 | Shopworks | €2013.98 | Completed | View order | Reorder |
table-responsive
| Order # | Datum | Verzenden naar | Order Total | Status | |
|---|---|---|---|---|---|
| 00000000017 | 21-02-’17 | Shopworks | €2013.98 | Completed | View order | Reorder |
| 00000000017 | 21-02-’17 | Shopworks | €2013.98 | Completed | View order | Reorder |
| 00000000017 | 21-02-’17 | Shopworks | €2013.98 | Completed | View order | Reorder |
responsive-table
Forms
input, textarea
We’ll only use this for spam.
We’ll only use this for spam.
Message
We’ll only use this for spam.
We’ll only use this for spam.
We’ll only use this for spam.
Message
Message
http://
We’ll only use this for spam.
http://
Message
We’ll only use this for spam.
We’ll only use this for spam.
We’ll only use this for spam.
select
checkbox, radio
checkbox, radio light
inline
checkbox, radio
checkbox, radio