CSS zmienne dla :root

Przykład zdefiniowania w sekcji head (element style):

:root {
    --template-login-colors-white: #fff;
    --template-login-colors-black: #111;
    --template-login-colors-primary: black;
    --template-login-colors-secondary: #3873b9;
    --template-login-colors-accent: #f3943e;
}

Przykład użycia w SASS/CSS:

.login {
    color: var(--template-login-colors-primary);
}