Globale Farbfelder können jetzt auf fast jedes Element einer Website angewendet werden. Benutzerdefiniert Brics können auch auf Global Swatches zugreifen, sie werden jedoch unterstützt nicht aktiviert standardmäßig und bedürfen besonderer Beachtung, da sie nur unter bestimmten Umständen funktionieren.
Wie Global Swatches funktionieren
Verwendung globaler Farbfelder CSS-Variablen Farbe auf ein Element anwenden. Wenn die Quellvariable bearbeitet wird, werden alle Elemente, die sie verwenden, aktualisiert.
Bei der Verwendung von Global Swatches in einem benutzerdefinierten Bric ist es wichtig, daran zu denken, dass CSS-Variablen nur funktionieren, wenn sie innerhalb der Haupt-HTML-Rendering-Ebene einer Website aufgerufen werden. Das Einfügen von CSS-Variablen in Javascript oder PHP funktioniert möglicherweise nicht. In diesem Sinne sollten Bric-Entwickler die Farbfunktionalität gründlich prüfen, wenn sie die Global Swatch-Unterstützung für einen Farbraum aktivieren, der in einem Brics Benutzeroberfläche.
So aktivieren Sie den globalen Swatch-Support
Standardmäßig wird die Farbfeld-UI-Komponente in allen benutzerdefinierten verwendet Brics hat die globale Swatch-Unterstützung deaktiviert. Das bedeutet, dass beim Öffnen des Farbfeld-Popovers die Registerkarte „Globales Farbfeld“ nicht verfügbar ist.
Um es zu aktivieren, öffnen Sie Ihren Bric im Bric-Baukasten, wählen Sie die Zielfarbe gut in Ihrem aus Brics UI und aktivieren Sie das Kontrollkästchen Global Swatches.