// margin

$space-atom:4px;
.#{$prefix}ma-0 {
    margin: 0 !important;
}
.#{$prefix}ma-1n{
    margin:$space-atom!important;
}
.#{$prefix}ma-2n{
    margin:$space-atom*2!important;
}
.#{$prefix}ma-3n{
    margin:$space-atom*3!important;
}
.#{$prefix}ma-4n{
    margin:$space-atom*4!important;
}
.#{$prefix}ma-5n{
    margin:$space-atom*5!important;
}

// margin-top
.#{$prefix}mt-0 {
    margin-top: 0 !important;
}
.#{$prefix}mt-1n{
    margin-top:$space-atom !important;
}
.#{$prefix}mt-2n{
    margin-top:$space-atom*2!important;
}
.#{$prefix}mt-3n{
    margin-top:$space-atom*3!important;
}
.#{$prefix}mt-4n{
    margin-top:$space-atom*4!important;
}
.#{$prefix}mt-5n{
    margin-top:$space-atom*5!important;
}

// margin-bottom
.#{$prefix}mb-0{
    margin-bottom:0 !important;
}
.#{$prefix}mb-1n{
    margin-bottom:$space-atom !important;
}
.#{$prefix}mb-2n{
    margin-bottom:$space-atom*2!important;
}
.#{$prefix}mb-3n{
    margin-bottom:$space-atom*3!important;
}
.#{$prefix}mb-4n{
    margin-bottom:$space-atom*4!important;
}
.#{$prefix}mb-5n{
    margin-bottom:$space-atom*5!important;
}

// margin-right
.#{$prefix}mr-0 {
    margin-right: 0 !important;
}
.#{$prefix}mr-1n{
    margin-right:$space-atom!important;
}
.#{$prefix}mr-2n{
    margin-right:$space-atom*2!important;
}
.#{$prefix}mr-3n{
    margin-right:$space-atom*3!important;
}
.#{$prefix}mr-4n{
    margin-right:$space-atom*4!important;
}
.#{$prefix}mr-5n{
    margin-right:$space-atom*5!important;
}

// margin-left
.#{$prefix}ml-0 {
    margin-left: 0 !important;
}
.#{$prefix}ml-1n{
    margin-left:$space-atom !important;
}
.#{$prefix}ml-2n{
    margin-left:$space-atom*2!important;
}
.#{$prefix}ml-3n{
    margin-left:$space-atom*3!important;
}
.#{$prefix}ml-4n{
    margin-left:$space-atom*4!important;
}
.#{$prefix}ml-5n{
    margin-left:$space-atom*5!important;
}

// padding
.#{$prefix}pa-0 {
    padding: 0 !important;
}
.#{$prefix}pa-1n{
    padding:$space-atom !important;
}
.#{$prefix}pa-2n{
    padding:$space-atom*2!important;
}
.#{$prefix}pa-3n{
    padding:$space-atom*3!important;
}
.#{$prefix}pa-4n{
    padding:$space-atom*4!important;
}
.#{$prefix}pa-5n{
    padding:$space-atom*5!important;
}
// padding-top
.#{$prefix}pt-0{
    padding-top:0 !important;
}
.#{$prefix}pt-1n{
    padding-top:$space-atom !important;
}
.#{$prefix}pt-2n{
    padding-top:$space-atom*2!important;
}
.#{$prefix}pt-3n{
    padding-top:$space-atom*3!important;
}
.#{$prefix}pt-4n{
    padding-top:$space-atom*4!important;
}
.#{$prefix}pt-5n{
    padding-top:$space-atom*5!important;
}
// padding-bottom
.#{$prefix}pb-0 {
    padding-bottom: 0 !important;
}
.#{$prefix}pb-1n{
    padding-bottom:$space-atom !important;
}
.#{$prefix}pb-2n{
    padding-bottom:$space-atom*2!important;
}
.#{$prefix}pb-3n{
    padding-bottom:$space-atom*3!important;
}
.#{$prefix}pb-4n{
    padding-bottom:$space-atom*4!important;
}
.#{$prefix}pb-5n{
    padding-bottom:$space-atom*5!important;
}
// padding-left
.#{$prefix}pl-0 {
    padding-left: 0 !important;
}
.#{$prefix}pl-1n{
    padding-left:$space-atom !important;
}
.#{$prefix}pl-2n{
    padding-left:$space-atom*2!important;
}
.#{$prefix}pl-3n{
    padding-left:$space-atom*3!important;
}
.#{$prefix}pl-4n{
    padding-left:$space-atom*4!important;
}
.#{$prefix}pl-5n{
    padding-left:$space-atom*5!important;
}
// padding-right
.#{$prefix}pr-0{
    padding-right:0 !important;
}
.#{$prefix}pr-1n{
    padding-right:$space-atom !important;
}
.#{$prefix}pr-2n{
    padding-right:$space-atom*2!important;
}
.#{$prefix}pr-3n{
    padding-right:$space-atom*3!important;
}
.#{$prefix}pr-4n{
    padding-right:$space-atom*4!important;
}
.#{$prefix}pr-5n{
    padding-right:$space-atom*5!important;
}