Global modifiers

These modify the behavior of any element

.–globalModifierName-value{}

 .--maxWidth-none{}

Just like the component modifiers but these work in any element Some modifier could be conditionated to the presence of another one

 .--theme-light.--shadow{}

Example

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