Vertical & horizontal spacing variables

Can be useful for globally defining margins and padding.

For example

```scss
$paragraph-margin-bottom: $vertical-spacing-base;
$panel-margin-bottom: $vertical-spacing-double;
$alert-padding-top: $vertical-spacing-half;
```