If you find yourself with a complex css layout that isn’t quite working the way it should be, and you can’t quite work out what’s happening. The dev tools might be helping but you keep having to refer to it for every little changes. Here’s a handy sass mixin that you can simply drop in any element and get a quick debug view of your page with outlines: @mixin debug-layout { outline:1px solid black; >…