Front end
SCSS extend against mixin
The same component built both ways, with the compiled CSS side by side. One groups your selectors, the other repeats the declarations, and the difference matters more than the byte count suggests.
Using extend
compiles to
Using a mixin
compiles to
What the difference costs you
[…] SCSS extend against mixin […]
[…] SCSS extend against mixin […]
[…] SCSS extend against mixin […]
[…] SCSS extend against mixin […]