#Tailwind CSS
PrettyBlocks ahora implementa una capa CSS para gestionar el estilo de sus propios componentes. La biblioteca utilizada es Tailwind CSS. Para evitar conflictos con otros componentes, temas o m贸dulos de PrestaShop, las clases de Tailwind tienen el prefijo tw_.
Ejemplo:
1<article class="tw_border tw_shadow tw_rounded-md tw_max-w-sm tw_w-full tw_mx-auto tw_pb-2 tw_mb-2" data-id-product="{$product.id_product|escape:'htmlall':'UTF-8'}" data-id-product-attribute="{$product.id_product_attribute|escape:'htmlall':'UTF-8'}">2...3</article>Para modificar los elementos de PrettyBlocks desde tu tema hijo, sobrescribe la carpeta views/css/_dev.
#Espaciados
En la versi贸n 3.1, PrettyBlocks permite agregar m谩rgenes y rellenos directamente a tus Blocks.
En un rango de 1-12, las clases mt-1 ... mt-12, pt-1...pt-12, etc. se importan autom谩ticamente a trav茅s de Tailwind CSS.
Puedes utilizar tus propios estilos si no deseas importar el n煤cleo CSS de PrettyBlocks (en la gesti贸n de Configuraci贸n). Puedes encontrar las clases importadas en este enlace