Changed

• Moves to fully using Sass modules

Changed

• Now requires the use of Sass Modules (@use and @forward)

Updated

• Update to latest sass and sass-true packages.

Changed

• Change method of interpolating value in fluid mixin to avoid compatibility issues in older Sass.

This is a big release with some breaking changes that allow even more powerful typography and a renaming of the fluid sizing toolkit to better reflect the flexibility of the system.

Changed

• Individual type style sets can now customize properties other than font-size at a given breakpoint. For instance, you can change line-height (even fluidly!) at different breakpoints.
• The font-smoothing property has been removed from $type-styles
• The $fluid-sizes configuration variable has been renamed to $sizes
• The fluid-size and get-fluid-size mixins have been renamed to size and get-size to reflect the fact that the values set there do not necessarily need to be fluid.

Changed

• CSS custom property values are no longer output based on a variable. You'll now need to manually use a mixin to output custom properties and helper classes similar to the following:

// Toolkit
@import '@malven/sass-toolkit/color';
@import '@malven/sass-toolkit/fluid-size';
@import '@malven/sass-toolkit/type-styles';

// Toolkit Properties + Helpers
@include output-fluid-size-custom-properties;
@include output-color-helpers;
@include output-type-helpers;
@include output-fluid-size-helpers;

Helpers are completely optional, but output-fluid-size-custom-properties is required for @include fluid-size() to work properly.