Hammer Variable issue

this was outputting the text “site-nav” due to the use of the pipe
character - this means that instead of me defining the variable I was
outputting it, with the default value.
Style guide

initial work has begun on the style guide pages.