Les nuances globales peuvent désormais être appliquées à presque tous les éléments d'un site Web. Personnalisé Brics sont également en mesure d'accéder à Global Swatches, cependant, leur prise en charge est pas activé par défaut et nécessiteront une attention particulière car ils ne fonctionneront que dans des circonstances spécifiques.
Comment fonctionnent les échantillons globaux
Utilisation globale des nuances Variables CSS appliquer une couleur à un élément. Lorsque la variable source est éditée, tous les éléments qui l'utilisent seront mis à jour.
Lorsque vous utilisez des échantillons globaux dans un Bric personnalisé, il est important de se rappeler que les variables CSS ne fonctionneront que si elles sont accessibles dans la couche de rendu HTML principale d'un site Web. Placer des variables CSS dans Javascript ou PHP peut ne pas fonctionner. Dans cet esprit, les développeurs Bric doivent vérifier soigneusement la fonctionnalité des couleurs s'ils activent la prise en charge des échantillons globaux pour un puits de couleurs utilisé dans un Brics interface utilisateur.
Si vous stockez des couleurs en tant que valeurs de modèle utilisées dans des ressources externes, il est peu probable que Global Swatches fonctionne correctement. Les échantillons globaux devraient idéalement être utilisés dans votre Brics HTML présent sur la page lorsqu'un navigateur l'affiche.
Comment activer la prise en charge globale de Swatch
Par défaut, le composant d'interface utilisateur de puits de couleur utilisé dans tous les Brics a le support Global Swatch désactivé. Cela signifie que lorsque la fenêtre contextuelle du puits de couleur s'ouvre, l'onglet Global Swatch ne sera pas disponible.
Pour l'activer, ouvrez votre Bric dans le Constructeur de briques, sélectionnez bien la couleur cible dans votre Brics UI et cochez la case intitulée Global Swatches.
L'activation de cette case à cocher ne garantit pas la fonctionnalité avec votre Brics code. Vous devez vous assurer que la valeur du puits de couleur est utilisée dans la page HTML pour qu'elle fonctionne correctement.