/* 该文件用于padding和margin边距集合公共class */
// margin: n * 5 px 显示方式
@for $i from 0 to $space-max {
    .m-#{$i * $space-interval} {
        margin: $i * $space-interval + px;
    }
    .mt-#{$i * $space-interval} {
        margin-top: $i * $space-interval + px;
    }
    .mr-#{$i * $space-interval} {
        margin-right: $i * $space-interval + px;
    }
    .mb-#{$i * $space-interval} {
        margin-bottom: $i * $space-interval + px;
    }
    .ml-#{$i * $space-interval} {
        margin-left: $i * $space-interval + px;
    }
    .mx-#{$i * $space-interval} {
        margin-left: $i * $space-interval + px;
        margin-right: $i * $space-interval + px;
    }
    .my-#{$i * $space-interval} {
        margin-top: $i * $space-interval + px;
        margin-bottom: $i * $space-interval + px;
    }
    .p-#{$i * $space-interval} {
        padding: $i * $space-interval + px;
    }
    .pt-#{$i * $space-interval} {
        padding-top: $i * $space-interval + px;
    }
    .pr-#{$i * $space-interval} {
        padding-right: $i * $space-interval + px;
    }
    .pb-#{$i * $space-interval} {
        padding-bottom: $i * $space-interval + px;
    }
    .pl-#{$i * $space-interval} {
        padding-left: $i * $space-interval + px;
    }
    .px-#{$i * $space-interval} {
        padding-left: $i * $space-interval + px;
        padding-right: $i * $space-interval + px;
    }
    .py-#{$i * $space-interval} {
        padding-top: $i * $space-interval + px;
        padding-bottom: $i * $space-interval + px;
    }
}