/* 12.0 - margins & paddings */
$px-array: 100 95 90 85 80 75 70 65 60 55 50 45 40 35 30 25 20 15 10 5 0;

@each $current-px in $px-array {
    .m-#{$current-px} {
        margin: #{$current-px}px !important;
    }

    .mb-#{$current-px} {
        margin-bottom: #{$current-px}px !important;
    }

    .mb-n#{$current-px} {
        margin-bottom: -#{$current-px}px !important;
    }

    .mt-#{$current-px} {
        margin-top: #{$current-px}px !important;
    }

    .mt-n#{$current-px} {
        margin-top: -#{$current-px}px !important;
    }

    .ml-#{$current-px} {
        margin-left: #{$current-px}px !important;
    }

    .mr-#{$current-px} {
        margin-right: #{$current-px}px !important;
    }

    .p-#{$current-px} {
        margin: #{$current-px}px !important;
    }

    .pb-#{$current-px} {
        padding-bottom: #{$current-px}px !important;
    }

    .pb-n#{$current-px} {
        padding-bottom: -#{$current-px}px !important;
    }

    .pt-#{$current-px} {
        padding-top: #{$current-px}px !important;
    }

    .pt-n#{$current-px} {
        padding-top: -#{$current-px}px !important;
    }

    .pl-#{$current-px} {
        padding-left: #{$current-px}px !important;
    }

    .pr-#{$current-px} {
        padding-right: #{$current-px}px !important;
    }
}