O que você quer ver?
Classes:
.fontSize-megajumbo
.fontSize-jumbo
.fontSize-largest
.fontSize-larger
.fontSize-large
.fontSize-base
.fontSize-small
.fontSize-smaller
.fontSize-smallest
Classes:
.fontWeight-thin
.fontWeight-light
.fontWeight-semibold
.fontWeight-bold
Classes:
h1
h2
h3
h4
h5
h6
Classes:
.fontColor-secondary
.fontColor-terciary
.fontColor-negative
.fontColor-dashboard
Classes:
.whr-info
.whr-description
.whr-title
.whr-date
Classes que alteram somente a cor do texto:
.text-success
.text-error
.text-waiting
.text-success-small-only
Classes:
.lineHeight-tightest
.lineHeight-tighter
.lineHeight-tight
.lineHeight-base
.lineHeight-loose
.lineHeight-looser
Tightest – Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum . Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.
Tighter – Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum . Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.
Tight – Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum . Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.
Base – Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum . Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.
Loose – Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum . Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.
Looser – Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum . Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.
Todos os parágrafos tem sempre 20px de margem bottom
FontSize-base – Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum . Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.
FontSize-small – Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.
FontSize-smaller – Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.
FontSize-smaller – Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.
Classes:
.table
.project_img
.user_img
Classes:
.list-item-inline
Classes:
.u-marginBottom-10
.u-marginBottom-20
.u-marginBottom-30
.u-marginBottom-40
.u-marginBottom-60
.u-marginBottom-70
.u-marginBottom-80
.u-marginTop-10
.u-marginTop-20
.u-marginTop-30
.u-marginTop-40
Classes:
.u-text-center
.u-text-center-small-only
.u-text-center-big-only
Classes:
.u-right
.u-right-big-only
.u-left
Classes:
.inline-block
Classes:
.u-radius
.u-round
Classes:
.btn
Modificadores de tamanho:
.btn-large
.btn-medium
.btn-small
Modificadores de estilo:
.btn-dark
.btn-edit
.btn-fb
.btn-tweet
.btn-secondary
.btn-secondary-dark
.btn-terciary
.btn-message
Modificador de largura:
.btn-inline
Botão extra:
.btn-category
.filters
.double-line
Classes:
.header-link
Classes:
.field-label
.text-field
Classes:
.text-field.negative
Classes:
.postfix
.prefix
.no-hover
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form :(
Classes:
.text-field
.text-field.big
.text-field.jumbo
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form :(
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form :(
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form :(
Classes:
.text-field.error
Classes:
.text-field
Classes:
.thumb
.thumb
.thumb.small
.thumb.big
.thumb-project
Classes:
.card
Modificadores:
.card-secondary
.card-user
.card-notification
.card-reward
.card-error
.card-message
Classes de span
.badge
Modificadores:
.badge-attention
.badge-share
.badge-gone
.badge-success