@if $enable-sizing {
    @if map-get($sizes, 'widths') {
        @each $name, $value in map-get($sizes, 'widths') {
            .w-#{$name} {
                width: #{$value};
            }

            @if ($enable-responsive-sizing) {
                @each $break, $breakpoint in $breakpoints {
                    @media (min-width: $breakpoint) {
                        .w-#{$break}-#{$name} {
                            width: #{$value}
                        }
                    }
                }
            }
        }

        @each $name, $value in map-get($sizes, 'heights') {
            .h-#{$name} {
                width: #{$value};
            }

            @if ($enable-responsive-sizing) {
                @each $break, $breakpoint in $breakpoints {
                    @media (min-width: $breakpoint) {
                        .h-#{$break}-#{$name} {
                            width: #{$value}
                        }
                    }
                }
            }
        }

        @each $name, $value in map-get($sizes, 'max-widths') {
            .mw-#{$name} {
                width: #{$value};
            }

            @if ($enable-responsive-sizing) {
                @each $break, $breakpoint in $breakpoints {
                    @media (min-width: $breakpoint) {
                        .mw-#{$break}-#{$name} {
                            width: #{$value}
                        }
                    }
                }
            }
        }

        @each $name, $value in map-get($sizes, 'max-heights') {
            .mh-#{$name} {
                width: #{$value};
            }

            @if ($enable-responsive-sizing) {
                @each $break, $breakpoint in $breakpoints {
                    @media (min-width: $breakpoint) {
                        .mh-#{$break}-#{$name} {
                            width: #{$value}
                        }
                    }
                }
            }
        }
    }
}