@use '../context' as *;

@include layer(utilities, $use-css-layers, $layer-prefix) {
// blur
@include spread-map-into-utilities(
	$map: $blur,
	$class: blur,
	$attribute: filter,
	$zero-specificity: $zero-specificity-for-utilities
);

// brightness
@include spread-map-into-utilities(
	$map: $brightness,
	$class: brightness,
	$attribute: filter,
	$zero-specificity: $zero-specificity-for-utilities
);

// contrast
@include spread-map-into-utilities(
	$map: $contrast,
	$class: contrast,
	$attribute: filter,
	$zero-specificity: $zero-specificity-for-utilities
);

// saturation
@include spread-map-into-utilities(
	$map: $saturation,
	$class: saturate,
	$attribute: filter,
	$zero-specificity: $zero-specificity-for-utilities
);

// backdrop blur
@include spread-map-into-utilities(
	$map: $blur,
	$class: backdrop-blur,
	$attribute: backdrop-filter,
	$zero-specificity: $zero-specificity-for-utilities
);

}