When you should use Mixins, Extend, Functions in SCSS

SCSS provides three powerful ways of code reuse, Mixins, Extend and Functions.

Use Mixins if similar sets of properties used multiple times with small variations.

Use Extend if sets of properties that match exactly.

Use Functions for commonly-used operations to determine values