Variables CSS, manifiesto JSON y preset Tailwind.
Los nombres y valores de tokens son experimentales y pueden cambiar.
pnpm add @liquidify/tokens| Exportación | Uso |
|---|---|
@liquidify/tokens/variables.css | Variables CSS para la configuración web |
@liquidify/tokens/system-color-classes.css | Clases de colores del sistema |
@liquidify/tokens/tokens.json | Valores de tokens en JSON |
@liquidify/tokens/tailwind-preset | Objeto liquidifyPreset |
@liquidify/tokens | Utilidades TypeScript como ptToRem |
import "@liquidify/tokens/variables.css".account-card {
color: var(--lq-color-fg-primary);
padding: var(--lq-space-16);
border-radius: var(--lq-radius-14);
}La configuración base se genera a partir de las fuentes iOS del repositorio. Los archivos de plataformas archivadas no son temas intercambiables durante la ejecución.
@liquidify/react/styles.css ya incluye los tokens necesarios. Importa variables.css directamente solo cuando no uses esa hoja completa.