Browser Prefix SASS Mixin

New web browser features are being released regularly and are exciting for developers and users alike. However, they can cause some issues when the new features are not supported on all major browsers straight away.

Browser compatibility is one part of the web development process where developers focus on writing code in a format that will work on as many browsers as possible. However, the vendor prefixes are messy to write and cause a lot of repitition.

Here is a SASS mixin / function that cuts out the repetitive code and delivers a website optimised for all major browsers:

This way, developer can write code with the latest features whilst ensuring old browsers continue to work as before.