crispy-css/scss/components/_margin.scss

/**
 * margin
 *
 * modificators for margin
 *
 *
 * @author Björn Hase
 *
 */


$margin-top: pxToEm(5px) !default;
$margin-bottom: pxToEm(20px) !default;

@mixin crispy-boilerplate-margin() {
    .margin-top-y0 {
        margin-top: 0;
    }

    .margin-top-y1 {
        margin-top: $margin-top;
    }

    .margin-top-y2 {
        margin-top: $margin-top * 2;
    }

    .margin-top-y3 {
        margin-top: $margin-top * 3;
    }

    .margin-bottom-y0 {
        margin-bottom: 0;
    }

    .margin-bottom-y1 {
        margin-bottom: $margin-bottom;
    }

    .margin-bottom-y2 {
        margin-bottom: $margin-bottom * 2;
    }

    .margin-bottom-y3 {
        margin-bottom: $margin-bottom * 3;
    }
}