Bordas & Curvas
O sistema de contorno universal do Y2 permite definir parâmetros precisos, estilos de linha e curvaturas adaptáveis para qualquer componente.
Controle Direcional
Ative bordas em lados específicos ou remova-as completamente.
Utilize os prefixos bor-* ou o sistema legado bord-*.
Espessuras & Estilos
Ajuste a densidade do traço e o estilo da linha para diferentes intenções visuais.
Escala Técnica (1-10px)
Sistema de Curvaturas
Defina o arredondamento de cantos usando valores baseados em design tokens (REM) ou valores fixos (PX).
Arredondamento Adaptável (REM)
Design Tokens (Y2 UI)
Precisão em Pixel & Porcentagem
Cores & Opacidades
Aplique tonalidades e níveis de transparência às bordas para integrar componentes ao background.
Semânticos Principais
Opacidades Estilo Glassmorphism (Matriz 13-16)
As variações 13 a 16 aplicam opacidades de 10%, 30%, 60% e 90% respectivamente.
Amostra Cromática
Elevação & Sombras
Embora complementares às bordas, as sombras conferem profundidade e foco. O Y2 possui 46 níveis de elevação.
YT Continue Explorando