.#{$atom-prefix}f-1 { flex: 1 !important; }
.#{$atom-prefix}f-n { flex: none !important; }
.#{$atom-prefix}f-at { flex: auto !important; }

@each $breakpointName, $breakpointSize in $breakpoints {
	@media (min-width: $breakpointSize) {
		.#{$atom-prefix}f-1\:#{$breakpointName} { flex: 1 !important; }
		.#{$atom-prefix}f-n\:#{$breakpointName} { flex: none !important; }
		.#{$atom-prefix}f-at\:#{$breakpointName} { flex: auto !important; }
	};
};