Mit dem Background Props Swatch kannst du Vorgaben für den Hintergrund von Inhalten machen. Diese Möglihckeiten gibt es zwar bereits im "normalen" Background Swatch, aber der Background Props Swatch ermöglicht spezifische Einstellungen ohne den gesamten Hintergrund neu festlegen zu müssen. Interessant ist der Stack insbesondere bei Hover-Effekten.

Der Background Props Swatch wurde z.B. auf der Seite Gradients verwendet.

Der Colors Override Swatch ermöglicht es, bestimmte Farbeinstellungen zu überschreiben, evtl. nur eine einzelne Farbeinstellung, die du im Component Colors oder Text Color Swatch vorgenommen hattes.

Mit dem Pseudo Content Swatch können Sie Inhalte in :before und :after Pseudoelemente einfügen. Beispielsweise kannst du mit Hilfe einer Klasse "neu" den Text "Neu" in allen Headern einfügen.

Mit Hilfe des Perspective Swatch kannst du dreidimensionale Effekte generieren.

Der Render Perf Swatch verbessert die Ladegeschwindigkeit. Dabei wird die Eigenschaft "content-visibility" verwendet, die es dem User-Agent (also dem Browser) ermöglicht, dass bestimmte Elemente, einschließlich Layout und grafische Elemente so lange übersprungen werden, bis sie für die Seitendarstellung tatsächlich benötigt werden. Das wirkt sich insbesondere bei Seiten aus, deren Inhalt erst nach Scrollen dargestellt wird.

Mit dem Gutter Swatch kannst du die Randabstände der Columns Stacks, die im Site Styles Stack definiert wurden, überschreiben.

Mit dem Overflow Swatch kannst du die CSS-Overflow-Eigenschaft beliebiger Inhalte beeinflussen. D.h. innerhalb bestimmter übergeordneter Bereiche (Parent Elemente) eingefügte Inhalte kannst du außerhalb positionieren.

Der Transition Multi Swatch ist eine Erweiterung des mitgeliferten Tranisition Swatch. Er ermöglicht verschiedene Transition Effekte bestimmter Elemente, beispielsweise kannst du Hovereffekte mit Änderung der Transparenz, mit Rotation etc. generieren.

Mit dem Unset Swatch können CSS-Stile, die auf irgendeinen Inhalt angewandt wurden, überschrieben bzw. entfernt werden. Das ist v.a. dann hilfreich, wenn die Vorgabe eines bestimmten Swatches in einem bestimmten Eelement nicht funktioniert oder sich nicht auf dieses Element auswirken soll. Du klannst beispeilsweise bei einem Element eine Schattierung entfernen.

Der Prefetch Links Swatch verbessert das Laden von verlinkten Seiten indem die Links, die ein Seitenbesucher bereits angeklickt hat, gecacht, d.h. im Backend des Browsers des Seitenbesuchers gespeichert werden. Das verbessert die Ladegeschwindigkeit einer Seite. Dazu wird die von GoogleLabs entwickelte Quicklink Bibliothek verwendet.

Der z-index Swatch verändert den z-Index eines beliebigen Elements.