Global unions

Condense most common modifiers of rules that require multiple parameters

.–globalUnionName-firstValue-SecondValue{}

 .--flxAlign-center-stretch{}

As any other union but work in any element If both values are equal the could be merged

 /** Long version */
 .--flxAlign-center-center{}

 /** Short version */
 .--flxAlign-center{}

Example

njk
<div class="flx --flxColumn">
 TODO: union example
</div>
html compiled
<div class="flx --flxColumn">TODO: union example</div>