v0.3.7

Improved readme.

v0.3.6

New readme and published to NPM.

v0.3.5

Updated output formatting.

v0.3.4

flex-shrink: 0 is now automatically interpolated for width and height-based classes and inline styles (does not include full and screen classes). Build is roughly 24 KLOC.

v0.3.3

Many refactors. Implemented new m-s and p-s patterns. Build is roughly 20 KLOC.

v0.3.2

Added basic support for SSR for the runtime script.

v0.3.1

Improved Flexbox utilities.

v0.3

Flexbox-first layout composition.

v0.2.5

Added binary logic selectors for m-gap utilities (#22).

Technically this can be further improved by using [class*="flex"] instead of [class*="flex-row"] ... [class*="flex-col"] but this seems more clear and consistent for now. That being said, using [class*="flex"] will technically generate less output if that becomes a concern.

v0.2.4

• Implemented a fix for media queries and Flexbox utilities (#21)
• Added flex-shrink utilities (#3)

Previously there was an issue where a) too many classes were being generated and b) the generated classes don’t actually work in the context of a responsive layout. The current fix relies on binary logic such as [class*="flex-row"] so that the flex-row context can be grepped independently of a media query (e.g. xs:).

The reason for all of this is because in order to support more natural x-center y-center classes, we need to know what the flex-row or flex-col context is. Using .flex-row.x-center for example breaks down in a responsive context where flex-row could just as easily be xs:flex-row.

While this is no longer an issue, other classes that rely on nested &s should be reviewed so as to prevent these kinds of shenanigans.