Styleguide Navigation

l-Flex

Supported breakpoints:

  • l: default
  • tl: tablet-landscape
  • tp: tablet-portrait
  • ml: mobile-landscape
  • mp: mobile-portrait

Supported sizes: 1of1 1of2 1of3 2of3 1of4 3of4 1of5 2of5 3of5 4of5

Supported gutters: none small default

Supported gaps: none small default

You could set individual gutters by setting --gap / --gutter css property on l-Flex

Default

l-1of4 ml-1of2
l-1of4 ml-1of2
l-1of2 ml-1of1

All

Set gap:

Set gutter:

l-1of1
l-1of2
l-1of2
l-1of3
l-2of3
l-1of4
l-3of4
l-1of5
l-2of5
l-2of5
l-3of5
l-2of5
l-1of5
l-4of5