Radical Design Course by Jack McDade

From the creator of Statamic

Learn how to make your websites standout and be remembered.

Just exceptional. Thank you so much, Jack, you smashed it.

— Hugo, Developer

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
background-position: {{ focus | background_position }};
background-position: 50% 30%;
Docs feedback

Submit improvements, related content, or suggestions through Github.

Betterify this page →