Vector A · ACSS → Bricks Nativo

El vector más pedido. Eliminas la dependencia de ACSS haciendo que Bricks sirva nativamente todo lo que ACSS estaba proveyendo.

Origen y destino

Origen: sitio con Bricks + ACSS activos. ACSS almacena colores, tipografía, spacing, etc. en wp_options con prefijo acss_ y automaticcss_options.
Destino: las variables y clases pasan a la paleta de Bricks (bricks_color_palette), variables globales (bricks_global_variables) y clases globales (bricks_global_classes).

Tras la conversión, puedes desactivar ACSS: tus templates siguen funcionando porque Bricks sirve las mismas clases con los mismos valores.

Prerequisitos

Bricks Builder 1.9+ activo
ACSS activo (el plugin se desactiva después de migrar, no antes)
Licencia BricksShift activa

Qué extrae el parser

ParserACSS recorre estas fuentes en orden:

wp_options (claves acss_* y automaticcss_options)
Archivos CSS compilados en uploads/automatic-css/ (ground truth real: automatic-variables.css, automatic.css, automatic-bricks.css)
CSS guardado en transients y opciones con prefijos automaticcss_ / acss_

Categorías extraídas: colores (base + variantes hover/dark), escala tipográfica (text-xs a text-xxl, h1 a h6), spacing (space-3xs a space-3xl, section-*), borders (radius-*, border-width), shadows (box-shadow-*) y un cajón "other" con lo demás.

Qué genera

Destino Bricks	Contenido
`bricks_color_palette`	Array de `{ id, name, hex, raw }` con los colores ACSS
`bricks_global_variables`	Variables de tipografía, spacing, borders, shadows
`bricks_global_classes`	Clases ACSS detectadas en tus templates, con sus mismos nombres
`bricks_custom_css`	`:root { }` con los tokens que no entran en los arrays anteriores

Opciones

Solo tokens en uso: filtra a los tokens que aparecen en _bricks_data de tus posts/páginas. Evita crear 765 variables si sólo usas 80.
Estrategia de valores fluidos (clamp()):
- dual (por defecto): valor estático en la variable de Bricks + clamp() como override en un bloque CSS. Lo mejor de los dos mundos.
- preserve: deja clamp() tal cual (requiere que Bricks lo acepte).
- static: sólo el valor estático mínimo. Sin responsive.
Variantes reactivas de color: activado por defecto. Convierte primary-dark en referencia color-mix(in srgb, var(--color-primary) 80%, black) en lugar de un hex fijo, para que al cambiar --color-primary las variantes se recalculen solas.

Antes y después

Origen (ACSS wp_options):

$acss_options = [
  'acss_color_primary' => '#7c3aed',
  'acss_font_size_base' => '1rem',
  'acss_font_size_ratio' => 1.25,
  'acss_spacing_base' => '1rem',
];

Destino (Bricks wp_options):

$bricks_color_palette = [
  [ 'id' => 'primary', 'name' => 'Primary', 'hex' => '#7c3aed', 'raw' => '#7c3aed' ],
];

$bricks_global_variables = [
  [ 'id' => 'text-base', 'name' => 'text-base', 'value' => '1rem' ],
  [ 'id' => 'text-lg',   'name' => 'text-lg',   'value' => '1.25rem' ],
  [ 'id' => 'spacing-md','name' => 'spacing-md','value' => '1rem' ],
];

Limitaciones

Clases custom con pseudo-elementos muy específicos pueden requerir revisión manual después.
ACSS v2 no está verificado. El parser asume v3 (directorio automatic-css/).
BUG-1/2 documentados en el changelog ya están resueltos desde v1.0.4.

Ver backups y rollback → · Ver Vector B (a Tailwind) →