// overflow-auto overflow-x-hidden etc.
.overflow {
    @each $prop in (auto hidden inherit scroll visible) {
        &-#{$prop} {
            overflow: $prop;
        }

        @each $axis in (x y) {
            &-#{$axis}-#{$prop} {
                overflow: $prop;
            }
        }
    }
}

.text-overflow {
    @each $prop in (clip ellipsis) {
        &-#{$prop} {
            text-overflow: $prop;
        }
    }
}

.overflow-wrap {
    @each $prop in normal, anywhere, break-word {
        &-#{$prop} {
            overflow-wrap: $prop;
        }
    }
}