No gap
←The .gap-no is a unique to Teutonic CSS. It gives you a border-collapsed look. Here you see how it in combination with the CSS grid.
The gap-no class also works standalone (vertically stacked), as well as with the Flexbox grid and the CSS columns.
Syntax:
.grid.gap-no
SCSS:
_gap-no.scss
_grid.scss
No gutter .grid.gap-no
<h4 class="flex wrap-no">
<span>No gutter</span>
<span class="span-auto text-thin text-mono">.grid.gap-no</span>
</h4>
<div class="grid gap-no ma-t_s">
<div class="span-2 box text-clip text-mono bg-b"> </div>
<div class="span-2 box text-clip text-mono bg-c"> </div>
<div class="span-2 box text-clip text-mono bg-d"> </div>
<div class="span-2 box text-clip text-mono bg-e"> </div>
<div class="span-2 box text-clip text-mono bg-f"> </div>
<div class="span-2 box text-clip text-mono bg-g"> </div>
<div class="span-3 box text-clip text-mono bg-h"> </div>
<div class="span-3 box text-clip text-mono bg-i"> </div>
<div class="span-3 box text-clip text-mono bg-j"> </div>
<div class="span-3 box text-clip text-mono bg-k"> </div>
</div>