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

All

Set gap:

Set gutter: