@function

The @function at-rule defines CSS custom functions. These custom functions are reusable blocks of CSS that can accept arguments, contain complex logic, and return values based on that logic.

@function originally handwritten and published with love on CSS-Tricks. You should really get the newsletter as well.