OOOOPS. Your browser seems to be too old for this. Please update your browser.
Teutonic CSS
Use it

Auto span

As seen above, flex childs fill up the available space by their number and contents. The span class .span-auto makes a flex child container only as big as it’s contents.

no span class
no span class
span-auto
<div class="flex gap_s">
  <div><div class="box bg-1 text-mono text-clip">no span class</div></div>
  <div><div class="box bg-1 text-mono text-clip">no span class</div></div>
  <div class="span-auto"><div class="box bg-warn-3 text-mono text-bold text-clip">span-auto</div></div>
</div>