.#{$atom-prefix}ovf-vsb  { overflow: visible !important; }
.#{$atom-prefix}ovf-at   { overflow: auto !important; }
.#{$atom-prefix}ovf-hd   { overflow: hidden !important; }
.#{$atom-prefix}ovf-sc   { overflow: scroll !important; }
.#{$atom-prefix}ovfx-vsb { overflow-x: visible !important; }
.#{$atom-prefix}ovfx-at  { overflow-x: auto !important; }
.#{$atom-prefix}ovfx-hd  { overflow-x: hidden !important; }
.#{$atom-prefix}ovfx-sc  { overflow-x: scroll !important; }
.#{$atom-prefix}ovfy-vsb { overflow-y: visible !important; }
.#{$atom-prefix}ovfy-at  { overflow-y: auto !important; }
.#{$atom-prefix}ovfy-hd  { overflow-y: hidden !important; }
.#{$atom-prefix}ovfy-sc  { overflow-y: scroll !important; }

@each $breakpointName, $breakpointSize in $breakpoints {
	@media (min-width: $breakpointSize) {
		.#{$atom-prefix}ovf-vsb-#{$breakpointName}  { overflow: visible !important; }
		.#{$atom-prefix}ovf-at-#{$breakpointName}   { overflow: auto !important; }
		.#{$atom-prefix}ovf-hd-#{$breakpointName}   { overflow: hidden !important; }
		.#{$atom-prefix}ovf-sc-#{$breakpointName}   { overflow: scroll !important; }
		.#{$atom-prefix}ovfx-vsb-#{$breakpointName} { overflow-x: visible !important; }
		.#{$atom-prefix}ovfx-at-#{$breakpointName}  { overflow-x: auto !important; }
		.#{$atom-prefix}ovfx-hd-#{$breakpointName}  { overflow-x: hidden !important; }
		.#{$atom-prefix}ovfx-sc-#{$breakpointName}  { overflow-x: scroll !important; }
		.#{$atom-prefix}ovfy-vsb-#{$breakpointName} { overflow-y: visible !important; }
		.#{$atom-prefix}ovfy-at-#{$breakpointName}  { overflow-y: auto !important; }
		.#{$atom-prefix}ovfy-hd-#{$breakpointName}  { overflow-y: hidden !important; }
		.#{$atom-prefix}ovfy-sc-#{$breakpointName}  { overflow-y: scroll !important; }
	};
};