Gap

Overview

These classes are used on a parent element to create space between child elements. By using these classes, you can create consistent spacing between elements on the screen and ensure that elements are aligned and spaced correctly. These are especially useful for creating gaps between elements in a Flex Repeater.

Classes

Class	Description
gap-0	Removes all gap between child elements.
gap-1	Adds gap between child elements equal to 0.25rem.
gap-2	Adds gap between child elements equal to 0.5rem.
gap-3	Adds gap between child elements equal to 0.75rem.
gap-4	Adds gap between child elements equal to 1rem.
gap-5	Adds gap between child elements equal to 1.25rem.
gap-6	Adds gap between child elements equal to 1.5rem.
gap-8	Adds gap between child elements equal to 2rem.
gap-10	Adds gap between child elements equal to 2.5rem.
gap-12	Adds gap between child elements equal to 3rem.
gap-16	Adds gap between child elements equal to 4rem.
gap-20	Adds gap between child elements equal to 5rem.
gap-24	Adds gap between child elements equal to 6rem.
gap-32	Adds gap between child elements equal to 8rem.
gap-40	Adds gap between child elements equal to 10rem.
gap-48	Adds gap between child elements equal to 12rem.
gap-56	Adds gap between child elements equal to 14rem.
gap-64	Adds gap between child elements equal to 16rem.