Paso Doble

Flexbox grid mixin

features:

• 2 gutter variables: @space, @gutter
• column-number variable
• 2 column modes:
• flex grow factor grid widths flex-(1 - column-number)
• classic percentage grid widths col-(1 - column-number)

classes:

• row / applies to items/columns > horizontale Anordnung
• start
• center
• end
• around
• between
• row / applies to items/columns > vertikale Anordnung
• top
• middle
• bottom
• equal
• row / column / applies to rows/columns > gutter
• space > @space in all device sizes
• gutter > @gutter > 0 in mobile mode
• column / grid classes
• flex-(1 - column-number)
• col-(1-column-number)

examples

row middle / column flex-5-3

row space / column flex-3-5-8

row between / column col-5-3

row around / column col-3-5