.extract-css-variables(@theme-vars) { // exclude nested rule sets, eg: @button-default @rules: { @theme-vars(); }; each(@rules, { @css-var-key: extract(@value, 1); @css-var-value: extract(@value, 2); @{css-var-key}: @css-var-value; }) each(@theme-vars[@button-default], { @css-var-key: extract(@value, 1); @css-var-value: extract(@value, 2); @{css-var-key}: @css-var-value; }) each(@theme-vars[@button-primary], { @css-var-key: extract(@value, 1); @css-var-value: extract(@value, 2); @{css-var-key}: @css-var-value; }) each(@theme-vars[@button-info], { @css-var-key: extract(@value, 1); @css-var-value: extract(@value, 2); @{css-var-key}: @css-var-value; }) each(@theme-vars[@button-success], { @css-var-key: extract(@value, 1); @css-var-value: extract(@value, 2); @{css-var-key}: @css-var-value; }) each(@theme-vars[@button-warning], { @css-var-key: extract(@value, 1); @css-var-value: extract(@value, 2); @{css-var-key}: @css-var-value; }) each(@theme-vars[@button-danger], { @css-var-key: extract(@value, 1); @css-var-value: extract(@value, 2); @{css-var-key}: @css-var-value; }) each(@theme-vars[@button-tray], { @css-var-key: extract(@value, 1); @css-var-value: extract(@value, 2); @{css-var-key}: @css-var-value; }) }