Typography - styles

prx-font-body-xs

  • Font size:

    12px;

  • Font weight:

    400;

  • Color:

    #e9e9e9;

  • Line height:

    1.3;

prx-font-body-normal

  • Font size:

    13px;

  • Font weight:

    400;

  • Color:

    #e9e9e9;

  • Line height:

    1.3;

prx-font-body-small

  • Font size:

    14px;

  • Font weight:

    400;

  • Color:

    #e9e9e9;

  • Line height:

    1.3;

prx-font-title-normal

  • Font size:

    16px;

  • Font weight:

    400;

  • Color:

    #e9e9e9;

  • Line height:

    1.3;

prx-font-title-xs

  • Font size:

    20px;

  • Font weight:

    700;

  • Color:

    #e9e9e9;

  • Line height:

    1.3;

prx-font-title-small

  • Font size:

    25px;

  • Font weight:

    700;

  • Color:

    #e9e9e9;

  • Line height:

    1.3;

Typography - color

prx-font-color-primary

  • Color:

    #e9e9e9;

prx-font-color-secondary

  • Color:

    #bababc;

prx-font-color-tertiary

  • Color:

    #98999c;

prx-font-color-dark

  • Color:

    #1f2127;

prx-font-color-brand

  • Color:

    #26a0a5;

prx-font-color-brand-secondary

  • Color:

    #ed7d31;

prx-font-color-error

  • Color:

    #e56a74;

Typography - font weight

prx-font-weight-300

  • Font weight:

    300;

prx-font-weight-400

  • Font weight:

    400;

prx-font-weight-500

  • Font weight:

    500;

prx-font-weight-600

  • Font weight:

    600;

prx-font-weight-700

  • Font weight:

    700;

Button

  • Size class:

    prx-btn-lg, prx-btn-sm, prx-btn-xs

  • Size class:

    prx-btn-lg, prx-btn-sm, prx-btn-xs

  • Size class:

    prx-btn-lg, prx-btn-sm, prx-btn-xs

  • Size class:

    prx-btn-lg, prx-btn-sm, prx-btn-xs

  • Size class:

    prx-btn-circle-lg, prx-btn-circle-sm, prx-btn-circle-xs

  • Size class:

    prx-btn-circle-lg, prx-btn-circle-sm, prx-btn-circle-xs

  • Size class:

    prx-btn-circle-lg, prx-btn-circle-sm, prx-btn-circle-xs

Avatar

Dr. Abel Marshal

  • Size class:

    prx-avatar-xl, prx-avatar-lg, prx-avatar-sm, prx-avatar-xs

  • Size class:

    prx-avatar-box-xl, prx-avatar-box-lg, prx-avatar-box-sm, prx-avatar-box-xs

  • Type class:

    prx-avatar-box-type-1, prx-avatar-box-type-2, prx-avatar-box-type-3, prx-avatar-box-type-4, prx-avatar-box-type-5

  • Size class:

    prx-avatar-xl, prx-avatar-lg, prx-avatar-sm, prx-avatar-xs

  • Type class:

    prx-avatar-box-type-1, prx-avatar-box-type-2, prx-avatar-box-type-3, prx-avatar-box-type-4, prx-avatar-box-type-5

Form elements

Display utility classes

d-none

  • display:

    none;

d-block

  • display:

    block;

d-flex

  • display:

    flex;

d-inline-flex

  • display:

    inline-flex;