Supple CSS: objects.mesh tests

.o-mesh

renders cells at 1 column by default

1
2

Accepts --columns custom property (ie. --columns: 2;)

1
2

.o-mesh--flow

Fluid width columns that break into more or less columns as space is available, with no media queries

1
2
3
4
5
6

Accepts --min-inline-size custom property.

1
2
3
4
5
6

Plays nicely with .u-colspan-X

1
2
3
4
5
6

.o-mesh--dense

Fills in holes earlier in the grid if smaller items come up later

1
2
3
4
5
6
7
8
9
10

.o-mesh--gap-X

supports gap

1
2
3
4
5
6
7
8

supports --block-gap & --inline-gap custom properties

1
2
3
4
5
6
7
8

doesn't apply gaps directly to nested meshes

1
1
2
3
4
5
6
7
8
2
1
2
3
4
5
6
7
8

correctly aligns gaps within nested meshes

1
1
2
3
4
5
6
7
8
2
1
2
3
4
5
6
7
8