Panneau de style
Le panneau Style apparaît au bas du panneau latéral droit dès qu'un élément, une section ou la page sont sélectionnés sur la canvas. Il regroupe la mise en forme visuelle commune à la quasi-totalité des blocs : typographie, couleurs, fond, marges, bordures, ombres, animations…
Chaque rubrique se replie ou se déplie. Le résumé affiché à côté du titre indique en un coup d'œil ce qui est appliqué (par exemple « 16px Inter » pour le texte, ou un échantillon de couleur pour le fond), et un picto vous rappelle si la mise en forme est partagée entre desktop et mobile ou si vous avez surchargé une valeur sur l'un des deux modes.
Édition desktop, mobile, ou les deux
Une mention juste en haut du panneau précise dans quel mode vous êtes en train d'éditer : Modifie l'ordinateur et le mobile, Modifie l'ordinateur uniquement ou Modifie le mobile uniquement.
- En aperçu Ordinateur uniquement, sans surcharge mobile existante, vos modifications s'appliquent aux deux formats. Dès qu'une valeur est différente sur mobile, l'édition ne porte plus que sur desktop.
- En aperçu Mobile uniquement, vos modifications créent une surcharge spécifique au mobile : la valeur desktop est préservée.
Cela vous permet d'avoir, par exemple, un titre en 64 px sur desktop et 32 px sur mobile sans avoir à recopier toute la mise en forme.
Réinitialiser une rubrique
Chaque rubrique propose un bouton de réinitialisation (texte Réinitialiser les paramètres) qui apparaît dès qu'au moins une valeur est définie. Il efface l'ensemble des réglages de la rubrique pour revenir au comportement par défaut (souvent celui du thème).
Liste des rubriques
| Rubrique | Page de doc |
|---|---|
| Visibilité : affiche ou masque l'élément sur ordinateur, mobile, ou les deux | Visibilité |
| Style du texte : police, taille, alignement, casse, couleur | Style du texte |
| Positionnement : alignement vertical du contenu | Positionnement |
| Arrière-plan : couleur unie, dégradé ou image | Arrière-plan |
| Espacement intérieur : marges intérieures sur les quatre côtés | Espacement intérieur |
| Bordure : style, épaisseur, couleur et côtés à border | Bordure |
| Bord arrondi : arrondi global ou par coin | Bord arrondi |
| Ombre : ombre portée réaliste, plate ou prédéfinie | Ombre |
| Maquette : encadrement dans un appareil (iPhone, MacBook, iMac…) | Maquette |
| Filtre : opacité, luminosité, contraste, sépia, flou… | Filtre |
| Animation : apparition à l'écran (fondu, zoom, glissement…) | Animation |
Toutes les rubriques ne sont pas affichées sur tous les types d'éléments : la rubrique Style du texte n'apparaît que sur les éléments qui contiennent du texte, Maquette uniquement sur les images et vidéos, etc.