Flex Luthor, a Little CSS Flexbox Layout Helper
Just going through the backlog of some old projects and found this Filament Group gem that went unpublished!
Flex Luthor is a small CSS wrapper library to help with responsive intrinsic-sized Flexbox layouts that wrap based on content and container width (avoiding viewport-based media queries).
View the Demo or Source Code
This library predated Flexbox support for the gap
property but I updated it to use gap
in the new v3.0.0
version. I think the coolest feature it provides is the addition of borders only when cells wrap to a new line (horizontal, vertical, or both).
Install
Available on npm
npm install @zachleat/flex-luthor --save
3 Comments
Zach Leatherman :11ty:
no—*you* are just getting around to blogging things from 3 years ago, not me
Dave 🧱
@zachleat can the CSS Grid companion lib to this be called The Griddler ❔🎩
Zach Leatherman :11ty:
@DavidDarnes I… am in awe but also scared of your power