Tokens
Border
Tokens de espessura de borda do Makuco. Usa o prefixo --db1-stroke-size-*.
Os tokens de border definem a escala de espessuras de borda disponíveis no sistema. Quatro tamanhos cobrem todos os casos de uso — de divisores sutis (xs) a bordas de destaque (lg).
Escala visual
Quando usar
| Token | Valor | Contexto típico de uso |
|---|---|---|
--db1-stroke-size-xs | 1px | Divisores, separadores e bordas de componentes em estado de repouso (inputs, cards, tabelas). |
--db1-stroke-size-sm | 2px | Bordas em estado de foco ou seleção. Contorno de componentes interativos ativos. |
--db1-stroke-size-md | 3px | Indicadores de seleção (tabs ativas, segmentos), barras de progresso. |
--db1-stroke-size-lg | 4px | Bordas de destaque, componentes com ênfase visual elevada, indicadores de etapa ativa. |