An experimental (meaning: do not use this) mixin-supported alternative to the BEM naming convention.
Demo of Dresscode in use, from the example case included in the repo.
Use Case: turns typical BEM classes like this:
<!-- Typical BEM -->
<div class="header--signed-out__logo--dark-mode">into this:
<!-- Dresscode -->
<div class="header~signed-out:logo~dark-mode">examples:
<div class="parent"><div class="parent:child"><div class="parent~variant:child"><div class="parent:child~variant"><div class="parent~variant:child~variant">