Skip to content

A small CSS-only wrapper library to help with responsive intrinsic-sized Flexbox layouts that wrap based on content and container width and avoiding viewport-based media queries.

Notifications You must be signed in to change notification settings

zachleat/flex-luthor

 
 

Repository files navigation

Flex Luthor

A small wrapper library to help with responsive intrinsic-sized Flexbox layouts that wrap based on content and container width (avoiding viewport-based media queries when possible).

Demo

https://flex-luthor.zachleat.dev/

Installation

Available on npm.

npm install @zachleat/flex-luthor --save

Versions

  • v4.0.0: Margin feature renamed more accurately to Gap: --fl-margin is now --fl-gap. Gap now defaults to .5em 1em (.5em vertical, 1em horizontal). You can reset this to 0 if needed.
  • v3.0.0: Forked from filamentgroup/flex-luthor and updated to support Flexbox with gap.

About

A small CSS-only wrapper library to help with responsive intrinsic-sized Flexbox layouts that wrap based on content and container width and avoiding viewport-based media queries.

Resources

Stars

Watchers

Forks

Languages

  • Nunjucks 53.5%
  • CSS 41.0%
  • JavaScript 5.5%