Finally getting around to using BEM and SASS in the project. I'm using BEMIT here, because it looked quite nice and actually was quite helpful!
Also fixed a notable bug with the iframe which had been bugging me for a while. Before this PR the link would be fluid however once clicked a size would be set against the dynamically loaded iFrame meaning if the container changed in width the iFrame wouldn't follow it. Now the iFrame uses the same class as the link so it scales with its container.
Also as part of this PR the htmlproofer config has been adjusted to only report on 4xx errors instead so builds don't fail unnecessarily (eg because a server is currently experiencing 5xx errors). I did try parallelising the build however I didn't notice any performance benefits at this stage.
Rewrite css in bem fashion
Fixes scss-lint errors
Remove unnecessary margin
Prefer older on the right side
Refactor views with default layout set to article
Tweaks to footer
Remove comments and unnecessary parent selector in syntax
Nest media breakpoints in their components
Rename $spacing to $paragraph-spacing
Small sass lint fixes
Prevent anchors in articles from text wrapping
Reduces outline width in the debugger
Adds BEM blog post
Only check for 4xx errors
Other errors we are not concerned about