Revo Design System | Design Tokens - Escola de Artes Digitais

Primary

Botão

$btn-primary-small

$font-size-regular (16px)
$border-radius-medium (16px)
padding 8px 16px

Botão

$btn-primary-medium

$font-size-regular (16px)
$border-radius-medium (16px)
padding 16px 32px

Botão

$btn-primary-medium

$font-size-large (18px)
$border-radius-medium (16px)
padding 24px 40px

Secondary

Botão

$btn-secondary-small

$font-size-regular (16px)
$color-primary-medium
$border-radius-medium (16px)
border 1px solid
padding 8px 16px

Botão

$btn-secondary-medium

$font-size-regular (16px)
$color-primary-medium
$border-radius-medium (16px)
border 1px solid
padding 16px 32px

Botão

$btn-secondary-large

$font-size-large (18px)
$color-primary-medium
$border-radius-medium (16px)
border 1px solid
padding 24px 40px

Disabled

Botão

$btn-disabled-small

$font-size-regular (16px)
$color-neutral-medium
background-color: $color-neutral-light
$border-radius-medium (16px)
padding 8px 16px

Botão

$btn-disabled-medium

$font-size-regular (16px)
$color-neutral-medium
background-color: $color-neutral-light
$border-radius-medium (16px)
padding 16px 32px

Botão

$btn-disabled-large

$font-size-large (18px)
$color-neutral-medium
background-color: $color-neutral-light
$border-radius-medium (16px)
padding 24px 40px

Revo Design System | Design Tokens