Button Sizes
{Theme} has three type of button sizes:
Button extra small
–> btn-xs
HTML markup
1 |
<a href="#" class="btn btn-default btn-xs">button</a> |
Button small
–> btn-sm
HTML markup
1 |
<a href="#" class="btn btn-default btn-sm">button</a> |
Button default
–> btn-default
HTML markup
1 |
<a href="#" class="btn btn-default">button</a> |
Button large
–> btn-lg
HTML markup
1 |
<a href="#" class="btn btn-default btn-lg">button</a> |
Button Types
Each of this sizes can have one of the following variations:
Button solid
–> btn-lg
HTML markup
1 |
<a href="#" class="btn btn-default btn-lg">button</a> |
Button transparent
–> btn–transparent
HTML markup
1 |
<a href="#" class="btn btn-default btn--transparent btn--border btn-lg">button</a> |
Button icon type
–> btn-iconType
HTML markup
1 2 3 |
<a href="#" class="btn btn-default btn-lg btn-iconType">button <span data-bg="./assets/images/demo-content/delimondo/icon_book_sm.png" class="ct-js-background" style="background-image: url(http://delimondo2.html.themeforest.createit.pl/features/assets/images/demo-content/delimondo/icon_book_sm.png); background-repeat: repeat;"></span> </a> |