Mindestvoraussetzungen: RapidWeaver 7 | Stacks Plugin 4 | Foundation 6 Suite
Zusätzlich benötigst du den kostenlosen Pen Stack von weaver.space
Mit dem Display Swatch ist es möglich, Inhalte abhängig von der Browserfensterbreite anzeigen bzw. ausblenden zu lassen. Das unten stehende Beispiel ist so angelegt, dass über ein Javascript die jeweilige Browserfenstergröße angezeigt werden kann um das Verhalten der Inhalte kontrollieren zu können. Die Werte, welche festelegen, wann und wann die Inhalte angezeigt werden sollen, legst du im Swatch fest.
Die orangefarbigen Inhalte im Beispiel sollen dieses Verhalten verdeutlichen. Die grünen Inhalte hingegen werden normalerweise in voller Anzeigebreite ausgegeben. Wird die Anzeigebreite schmaler, werden die Inhalte nicht umgebrochen, sondern werden nebeneinander gelegt.