starts adding per pattern variables within the .scss file

To allow for easier overriding when theming, and to make variables in use easier to understand we are including 'per pattern variables'.

Essentially these variables are scoped to the pattern, taking in global variables and the Sass !default.

#changelog #patterns #code