Spacing

Where property is one of:

ey-margin-- for classes that set margin
ey-padding-- for classes that set padding


Where sides is one of:

__top-- for classes that set margin-top or padding-top
__bottom-- for classes that set margin-bottom or padding-bottom
__left-- - for classes that set margin-left or padding-left
__right-- - for classes that set margin-right or padding-right
__x-- - for classes that set both *-left and *-right
__y-- - for classes that set both *-top and *-bottom

Spacing Variables

        
            0,
            4,
            8,
            12,
            16,
            24,
            32,
            40,
            48,
            64,
            80,
            88,
            96

Margin

        
            <div class="ey-margin--40">margin 40 all</div>

            <div class="ey-margin__top--32 ey-margin__right--16 ey-margin__bottom--16 ey-margin__left--16">
                margin top 32px, margin right 16px, margin bottom 16px, margin left 16px
            </div>

Padding

        
            <div class="ey-padding--40">margin 40 all</div>

            <div class="ey-padding__top--32 ey-padding__right--16 ey-padding__bottom--16 ey-padding__left--16">
            padding top 32px, padding right 16px, padding bottom 16px, padding left 16px
            </div>