Changelog
Back to changelogImproved ACSS Variable Mapping Accuracy
This update refines the Automatic CSS (ACSS) variable mapping used by Pixflow to ensure Pixflow design tokens resolve to the closest available ACSS variables. The improvements focus on spacing, heading typography, and radius scaling.
Spacing tokens have been adjusted to better match the relative scale used by ACSS, ensuring layouts built with Pixflow maintain more consistent spacing when used alongside ACSS frameworks.
Heading mappings have also been refined so Pixflow heading tokens resolve to ACSS heading sizes that more closely match their visual scale. This results in more predictable typography when using Pixflow layouts within ACSS-based sites.
In addition, radius handling has been improved. Pixflow radius scale tokens now map directly to the ACSS radius scale rather than collapsing to a single global radius value. At the same time, semantic radius tokens for buttons and surfaces continue to respect ACSS’s global radius system, ensuring users retain full control over site-wide rounding through ACSS settings.
These changes improve visual consistency and make Pixflow layouts integrate more naturally with ACSS-driven design systems.
ACSS Spacing Mapping Improvements
Refined the mapping of Pixflow spacing tokens to their closest ACSS equivalents to better preserve spacing hierarchy when using Pixflow layouts with ACSS frameworks.
ACSS Heading Scale Alignment
Updated Pixflow heading token mappings so they resolve to ACSS heading sizes that more closely match the intended visual scale.
Radius Scale Mapping for ACSS
Pixflow radius scale tokens now map directly to the ACSS radius scale, preventing them from collapsing into a single global radius value while still respecting ACSS’s global radius control for buttons and surfaces.
