// Scheme "{{variation}}-{{scheme}}-{{themeName}}".
//
// Scheme <i>"{{variation}}"</i> and scheme <i>"{{scheme}}"</i> <i>"{{themeName}}"</i>
//
// .{{variation}}-{{scheme}}-{{themeName}} - {{Variation}} {{scheme}} {{themeName}} background color.
//
// Markup:
// <span class="{$modifiers}">{{#each schemeColors}}
// <span class='color-sample bg-{{../variation}}-{{../scheme}}-{{../themeName}}-{{category}}'></span>
// <span class='color-sample bg-{{../variation}}-{{../scheme}}-{{../themeName}}-{{category}}-dark'></span>
// <span class='color-sample bg-{{../variation}}-{{../scheme}}-{{../themeName}}-{{category}}-light'></span>
// <span class='color-sample bg-{{../variation}}-{{../scheme}}-{{../themeName}}-{{category}}-soft'></span>{{/each}}
// </span>
//
// Styleguide 1.{{index}}

//------------------- Full name ---------------------
{{#each schemeColors}}
// {{Category}} colors.
@{{../variation}}-{{../scheme}}-{{../themeName}}-{{category}}-color: {{color}};
@{{../variation}}-{{../scheme}}-{{../themeName}}-{{category}}-color-dark: {{colorDark}};
@{{../variation}}-{{../scheme}}-{{../themeName}}-{{category}}-color-light: {{colorLight}};
@{{../variation}}-{{../scheme}}-{{../themeName}}-{{category}}-color-soft: {{colorSoft}};
{{/each}}

//------------------- Short name --------------------
{{#each schemeColors}}
// {{Category}} colors.
@{{category}}-color: @{{../variation}}-{{../scheme}}-{{../themeName}}-{{category}}-color;
@{{category}}-color-dark: @{{../variation}}-{{../scheme}}-{{../themeName}}-{{category}}-color-dark;
@{{category}}-color-light: @{{../variation}}-{{../scheme}}-{{../themeName}}-{{category}}-color-light;
@{{category}}-color-soft: @{{../variation}}-{{../scheme}}-{{../themeName}}-{{category}}-color-soft;
{{/each}}