Commit faf94b [0] introduces Fluid Layout, a functional CSS library to create responsive layouts easily using an intuitive API. It ressembles Figma’s Auto Layout and Sketch’s Smart Layout features, except it is entirely CSS driven, thus speeding the prototyping phase using directly Web tools, instead of doing Figma+Web.
Being a functional CSS library (in the sense that it provides its API as a set of utility classes that can be applied to any element), using Fluid Layout in a HTML-driven development style makes a lot of sense. Also, FL is suited for production use.
Internally, FL is implemented upon the CSS Flexible Box Layout standard, making FL working on any modern browsers, as well as Internet Explorer 11 (with some issues, as Microsoft’s old browser is known for its poor implementation of the standardised Web platform; bugs are referenced within the file).
Examples are available in the source file, feel free to check it out:
https://git.puffer.fish/?p=nico/web.git;a=blob;f=fl.css;h=0a661d00f4e697a7b1...
Notice:
Fluid Layout is part of nWT, and therefore is governed under the nWT License terms
Copyright (c) Nicolas Paul n@nc0.fr 2024
You can do whatever you want with this software as long as you retain this notice without alteration.
[0]: https://git.puffer.fish/?p=nico/web.git;a=commit;h=faf94b3ecdd3d260ed6da6c73... -- ~nc0