@if $enable-spacing {
    @each $size, $unit in $spacing-sizes {
        .m-#{$size} {
            margin: #{$unit};
        }

        .p-#{$size} {
            padding: #{$unit};
        }

        @if $enable-responsive-spacings {
            @each $break, $breakpoint in $breakpoints {
                @media (min-width: $breakpoint) {
                    .m-#{$break}-#{$size} {
                        margin: #{$unit};
                    }
    
                    .p-#{$break}-#{$size} {
                        padding: #{$unit};
                    }
                }
            }
    
            @each $name, $position in $spacing-positions {
                .m#{$name}-#{$size} {
                    margin-#{$position}: #{$unit};
                }
    
                .p#{$name}-#{$size} {
                    padding-#{$position}: #{$unit};
                }
    
                @each $break, $breakpoint in $breakpoints {
                    @media (min-width: $breakpoint) {
                        .m#{$name}-#{$break}-#{$size} {
                            margin-#{$position}: #{$unit};
                        }
    
                        .p#{$name}-#{$break}-#{$size} {
                            padding-#{$position}: #{$unit};
                        }
                    }
                }
            }
        }
    }
}