BeAPI / beapi-frontend-framework

WordPress friendly Front-End framework.
https://beapi.fr
68 stars 18 forks source link

fix acf block width #328

Closed cedric07 closed 1 year ago

cedric07 commented 1 year ago

Permet de pouvoir retrouver la même largeur du bloc ACF en BO qu'en front dans le cas ou l'alignement est désactivé sur le block. Sinon le block en BO a toujours l'alignement par défaut en BO à cause de ça :

.editor-styles-wrapper .is-root-container > :where(*) {
    max-width: calc(100% - 2.125rem);
    max-width: var(--responsive--aligndefault-width);
    margin-right: auto;
    margin-left: auto;
}

Utilisé sur infopro par @n-langle et récurrent sur les projets.


Exemple de la structure du block pour un alignwide :

<div class="block block--testimonial">
    Content here
</div>
.block {
    $el: &;

    &--testimonial {
        width: $container-wide;
        max-width: var(--responsive--alignwide-width);
    }
}

Le block aura donc la même largeur en front et en BO