Vector E · Advanced Themer → Bricks

Advanced Themer (AT) es un addon popular de Bricks que añade escala Utopia (valores fluidos con clamp()) y variables propias. Este vector extrae todo lo que AT aporta y lo consolida en la DB de Bricks.

Origen y destino

  • Origen: Bricks + Advanced Themer. AT escribe encima del sistema de Bricks, sumando su propia capa de variables.
  • Destino: las mismas opciones de Bricks (bricks_color_palette, bricks_global_variables, etc.), pero ya sin depender del addon AT.

Prerequisitos

  • Bricks Builder 1.9+ activo
  • Advanced Themer detectado (o heurística positiva: pasos Utopia step-N + variables fluidas)
  • Licencia BricksShift activa

Detección heurística

Si AT no está activo pero su huella sigue en la DB (variables step-N, clamp(), prefijos custom), BricksShift puede detectarlo igualmente. El Scanner indica "AT detectado por heurística" en el dashboard.

Qué extrae

ParserBricksAT es un decorator sobre ParserBricks. Añade:

  • Detección de escala Utopia: variables tipo step-0, step-1… con valores clamp().
  • Extracción de variables fluidas de spacing y tipografía.
  • Detección del prefijo custom de AT (si lo has configurado).
  • Anotación del formato de color (HSL, OKLCH) para preservarlo.

Estrategias para valores fluidos

Los valores clamp() no siempre encajan bien en las variables globales de Bricks (que se editan en UI con un input simple). Elige entre tres estrategias:

EstrategiaVariable de BricksCSS blockCuándo usarla
dual (default)Valor estático (editable en UI)clamp() como overrideMejor de los dos mundos. Edición cómoda + responsive.
preserveclamp() tal cual—Si Bricks maneja clamp() nativamente en tu versión.
staticSólo el valor mínimo (fallback)—Si no necesitas responsive en esos tokens.

Qué genera

La salida es igual que en el Vector A, pero alimentada por datos de AT:

  • bricks_color_palette con colores y sus variantes.
  • bricks_global_variables con la escala Utopia convertida según estrategia.
  • bricks_global_classes con las clases detectadas.
  • Si dual: un bloque CSS extra dentro de bricks_custom_css con los clamp() como overrides responsive.

Limitaciones

  • Vector reciente (v1.1.0). Funcional pero sin QA real en producción a fecha de hoy.
  • Si tu proyecto usa variables custom de AT con nombres muy específicos, revisa el log: algunas pueden caer a la categoría other y acabar en bricks_custom_css en lugar de bricks_global_variables.

Ver Vector F (Core Framework) →