Los 7 vectores
BricksShift soporta siete rutas de conversión entre los cinco sistemas de diseño más usados sobre Bricks Builder. Cada ruta es un módulo independiente con su parser, su transformer y su writer.
Tabla maestra
| Vector | Origen → Destino | Cuándo lo usas |
|---|---|---|
| A | ACSS → Bricks Nativo | Sales de ACSS y quieres que Bricks sirva tus clases nativamente. |
| B | ACSS → Tailwind v4 | Migras un proyecto ACSS+Bricks a un stack con Tailwind. |
| C | Bricks Nativo → Tailwind v4 | Sacas la paleta y clases globales de Bricks a un CSS de Tailwind. |
| D | Tailwind v4 → Bricks Nativo | Partes de un @theme de Tailwind y lo llevas a Bricks. |
| E | Advanced Themer → Bricks | Tienes un sitio con AT y quieres consolidarlo en Bricks puro. |
| F | Core Framework → Bricks | Igual que E pero con CF (incluye variantes de transparencia). |
| G | CF File → Bricks | Importas un export .core/JSON de CF sin tener CF instalado. |
El HTML nunca se modifica
Los siete vectores regeneran la implementación CSS (variables, clases globales, archivos Tailwind), pero no tocan el HTML de tus templates ni los widgets de Bricks. Las clases existentes mantienen su nombre.
A · ACSS → Bricks Nativo
El caso más pedido. ACSS ha reducido su soporte activo sobre Bricks; este vector te deja seguir con tus templates intactos mientras Bricks toma el relevo sirviendo tus tokens y clases. Ver detalle →
B · ACSS → Tailwind v4
Extrae los tokens reales de ACSS (leyendo tanto wp_options como el CSS generado en uploads/automatic-css/) y genera un archivo CSS de Tailwind v4 con @theme y @layer components. No requiere Tailwind preinstalado. Ver detalle →
C · Bricks Nativo → Tailwind v4
Lee la paleta, variables y clases globales de Bricks (bricks_color_palette, bricks_global_variables, bricks_global_classes) y las traduce a un CSS de Tailwind v4. Útil si quieres salir de Bricks hacia un stack más portable. Ver detalle →
D · Tailwind v4 → Bricks Nativo
Lectura inversa. Partes de un archivo CSS con @theme (y opcionalmente @layer components) y BricksShift escribe la paleta, variables y clases globales equivalentes en la DB de Bricks. Ver detalle →
E · Advanced Themer → Bricks
Detecta la escala Utopia (step-N con clamp()) y las variables fluidas propias de AT, las normaliza y las escribe como variables globales de Bricks. Soporta tres estrategias para valores fluidos: dual, preserve, static. Ver detalle →
F · Core Framework → Bricks
Similar a E pero para Core Framework: gestiona variantes de transparencia (ej. primary--40) y te deja elegir si conservarlas todas, sólo las esenciales, u omitirlas. Ver detalle →
G · CF File → Bricks
Tomas el export .core/JSON del web app de Core Framework y lo conviertes directamente, sin necesidad de tener el addon CF instalado en WordPress. Ver detalle →