design tokens

breakpoints

Layout grids são compostas por linhas e colunas que ajudam a estruturar a composição da página e criar interfaces responsivas.

breakpoints

A mudança de breakpoint é automâtica feita por código. É importante criar interfaces em diferentes breakpoints para o planejamento de telas dinâmicas. Nos aplicativos mobile, é utilizado o tamanho $breakpoint-xsmall.

base tokens

Base tokens são usados somente para criação de novos temas. Para criar componentes, utilize os theme tokens.

theme tokens