<div class="e-flex">
<button class="e-btn e-flex__item">
Lorem
</button>
<input value="input (auto width)" class="e-input e-flex__item e-flex__item-auto">
<input value="input large" class="e-input e-input-large e-flex__item">
<button class="e-btn e-flex__item">
Lorem
</button>
<button class="e-btn e-btn-onlyicon e-flex__item">
<e-icon icon="cog"></e-icon>
</button>
</div>
<div class="e-flex">
<button class="e-btn e-flex__item">Lorem</button>
<input value="input (auto width)" class="e-input e-flex__item e-flex__item-auto">
<input value="input large" class="e-input e-input-large e-flex__item">
<button class="e-btn e-flex__item">Lorem</button>
<button class="e-btn e-btn-onlyicon e-flex__item">
<e-icon icon="cog"></e-icon>
</button>
</div><div class="e-flex e-flex-between">
<button class="e-btn e-flex__item">
Lorem
</button>
<input value="input large" class="e-input e-input-large e-flex__item">
<button class="e-btn e-flex__item">
Lorem
</button>
<button class="e-btn e-btn-onlyicon e-flex__item">
<e-icon icon="cog"></e-icon>
</button>
</div>
<div class="e-flex e-flex-between">
<button class="e-btn e-flex__item">Lorem</button>
<input value="input large" class="e-input e-input-large e-flex__item">
<button class="e-btn e-flex__item">Lorem</button>
<button class="e-btn e-btn-onlyicon e-flex__item">
<e-icon icon="cog"></e-icon>
</button>
</div><div class="e-flex e-flex-around">
<button class="e-btn e-flex__item">
Lorem
</button>
<input value="input large" class="e-input e-input-large e-flex__item">
<button class="e-btn e-flex__item">
Lorem
</button>
<button class="e-btn e-btn-onlyicon e-flex__item">
<e-icon icon="cog"></e-icon>
</button>
</div>
<div class="e-flex e-flex-around">
<button class="e-btn e-flex__item">Lorem</button>
<input value="input large" class="e-input e-input-large e-flex__item">
<button class="e-btn e-flex__item">Lorem</button>
<button class="e-btn e-btn-onlyicon e-flex__item">
<e-icon icon="cog"></e-icon>
</button>
</div><div class="e-flex e-flex-center">
<button class="e-btn e-flex__item">
Lorem
</button>
<input value="input large" class="e-input e-input-large e-flex__item">
<button class="e-btn e-flex__item">
Lorem
</button>
<button class="e-btn e-btn-onlyicon e-flex__item">
<e-icon icon="cog"></e-icon>
</button>
</div>
<div class="e-flex e-flex-center">
<button class="e-btn e-flex__item">Lorem</button>
<input value="input large" class="e-input e-input-large e-flex__item">
<button class="e-btn e-flex__item">Lorem</button>
<button class="e-btn e-btn-onlyicon e-flex__item">
<e-icon icon="cog"></e-icon>
</button>
</div><div class="e-flex e-flex-condensed">
<button class="e-btn e-flex__item">
Lorem
</button>
<input value="input (auto width)" class="e-input e-flex__item e-flex__item-auto">
<input value="input large" class="e-input e-input-large e-flex__item">
<button class="e-btn e-flex__item">
Lorem
</button>
<button class="e-btn e-btn-onlyicon e-flex__item">
<e-icon icon="cog"></e-icon>
</button>
</div>
<div class="e-flex e-flex-condensed">
<button class="e-btn e-flex__item">Lorem</button>
<input value="input (auto width)" class="e-input e-flex__item e-flex__item-auto">
<input value="input large" class="e-input e-input-large e-flex__item">
<button class="e-btn e-flex__item">Lorem</button>
<button class="e-btn e-btn-onlyicon e-flex__item">
<e-icon icon="cog"></e-icon>
</button>
</div><div class="e-flex e-flex-sticky">
<button class="e-btn e-flex__item">
Lorem
</button>
<input value="input (auto width)" class="e-input e-flex__item e-flex__item-auto">
<input value="input large" class="e-input e-input-large e-flex__item">
<button class="e-btn e-flex__item">
Lorem
</button>
<button class="e-btn e-btn-onlyicon e-flex__item">
<e-icon icon="cog"></e-icon>
</button>
</div>
<div class="e-flex e-flex-sticky">
<button class="e-btn e-flex__item">Lorem</button>
<input value="input (auto width)" class="e-input e-flex__item e-flex__item-auto">
<input value="input large" class="e-input e-input-large e-flex__item">
<button class="e-btn e-flex__item">Lorem</button>
<button class="e-btn e-btn-onlyicon e-flex__item">
<e-icon icon="cog"></e-icon>
</button>
</div><div class="e-flex">
<button class="e-btn e-flex__item">
Lorem
</button>
<input value="input (auto width)" class="e-input e-flex__item e-flex__item-auto">
<input value="input large" class="e-input e-input-large e-flex__item">
<div class="e-flex e-flex-condensed e-flex__item">
<button class="e-btn e-btn-primary e-flex__item">
Lorem
</button>
<button class="e-btn e-btn-primary e-btn-onlyicon e-flex__item">
<e-icon icon="cog"></e-icon>
</button>
</div>
</div>
<div class="e-flex">
<button class="e-btn e-flex__item">Lorem</button>
<input value="input (auto width)" class="e-input e-flex__item e-flex__item-auto">
<input value="input large" class="e-input e-input-large e-flex__item">
<div class="e-flex e-flex-condensed e-flex__item">
<button class="e-btn e-btn-primary e-flex__item">Lorem</button>
<button class="e-btn e-btn-primary e-btn-onlyicon e-flex__item">
<e-icon icon="cog"></e-icon>
</button>
</div>
</div><div class="e-flex e-flex-condensed">
<button class="e-btn e-flex__item">
Lorem
</button>
<input value="input (auto width)" class="e-input e-flex__item e-flex__item-auto">
<input value="input large" class="e-input e-input-large e-flex__item">
<div class="e-flex e-flex-sticky e-flex__item">
<button class="e-btn e-btn-primary e-flex__item">
Lorem
</button>
<button class="e-btn e-btn-primary e-btn-onlyicon e-flex__item">
<e-icon icon="cog"></e-icon>
</button>
</div>
</div>
<div class="e-flex e-flex-condensed">
<button class="e-btn e-flex__item">Lorem</button>
<input value="input (auto width)" class="e-input e-flex__item e-flex__item-auto">
<input value="input large" class="e-input e-input-large e-flex__item">
<div class="e-flex e-flex-sticky e-flex__item">
<button class="e-btn e-btn-primary e-flex__item">Lorem</button>
<button class="e-btn e-btn-primary e-btn-onlyicon e-flex__item">
<e-icon icon="cog"></e-icon>
</button>
</div>
</div><div class="e-flex e-flex-condensed">
<div class="e-flex e-flex-sticky e-flex__item e-flex__item-auto">
<button class="e-btn e-flex__item">
Lorem
</button>
<input value="input (auto width)" class="e-input e-flex__item e-flex__item-auto">
<button class="e-btn e-btn-onlyicon e-flex__item">
<e-icon icon="cog"></e-icon>
</button>
</div>
<div class="e-flex e-flex-sticky e-flex__item">
<button class="e-btn e-flex__item">
Lorem
</button>
<button class="e-btn e-btn-onlyicon e-flex__item">
<e-icon icon="cog"></e-icon>
</button>
</div>
</div>
<div class="e-flex e-flex-condensed">
<div class="e-flex e-flex-sticky e-flex__item e-flex__item-auto">
<button class="e-btn e-flex__item">Lorem</button>
<input value="input (auto width)" class="e-input e-flex__item e-flex__item-auto">
<button class="e-btn e-btn-onlyicon e-flex__item">
<e-icon icon="cog"></e-icon>
</button>
</div>
<div class="e-flex e-flex-sticky e-flex__item">
<button class="e-btn e-flex__item">Lorem</button>
<button class="e-btn e-btn-onlyicon e-flex__item">
<e-icon icon="cog"></e-icon>
</button>
</div>
</div>