mo-display-xlarge

mo-display-large

mo-display-medium

mo-display-small

mo-heading-xlarge

mo-heading-large

mo-heading-medium

mo-heading-small

mo-heading-xsmall

 

mo-heading-xlarge mo-f-medium

 

mo-heading-large mo-f-medium

mo-heading-medium mo-f-medium

mo-heading-small mo-f-medium

mo-heading-xsmall mo-f-medium

mo-paragraph-large (18px)

mo-paragraph-medium (16px)

mo-paragraph-small (14px)

mo-caption

mo-caption mo-font-medium

mo-caption mo-font-bold

mo-f-regular

mo-f-medium

mo-f-bold

mo-fs-1 (10px)

mo-fs-2 (12px)

mo-fs-3 (14px)

mo-fs-4 (16px)

mo-fs-5 (18px)

mo-fs-6 (20px)

mo-fs-7 (22px)

mo-fs-8 (24px)

mo-fs-9 (26px)

mo-fs-10 (28px)

mo-fs-11 (30px)

mo-fs-12 (32px)

mo-fs-13 (34px)

mo-fs-14 (36px)

mo-fs-15 (38px)

mo-fs-16 (40px)

mo-fs-17 (42px)

mo-fs-18 (44px)

mo-fs-19 (46px)

mo-fs-20 (48px)

Lorem Ipsum

mo-c-text-primary

mo-c-text-secondary

mo-c-text-subdued

mo-c-text-disabled

mo-c-text-primary-inverse

mo-c-text-success

mo-c-text-info

mo-c-text-danger

mo-c-text-warning

mo-surface-white
mo-surface-lighter
mo-surface-light
mo-surface-medium
mo-surface-dark
mo-surface-brand-tbk
mo-surface-brand-webpay
mo-surface-brand-onepay
class: mo-shadow-card$mo-shadow-card
class: mo-shadow-card-hover
$mo-shadow-top-navbar
$mo-shadow-bottom-navbar
$mo-shadow-hover
$mo-shadow-notification
$mo-shadow-dialog



Button Webpay











Helper text top

 

Helper text top
Helper text bottom
Helper text top

Helper text bottom