Back to colors
Right, back to colors. Let's bring together a few of the techniques we have learnt in this and previous chapters to convert the top links (currently sitting on the right-hand side of the header area) into buttons.
We will create a mixin that will let us easily create button variations, providing various foreground and background colors. As ever, when writing a custom mixin, the pay off is greater the more often the job needs repeating. In our little site, it's arguably not worth the bother, but the technique is worth understanding for that occasion when multiple yet varied versions of a similar style are required.
The _mixins.scss partial is where the following code will be added.
Don't be alarmed, the following code might look like ...
Become an O’Reilly member and get unlimited access to this title plus top books and audiobooks from O’Reilly and nearly 200 top publishers, thousands of courses curated by job role, 150+ live events each month,
and much more.
Read now
Unlock full access