//
// 布局——网格
// ============================================================

= margin-padding($margin-padding)

    @each $styleName, $size in $margin-padding-size
        .#{$margin-padding + "-" + $styleName}
            #{$margin-padding}: $size + px

    @each $direction in (top, right, bottom, left)

        @each $styleName, $size in $margin-padding-size
            .#{$margin-padding + "-" + $direction + "-" + $styleName}
                #{$margin-padding + "-" + $direction}: $size + px

        .#{$margin-padding + "-" + $direction}
            #{$margin-padding + "-" + $direction}: 0

    .#{$margin-padding}
        #{$margin-padding}: 0

    @if $margin-padding == "margin"
        .margin-auto
            margin: auto