Style Guide
| Name | Class css | Variables | Note / Ex |
|---|---|---|---|
| Font body | .font-body | $font-body | Open Sans |
| H1 | .h1 | Welcome to WordPress. This is your first post |
|
| H2 | .h2 | Welcome to WordPress. This is your first post |
|
| H3 | .h3 | Welcome to WordPress. This is your first post |
|
| H4 | .h4 | Welcome to WordPress. This is your first post |
|
| H5 | .h5 | Welcome to WordPress. This is your first post |
|
| H6 | .h6 | Welcome to WordPress. This is your first post |
|
| Button style 1 | .btn btn--green | Button now | |
| Button style 2 | .btn | Button now | |
| Button style 3 | .btn-link | Button now | |
| Primary color | .primary-color | $primary-color |
primary color : #099cf4 |
| Font size | .title-s8 .title-s9 .title-s10 ... 12, 14, 15, 16, 18, 20, 22, 24, 26, 28, 30, 32, 34, 36, 38, 40, 44, 46, 48, 50, 60, 70, 70, 90, 100, 120, 150, 160 |
Font size 16px Font size 24px Font size 30px |
|
| Icon | |||
| Icon | icon-archive | ||
| Icon | icon-box | ||
| Icon | icon-inbox | ||
| Icon | icon-social-twitter | ||
| Icon | icon-social-vimeo | ||
| Icon | icon-social-skype | ||
| Icon | icon-home-outline | ||
| Icon | icon-thumbs-up | ||
| Icon | icon-media-record-outline | ||
| Icon | icon-phone-call | ||
| Icon | icon-x | ||
| Icon | icon-bag | ||
| Icon | icon-Search | ||
| Icon | icon-heart1 | ||
| Icon | icon-notebook-list | ||
| Icon | icon-user | ||
| Icon | icon-zoom-out | ||
| Icon | icon-zoom-in | ||
| Icon | icon-twitter | ||
| Icon | icon-linkedin | ||
| Icon | icon-pinterest | ||
| Icon | icon-instagram | ||
| Icon | icon-facebook | ||
| Icon | icon-youtube | ||
| Icon | icon-cart | ||
| Icon | icon-location | ||
| Icon | icon-arrow-right | ||
| Icon | icon-arrow-left | ||
| Icon | icon-arrow-bottom | ||
| Icon | icon-heart | ||
| Icon | icon-toolbox | ||
| Icon | icon-inbox1 | ||
| Icon | icon-box-bookmark | ||
| Icon | icon-box-bookmark1 | ||
| Icon | icon-time | ||
| Icon | icon-location-shopping | ||
| Icon | icon-envelope-o | ||
| Icon | icon-map-marker | ||
| Icon | icon-twitter-square | ||
| Icon | icon-linkedin-square | ||
| Icon | icon-phone | ||
| Icon | icon-facebook1 | ||
| Icon | icon-facebook-f | ||
| Icon | icon-credit-card | ||
| Icon | icon-envelope | ||
| Icon | icon-linkedin1 | ||
| Icon | icon-comments-o | ||
| Icon | icon-angle-left | ||
| Icon | icon-angle-right | ||
| Icon | icon-angle-up | ||
| Icon | icon-angle-down | ||
| Icon | icon-quote-left | ||
| Icon | icon-quote-right | ||
| Icon | icon-folder-o | ||
| Icon | icon-folder-open-o | ||
| Icon | icon-youtube1 | ||
| Icon | icon-youtube-play | ||
| Icon | icon-file-pdf-o | ||
| Icon | icon-newspaper-o | ||
| Icon | icon-leanpub | ||
| Icon | icon-facebook-official | ||
| Icon | icon-whatsapp | ||
| Icon | icon-sticky-note-o | ||
| Icon | icon-map-o | ||
| Icon | icon-volume-control-phone | ||
| Icon | icon-envelope-open-o | ||
| Icon | icon-address-card-o | ||
| Icon | icon-vcard-o | ||
| Icon | icon-id-badge | ||
| Icon | icon-shopping-bag |
