@for $i from 0 through 20 {
    .m-#{$i*5} {margin: #{$i*5}px;}
    .m-#{$i*5}-i {margin: #{$i*5}px !important;}
    .mt-#{$i*5} {margin-top: #{$i*5}px;}
    .mt-#{$i*5}-i {margin-top: #{$i*5}px !important;}
    .mb-#{$i*5} {margin-bottom: #{$i*5}px;}
    .mb-#{$i*5}-i {margin-bottom: #{$i*5}px !important;}
    .ml-#{$i*5} {margin-left: #{$i*5}px;}
    .ml-#{$i*5}-i {margin-left: #{$i*5}px !important;}
    .mr-#{$i*5} {margin-right: #{$i*5}px;}
    .mr-#{$i*5}-i {margin-right: #{$i*5}px !important;}
    .p-#{$i*5} {padding: #{$i*5}px;}
    .p-#{$i*5}-i {padding: #{$i*5}px !important;}
    .pt-#{$i*5} {padding-top: #{$i*5}px;}
    .pt-#{$i*5}-i {padding-top: #{$i*5}px !important;}
    .pb-#{$i*5} {padding-bottom: #{$i*5}px;}
    .pb-#{$i*5}-i {padding-bottom: #{$i*5}px !important;}
    .pl-#{$i*5} {padding-left: #{$i*5}px;}
    .pl-#{$i*5}-i {padding-left: #{$i*5}px !important;}
    .pr-#{$i*5} {padding-right: #{$i*5}px;}
    .pr-#{$i*5}-i {padding-right: #{$i*5}px !important;}
}