No gap
←The .gap-no
class is a Teutonic CSS special gutter class for borderish interface elements. It emulates a collapsed-border look, just like you know from tables.
It works for all kind of boxy elements and can be applied in a stand-alone parental container or in combination with .flex
, .grid
or .columns
. It can also be nested.
Syntax:
.gap-no
SCSS:
_gap-no.scss
Without grid
Vertically
stacked in a
single column
Flexbox grid
Horizontally
stacked in
rows with
Flexbox
CSS Grid grid
Horizontally
stacked in
rows with
CSS Grid
Columns
Vertically
stacked in
columns
with CSS columns