Background Position Modifier

Converts an asset focal point value (eg. 50-30) into a value suitable for the background-position css property.

focus: 50-30

Antlers Blade

background-position: {{ focus | background_position }};

background-position: {{ Statamic::modify($focus)->backgroundPosition() }};

background-position: 50% 30%;