Releases: Threespot/frontline-sass
5.1.5 Refactor if() to prevent deprecation warnings
Refactor Sass if() to prevent deprecation warnings since CSS will support native if() syntax.
https://sass-lang.com/documentation/breaking-changes/if-function/
5.1.4 Update selector utils syntax
Replace deprecated selector-append/selector-nest functions with selector.append/selector.nest to prevent warnings.
5.1.3 Bugfix for undo-visually-hidden()
The undo-visually-hidden() mixin was missing the clip-path property.
5.1.2 Fix deprecation warnings
Replace type-of() with meta.type-of() and append() with list.append() to fix deprecation warnings
5.1.1 Fix deprecation warnings
- Replace
length()andnth()withlist.length()andlist.nth()to fix deprecation warnings - Upgrade
gulp-sassfrom 5 to 6 - Remove old
@importsyntax
5.1.0 Burger icon mixins support CSS vars
Breaking Change
The burger() and burger-to-cross() mixins now use CSS variables instead of Sass vars:
.icon {
// Required vars
--burger-icon-gutter: 6px;
--burger-icon-stroke-width: 2px;
--burger-icon-width: 30px;
// Optional vars, defaults shown
// --burger-icon-color: currentColor;
// --burger-icon-radius: 0;
// --burger-icon-speed: 200ms;
// --burger-icon-cross-angle: 45deg;
// --burger-icon-cross-color: currentColor;
@include burger;
&.is-active {
@include burger-to-cross;
}
}Docs have been updated https://threespot.github.io/frontline-sass/documentation/#main-mixin-burger
5.0.0 Sass modules
Rewrite to use Sass modules (see https://css-tricks.com/introducing-sass-modules/)
4.1.2 Dependency updates and bugfixes
- Fix error in
fs-scale-text()deprecation warning - Update
fs-scale()andfs-scale-clamp()tests to prevent false negatives - Upgrade NodeJS from 14.15.4 to 20.15.0
- Update sass, postcss-scss, and stylelint
3.11.2 Fix error in deprecation warning
Fixes error in fs-scale-text() deprecation warning
4.1.1 Fix logging errors in helper functions
fs-to-length() and fs-to-number() were copied from this post originally . A year later the author posted an updated version, which I also copied, but I didn’t notice it switched to using Compass for logging instead of the native Sass @warn.
- @warn "Unknown unit `#{$unit}`.";
+ $_: log('Invalid unit `#{$unit}`.');I think this never caused any issues previously since both functions are rarely used—and when they are it’s unlikely a dev would use them incorrectly. However, the latest version of Sass started complaining about the syntax which led me to realize it used non-Sass code.