Improvement - prefix variables with a namespace like "uikit"

[elisechant]

It's difficult to include ui-kit in existing projects because of the collision of Sass variables which are global. To avoid collisions prefix ui-kit variables with some namespace.

ie.

$base-z-index: 0;
$base-border-radius: 3px;
$tiny-border-radius: 1px;

might be

$uikit-base-z-index: 0;
$uikit-base-border-radius: 3px;
$uikit-tiny-border-radius: 1px;

[TrebBrennan]

Sensible idea, I like it. I vote for au as the prefix; to remind us who we're making this for ;)

[petronbot]

Great suggestion @elisechant, the only thing for us to do is decide what the prefix should be

1. $govau-uikit-
2. $govau-
3. $au-

Or something else?

[nathf]

FWIW from my last PR I had added $gov-ui-kit-image-base-url for this very reason.

https://github.com/AusDTO/gov-au-ui-kit/blob/develop/assets/sass/_variables.scss#L12

[klepas]

Added to Jira under DESIGN-443.