Great job! You've accomplished some fancy styling with mixins. Now it's time to tie in how the
& selector plays into mixins.
& selector usage inside of mixins. The flow works much like you think it would:
& selector gets assigned the value of the parent at the point where the mixin is included.
If there is no parent selector, then the value is null and Sass will throw an error.
In the above, the value of the parent selector will be assigned based on the parent at the point where it is invoked.
The above will compile to the following CSS:
Notice that the mixin inherited the parent selector
.word because that was the parent at the point where the mixin was included.