1.83.4
1.83.3
1.83.2
1.83.1
Fix a bug where --quiet-deps
would get deactivated for @content
blocks,
even when those blocks were entirely contained within dependencies.
Include deprecation IDs in deprecation warnings to make it easier to determine
what to pass to --silence-deprecation
or --fatal-deprecation
.
1.83.0
- Allow trailing commas in all argument and parameter lists.
1.82.0
Command-Line Interface
Improve --watch
mode reliability when making multiple changes at once, such
as checking out a different Git branch.
Parse the calc-size()
function as a calculation now that it's supported in
some browsers.
Dart API
- Add a
SassCalculation.calcSize()
function.
1.81.1
1.81.0
Fix a few cases where deprecation warnings weren't being emitted for global
built-in functions whose names overlap with CSS calculations.
Add support for the CSS round()
calculation with a single argument, as long
as that argument might be a unitless number.
1.80.7
Embedded Host
- Don't treat
0
as undefined
for the green
and blue
channels in the
LegacyColor
constructor.
1.80.6
Command-Line Interface
- Make
@parcel/watcher
an optional dependency so this can still be installed
on operating systems where it's unavailable.
1.80.5
Embedded Host
- Don't produce phantom
@import
deprecations when using an importer with the
legacy API.
1.80.4
1.80.3
Fix a bug where @import url("...")
would crash in plain CSS files.
Improve consistency of how warnings are emitted by different parts of the
compiler. This should result in minimal user-visible changes, but different
types of warnings should now respond more reliably to flags like --quiet
,
--verbose
, and --silence-deprecation
.
1.80.2
- Fix a bug where deprecation warnings were incorrectly emitted for the
plain-CSS
invert()
function.
1.80.1
- Fix a bug where repeated deprecation warnings were not automatically limited.
1.80.0
@import
is now officially deprecated, as are global built-in functions that
are available within built-in modules. See the Sass blog post for more
details on the deprecation process.
Embedded Host
- Fix an error that would sometimes occur when deprecation warnings were
emitted when using a custom importer with the legacy API.
1.79.6
Fix a bug where Sass would add an extra */
after loud comments with
whitespace after an explicit */
in the indented syntax.
Potentially breaking bug fix: Adding text after an explicit */
in the
indented syntax is now an error, rather than silently generating invalid CSS.
Embedded Host
- Properly export the
SassBoolean
type.
1.79.5
Changes to how selector.unify()
and @extend
combine selectors:
The relative order of pseudo-classes (like :hover
) and pseudo-elements
(like ::before
) within each original selector is now preserved when
they're combined.
Pseudo selectors are now consistently placed at the end of the combined
selector, regardless of which selector they came from. Previously, this
reordering only applied to pseudo-selectors in the second selector.
Tweak the color transformation matrices for OKLab and OKLCH to match the
newer, more accurate values in the CSS spec.
Fix a slight inaccuracy case when converting to srgb-linear
and
display-p3
.
Potentially breaking bug fix: math.unit()
now wraps multiple denominator
units in parentheses. For example, px/(em*em)
instead of px/em*em
.
Command-Line Interface
- Use
@parcel/watcher
to watch the filesystem when running from JavaScript and
not using --poll
. This should mitigate more frequent failures users have
been seeing since version 4.0.0 of Chokidar, our previous watching tool, was
released.
JS API
- Fix
SassColor.interpolate()
to allow an undefined options
parameter, as
the types indicate.
Embedded Sass
- Properly pass missing color channel values to and from custom functions.
1.79.4
JS API
- Fix a bug where passing
green
or blue
to color.change()
for legacy
colors would fail.
1.79.3
- Update the
$channel
parameter in the suggested replacement for
color.red()
, color.green()
, color.blue()
, color.hue()
,
color.saturation()
, color.lightness()
, color.whiteness()
, and
color.blackness()
to use a quoted string.
1.79.2
Add a $space
parameter to the suggested replacement for color.red()
,
color.green()
, color.blue()
, color.hue()
, color.saturation()
,
color.lightness()
, color.whiteness()
, and color.blackness()
.
Update deprecation warnings for the legacy JS API to include a link to
relevant documentation.
1.79.1
1.79.0
Breaking change: Passing a number with unit %
to the $alpha
parameter
of color.change()
, color.adjust()
, change-color()
, and adjust-color()
is now interpreted as a percentage, instead of ignoring the unit. For example,
color.change(red, $alpha: 50%)
now returns rgb(255 0 0 / 0.5)
.
Potentially breaking compatibility fix: Sass no longer rounds RGB channels
to the nearest integer. This means that, for example, rgb(0 0 1) != rgb(0 0
0.6)
. This matches the latest version of the CSS spec and browser behavior.
Potentially breaking compatibility fix: Passing large positive or negative
values to color.adjust()
can now cause a color's channels to go outside that
color's gamut. In most cases this will currently be clipped by the browser and
end up showing the same color as before, but once browsers implement gamut
mapping it may produce a different result.
Add support for CSS Color Level 4 color spaces. Each color value now tracks
its color space along with the values of each channel in that color space.
There are two general principles to keep in mind when dealing with new color
spaces:
With the exception of legacy color spaces (rgb
, hsl
, and hwb
), colors
will always be emitted in the color space they were defined in unless
they're explicitly converted.
The color.to-space()
function is the only way to convert a color to
another color space. Some built-in functions may do operations in a
different color space, but they'll always convert back to the original space
afterwards.
rgb
colors can now have non-integer channels and channels outside the normal
gamut of 0-255. These colors are always emitted using the rgb()
syntax so
that modern browsers that are being displayed on wide-gamut devices can
display the most accurate color possible.
Add support for all the new color syntax defined in Color Level 4, including:
oklab()
, oklch()
, lab()
, and lch()
functions;
- a top-level
hwb()
function that matches the space-separated CSS syntax;
- and a
color()
function that supports the srgb
, srgb-linear
,
display-p3
, a98-rgb
, prophoto-rgb
, rec2020
, xyz
, xyz-d50
, and
xyz-d65
color spaces.
Add new functions for working with color spaces:
color.to-space($color, $space)
converts $color
to the given $space
. In
most cases this conversion is lossless—the color may end up out-of-gamut for
the destination color space, but browsers will generally display it as best
they can regardless. However, the hsl
and hwb
spaces can't represent
out-of-gamut colors and so will be clamped.
color.channel($color, $channel, $space: null)
returns the value of the
given $channel
in $color
, after converting it to $space
if necessary.
It should be used instead of the old channel-specific functions such as
color.red()
and color.hue()
.
color.same($color1, $color2)
returns whether two colors represent the same
color even across color spaces. It differs from $color1 == $color2
because
==
never consider colors in different (non-legacy) spaces as equal.
color.is-in-gamut($color, $space: null)
returns whether $color
is
in-gamut for its color space (or $space
if it's passed).
color.to-gamut($color, $space: null)
returns $color
constrained to its
space's gamut (or to $space
's gamut, if passed). This is generally not
recommended since even older browsers will display out-of-gamut colors as
best they can, but it may be necessary in some cases.
color.space($color)
: Returns the name of $color
's color space.
color.is-legacy($color)
: Returns whether $color
is in a legacy color
space (rgb
, hsl
, or hwb
).
color.is-powerless($color, $channel, $space: null)
: Returns whether the
given $channel
of $color
is powerless in $space
(or its own color
space). A channel is "powerless" if its value doesn't affect the way the
color is displayed, such as hue for a color with 0 chroma.
color.is-missing($color, $channel)
: Returns whether $channel
's value is
missing in $color
. Missing channels can be explicitly specified using the
special value none
and can appear automatically when color.to-space()
returns a color with a powerless channel. Missing channels are usually
treated as 0, except when interpolating between two colors and in
color.mix()
where they're treated as the same value as the other color.
Update existing functions to support color spaces:
hsl()
and color.hwb()
no longer forbid out-of-bounds values. Instead,
they follow the CSS spec by clamping them to within the allowed range.
color.change()
, color.adjust()
, and color.scale()
now support all
channels of all color spaces. However, if you want to modify a channel
that's not in $color
's own color space, you have to explicitly specify the
space with the $space
parameter. (For backwards-compatibility, this
doesn't apply to legacy channels of legacy colors—for example, you can still
adjust an rgb
color's saturation without passing $space: hsl
).
color.mix()
and color.invert()
now support the standard CSS algorithm
for interpolating between two colors (the same one that's used for gradients
and animations). To use this, pass the color space to use for interpolation
to the $method
parameter. For polar color spaces like hsl
and oklch
,
this parameter also allows you to specify how hue interpolation is handled.
color.complement()
now supports a $space
parameter that indicates which
color space should be used to take the complement.
color.grayscale()
now operates in the oklch
space for non-legacy colors.
color.ie-hex-str()
now automatically converts its color to the rgb
space
and gamut-maps it so that it can continue to take colors from any color
space.
The following functions are now deprecated, and uses should be replaced with
the new color-space-aware functions defined above:
The color.red()
, color.green()
, color.blue()
, color.hue()
,
color.saturation()
, color.lightness()
, color.whiteness()
, and
color.blackness()
functions, as well as their global counterparts, should
be replaced with calls to color.channel()
.
The global adjust-hue()
, saturate()
, desaturate()
, lighten()
,
darken()
, transaprentize()
, fade-out()
, opacify()
, and fade-in()
functions should be replaced by color.adjust()
or color.scale()
.
Add a global-builtin
future deprecation, which can be opted-into with the
--future-deprecation
flag or the futureDeprecations
option in the JS or
Dart API. This emits warnings when any global built-in functions that are
now available in sass:
modules are called. It will become active by default
in an upcoming release alongside the @import
deprecation.
Dart API
Added a ColorSpace
class which represents the various color spaces defined
in the CSS spec.
Added SassColor.space
which returns a color's color space.
Added SassColor.channels
and .channelsOrNull
which returns a list
of channel values, with missing channels converted to 0 or exposed as null,
respectively.
Added SassColor.isLegacy
, .isInGamut
, .channel()
, .isChannelMissing()
,
.isChannelPowerless()
, .toSpace()
, .toGamut()
, .changeChannels()
, and
.interpolate()
which do the same thing as the Sass functions of the
corresponding names.
SassColor.rgb()
now allows out-of-bounds and non-integer arguments.
SassColor.hsl()
and .hwb()
now allow out-of-bounds arguments.
Added SassColor.hwb()
, .srgb()
, .srgbLinear()
, .displayP3()
,
.a98Rgb()
, .prophotoRgb()
, .rec2020()
, .xyzD50()
, .xyzD65()
,
.lab()
, .lch()
, .oklab()
, .oklch()
, and .forSpace()
constructors.
Deprecated SassColor.red
, .green
, .blue
, .hue
, .saturation
,
.lightness
, .whiteness
, and .blackness
in favor of
SassColor.channel()
.
Deprecated SassColor.changeRgb()
, .changeHsl()
, and .changeHwb()
in
favor of SassColor.changeChannels()
.
Added SassNumber.convertValueToUnit()
as a shorthand for
SassNumber.convertValue()
with a single numerator.
Added InterpolationMethod
and HueInterpolationMethod
which collectively
represent the method to use to interpolate two colors.
JS API
While the legacy API has been deprecated since we released the modern API, we
now emit warnings when the legacy API is used to make sure users are aware
that it will be removed in Dart Sass 2.0.0. In the meantime, you can silence
these warnings by passing legacy-js-api
in silenceDeprecations
when using
the legacy API.
Modify SassColor
to accept a new space
option, with support for all the
new color spaces defined in Color Level 4.
Add SassColor.space
which returns a color's color space.
Add SassColor.channels
and .channelsOrNull
which returns a list of channel
values, with missing channels converted to 0 or exposed as null, respectively.
Add SassColor.isLegacy
, .isInGamut()
, .channel()
, .isChannelMissing()
,
.isChannelPowerless()
, .toSpace()
, .toGamut()
, .change()
, and
.interpolate()
which do the same thing as the Sass functions of the
corresponding names.
Deprecate SassColor.red
, .green
, .blue
, .hue
, .saturation
,
.lightness
, .whiteness
, and .blackness
in favor of
SassColor.channel()
.
Embedded Sass
Add Color
SassScript value, with support for all the new color spaces
defined in Color Level 4.
Remove RgbColor
, HslColor
and HwbColor
SassScript values.
1.78.0
JS API
Backport the deprecation options (fatalDeprecations
, futureDeprecations
,
and silenceDeprecations
) to the legacy JS API. The legacy JS API is itself
deprecated, and you should move off of it if possible, but this will allow
users of bundlers and other tools that are still using the legacy API to
still control deprecation warnings.
Fix a bug where accessing SourceSpan.url
would crash when a relative URL was
passed to the Sass API.
Embedded Sass
Explicitly expose a sass
executable from the sass-embedded
npm package.
This was intended to be included in 1.63.0, but due to the way
platform-specific dependency executables are installed it did not work as
intended. Now users can run npx sass
for local installs or just sass
when
sass-embedded
is installed globally.
Add linux-riscv64, linux-musl-riscv64, and android-riscv64 support for the
sass-embedded
npm package.
Fix an edge case where the Dart VM could hang when shutting down when requests
were in flight.
Fix a race condition where the embedded host could fail to shut down if it was
closed around the same time a new compilation was started.
Fix a bug where parse-time deprecation warnings could not be controlled by
the deprecation options in some circumstances.
1.77.8
1.77.7
Declarations that appear after nested rules are deprecated, because the
semantics Sass has historically used are different from the semantics
specified by CSS. In the future, Sass will adopt the standard CSS semantics.
See the Sass website for details.
Potentially breaking bug fix: //
in certain places such as unknown
at-rule values was being preserved in the CSS output, leading to potentially
invalid CSS. It's now properly parsed as a silent comment and omitted from the
CSS output.
1.77.6
- Fix a few cases where comments and occasionally even whitespace wasn't allowed
between the end of Sass statements and the following semicolon.
1.77.5
- Fully trim redundant selectors generated by
@extend
.
1.77.4
Embedded Sass
Support passing Version
input for fatalDeprecations
as string over
embedded protocol.
Fix a bug in the JS Embedded Host where Version
could be incorrectly accepted
as input for silenceDeprecations
and futureDeprecations
in pure JS.
1.77.3
Dart API
Deprecation.duplicateVariableFlags
has been deprecated and replaced with
Deprecation.duplicateVarFlags
to make it consistent with the
duplicate-var-flags
name used on the command line and in the JS API.
1.77.2
Don't emit deprecation warnings for functions and mixins beginning with __
.
Allow user-defined functions whose names begin with _
and otherwise look
like vendor-prefixed functions with special CSS syntax.
Command-Line Interface
1.77.1
- Fix a crash that could come up with importers in certain contexts.
1.77.0
- Don't throw errors for at-rules in keyframe blocks.
1.76.0
Throw errors for misplaced statements in keyframe blocks.
Mixins and functions whose names begin with --
are now deprecated for
forwards-compatibility with the in-progress CSS functions and mixins spec.
This deprecation is named css-function-mixin
.
1.75.0
- Fix a bug in which stylesheet canonicalization could be cached incorrectly
when custom importers or the Node.js package importer made decisions based on
the URL of the containing stylesheet.
JS API
- Allow
importer
to be passed without url
in StringOptionsWithImporter
.
1.74.1
1.74.0
JS API
Add a new top-level deprecations
object, which contains various
Deprecation
objects that define the different types of deprecation used by
the Sass compiler and can be passed to the options below.
Add a new fatalDeprecations
compiler option that causes the compiler to
error if any deprecation warnings of the provided types are encountered. You
can also pass in a Version
object to treat all deprecations that were active
in that Dart Sass version as fatal.
Add a new futureDeprecations
compiler option that allows you to opt-in to
certain deprecations early (currently just import
).
Add a new silenceDeprecations
compiler option to ignore any deprecation
warnings of the provided types.
Command-Line Interface
Add a new --silence-deprecation
flag, which causes the compiler to ignore
any deprecation warnings of the provided types.
Previously, if a future deprecation was passed to --fatal-deprecation
but
not --future-deprecation
, it would be treated as fatal despite not being
enabled. Both flags are now required to treat a future deprecation as fatal
with a warning emitted if --fatal-deprecation
is passed without
--future-deprecation
, matching the JS API's behavior.
Dart API
The compile
methods now take in a silenceDeprecations
parameter, which
causes the compiler to ignore any deprecation warnings of the provided types.
Add Deprecation.obsoleteIn
to match the JS API. This is currently null for
all deprecations, but will be used once some deprecations become obsolete in
Dart Sass 2.0.0.
Potentially breaking bug fix: Fix a bug where compileStringToResultAsync
ignored fatalDeprecations
and futureDeprecations
.
The behavior around making future deprecations fatal mentioned in the CLI
section above has also been changed in the Dart API.
1.73.0
Add support for nesting in plain CSS files. This is not processed by Sass at
all; it's emitted exactly as-is in the CSS.
In certain circumstances, the current working directory was unintentionally
being made available as a load path. This is now deprecated. Anyone relying on
this should explicitly pass in .
as a load path or FilesystemImporter('.')
as the current importer.
Add linux-riscv64 and windows-arm64 releases.
Command-Line Interface
Fix a bug where absolute file:
URLs weren't loaded for files compiled via
the command line unless an unrelated load path was also passed.
Fix a bug where --update
would always update files that were specified via
absolute path unless an unrelated load path was also passed.
Dart API
Add FilesystemImporter.noLoadPath
, which is a FilesystemImporter
that can
load absolute file:
URLs and resolve URLs relative to the base file but
doesn't load relative URLs from a load path.
FilesystemImporter.cwd
is now deprecated. Either use
FilesystemImporter.noLoadPath
if you weren't intending to rely on the load
path, or FilesystemImporter('.')
if you were.
1.72.0
Support adjacent /
s without whitespace in between when parsing plain CSS
expressions.
Allow the Node.js pkg:
importer to load Sass stylesheets for package.json
exports
field entries without extensions.
When printing suggestions for variables, use underscores in variable names
when the original usage used underscores.
JavaScript API
- Properly resolve
pkg:
imports with the Node.js package importer when
arguments are passed to the JavaScript process.
1.71.1
Command-Line Interface
- Ship the musl Linux release with the proper Dart executable.
JavaScript API
Dart API
- Make passing a null argument to
NodePackageImporter()
a static error rather
than just a runtime error.
Embedded Sass
- In the JS Embedded Host, properly install the musl Linux embedded compiler
when running on musl Linux.
1.71.0
For more information about pkg:
importers, see the
announcement on the Sass blog.
Command-Line Interface
- Add a
--pkg-importer
flag to enable built-in pkg:
importers. Currently
this only supports the Node.js package resolution algorithm, via
--pkg-importer=node
. For example, @use "pkg:bootstrap"
will load
node_modules/bootstrap/scss/bootstrap.scss
.
JavaScript API
- Add a
NodePackageImporter
importer that can be passed to the importers
option. This loads files using the pkg:
URL scheme according to the Node.js
package resolution algorithm. For example, @use "pkg:bootstrap"
will load
node_modules/bootstrap/scss/bootstrap.scss
. The constructor takes a single
optional argument, which indicates the base directory to use when locating
node_modules
directories. It defaults to
path.dirname(require.main.filename)
.
Dart API
- Add a
NodePackageImporter
importer that can be passed to the importers
option. This loads files using the pkg:
URL scheme according to the Node.js
package resolution algorithm. For example, @use "pkg:bootstrap"
will load
node_modules/bootstrap/scss/bootstrap.scss
. The constructor takes a single
argument, which indicates the base directory to use when locating
node_modules
directories.
1.70.0
JavaScript API
Add a sass.initCompiler()
function that returns a sass.Compiler
object
which supports compile()
and compileString()
methods with the same API as
the global Sass object. On the Node.js embedded host, each sass.Compiler
object uses a single long-lived subprocess, making compiling multiple
stylesheets much more efficient.
Add a sass.initAsyncCompiler()
function that returns a sass.AsyncCompiler
object which supports compileAsync()
and compileStringAsync()
methods with
the same API as the global Sass object. On the Node.js embedded host, each
sass.AsynCompiler
object uses a single long-lived subprocess, making
compiling multiple stylesheets much more efficient.
Embedded Sass
Support the CompileRequest.silent
field. This allows compilations with no
logging to avoid unnecessary request/response cycles.
The Dart Sass embedded compiler now reports its name as "dart-sass" rather
than "Dart Sass", to match the JS API's info
field.
1.69.7
Embedded Sass
- In the JS Embedded Host, properly install the x64 Dart Sass executable on
ARM64 Windows.
1.69.6
Produce better output for numbers with complex units in meta.inspect()
and
debugging messages.
Escape U+007F DELETE when serializing strings.
When generating CSS error messages to display in-browser, escape all code
points that aren't in the US-ASCII region. Previously only code points U+0100
LATIN CAPITAL LETTER A WITH MACRON were escaped.
Provide official releases for musl LibC and for Android.
Don't crash when running meta.apply()
in asynchronous mode.
JS API
- Fix a bug where certain exceptions could produce
SourceSpan
s that didn't
follow the documented SourceSpan
API.
1.69.5
JS API
- Compatibility with Node.js 21.0.0.
1.69.4
1.69.3
Embedded Sass
- Fix TypeScript type locations in
package.json
.
1.69.2
JS API
- Fix a bug where Sass crashed when running in the browser if there was a global
variable named
process
.
1.69.1
1.69.0
Add a meta.get-mixin()
function that returns a mixin as a first-class Sass
value.
Add a meta.apply()
mixin that includes a mixin value.
Add a meta.module-mixins()
function which returns a map from mixin names in
a module to the first-class mixins that belong to those names.
Add a meta.accepts-content()
function which returns whether or not a mixin
value can take a content block.
Add support for the relative color syntax from CSS Color 5. This syntax
cannot be used to create Sass color values. It is always emitted as-is in the
CSS output.
Dart API
- Deprecate
Deprecation.calcInterp
since it was never actually emitted as a
deprecation.
Embedded Sass
- Fix a rare race condition where the embedded compiler could freeze when a
protocol error was immediately followed by another request.
1.68.0
- Fix the source spans associated with the
abs-percent
deprecation.
JS API
Non-filesystem importers can now set the nonCanonicalScheme
field, which
declares that one or more URL schemes (without :
) will never be used for
URLs returned by the canonicalize()
method.
Add a containingUrl
field to the canonicalize()
and findFileUrl()
methods of importers, which is set to the canonical URL of the stylesheet that
contains the current load. For filesystem importers, this is always set; for
other importers, it's set only if the current load has no URL scheme, or if
its URL scheme is declared as non-canonical by the importer.
Dart API
Add AsyncImporter.isNonCanonicalScheme
, which importers (async or sync) can
use to indicate that a certain URL scheme will never be used for URLs returned
by the canonicalize()
method.
Add AsyncImporter.containingUrl
, which is set during calls to the
canonicalize()
method to the canonical URL of the stylesheet that contains
the current load. This is set only if the current load has no URL scheme, or
if its URL scheme is declared as non-canonical by the importer.
Embedded Sass
The CalculationValue.interpolation
field is deprecated and will be removed
in a future version. It will no longer be set by the compiler, and if the host
sets it it will be treated as equivalent to CalculationValue.string
except
that "("
and ")"
will be added to the beginning and end of the string
values.
Properly include TypeScript types in the sass-embedded
package.
1.67.0
All functions defined in CSS Values and Units 4 are now once again parsed as
calculation objects: round()
, mod()
, rem()
, sin()
, cos()
, tan()
,
asin()
, acos()
, atan()
, atan2()
, pow()
, sqrt()
, hypot()
,
log()
, exp()
, abs()
, and sign()
.
Unlike in 1.65.0, function calls are not locked into being parsed as
calculations or plain Sass functions at parse-time. This means that
user-defined functions will take precedence over CSS calculations of the same
name. Although the function names calc()
and clamp()
are still forbidden,
users may continue to freely define functions whose names overlap with other
CSS calculations (including abs()
, min()
, max()
, and round()
whose
names overlap with global Sass functions).
Breaking change: As a consequence of the change in calculation parsing
described above, calculation functions containing interpolation are now parsed
more strictly than before. However, almost all interpolations that would
have produced valid CSS will continue to work. The only exception is
#{$variable}%
which is not valid in Sass and is no longer valid in
calculations. Instead of this, either use $variable
directly and ensure it
already has the %
unit, or write ($variable * 1%)
.
Potentially breaking bug fix: The importer used to load a given file is no
longer used to load absolute URLs that appear in that file. This was
unintented behavior that contradicted the Sass specification. Absolute URLs
will now correctly be loaded only from the global importer list. This applies
to the modern JS API, the Dart API, and the embedded protocol.
Embedded Sass
- Substantially improve the embedded compiler's performance when compiling many
files or files that require many importer or function call round-trips with
the embedded host.
1.66.1
JS API
- Fix a bug where Sass compilation could crash in strict mode if passed a
callback that threw a string, boolean, number, symbol, or bignum.
1.66.0
Breaking change: Drop support for the additional CSS calculations defined
in CSS Values and Units 4. Custom Sass functions whose names overlapped with
these new CSS functions were being parsed as CSS calculations instead, causing
an unintentional breaking change outside our normal compatibility policy for
CSS compatibility changes.
Support will be added again in a future version, but only after Sass has
emitted a deprecation warning for all functions that will break for at least
three months prior to the breakage.
1.65.1
- Update abs-percent deprecatedIn version to
1.65.0
.
1.65.0
All functions defined in CSS Values and Units 4 are now parsed as calculation
objects: round()
, mod()
, rem()
, sin()
, cos()
, tan()
, asin()
,
acos()
, atan()
, atan2()
, pow()
, sqrt()
, hypot()
, log()
, exp()
,
abs()
, and sign()
.
Deprecate explicitly passing the %
unit to the global abs()
function. In
future releases, this will emit a CSS abs() function to be resolved by the
browser. This deprecation is named abs-percent
.
1.64.3
Dart API
- Deprecate explicitly passing
null
as the alpha channel for
SassColor.rgb()
, SassColor.hsl()
, and SassColor.hwb()
. Omitting the
alpha
channel is still allowed. In future releases, null
will be used to
indicate a missing component. This deprecation is named null-alpha
.
- Include protocol buffer definitions when uploading the
sass
package to pub.
JS API
- Deprecate explicitly passing
null
as the alpha channel for new
SassColor()
. Omitting the alpha
channel or passing undefined
for it is
still allowed. In future releases, null
will be used to indicate a missing
component. This deprecation is named null-alpha
.
(Note that this was already prohibited by the TypeScript types, but in
practice prior to this null
was treated as 1
.)
1.64.2
1.64.1
Embedded Sass
- Fix a bug where a valid
SassCalculation.clamp()
with less than 3 arguments
would throw an error.
1.64.0
Comments that appear before or between @use
and @forward
rules are now
emitted in source order as much as possible, instead of always being emitted
after the CSS of all module dependencies.
Fix a bug where an interpolation in a custom property name crashed if the file
was loaded by a @use
nested in an @import
.
JavaScript API
Add a new SassCalculation
type that represents the calculation objects added
in Dart Sass 1.40.0.
Add Value.assertCalculation()
, which returns the value if it's a
SassCalculation
and throws an error otherwise.
Produce a better error message when an environment that supports some Node.js
APIs loads the browser entrypoint but attempts to access the filesystem.
Embedded Sass
- Fix a bug where nested relative
@imports
failed to load when using the
deprecated functions render
or renderSync
and those relative imports were
loaded multiple times across different files.
1.63.6
JavaScript API
- Fix
import sass from 'sass'
again after it was broken in the last release.
Embedded Sass
- Fix the
exports
declaration in package.json
.
1.63.5
JavaScript API
- Fix a bug where loading the package through both CJS
require()
and ESM
import
could crash on Node.js.
Embedded Sass
Fix a deadlock when running at high concurrency on 32-bit systems.
Fix a race condition where the embedded compiler could deadlock or crash if a
compilation ID was reused immediately after the compilation completed.
1.63.4
JavaScript API
Re-enable support for import sass from 'sass'
when loading the package from
an ESM module in Node.js. However, this syntax is now deprecated; ESM users
should use import * as sass from 'sass'
instead.
On the browser and other ESM-only platforms, only import * as sass from
'sass'
is supported.
Properly export the legacy API values TRUE
, FALSE
, NULL
, and types
from
the ECMAScript module API.
Embedded Sass
Fix a race condition where closing standard input while requests are in-flight
could sometimes cause the process to hang rather than shutting down
gracefully.
Properly include the root stylesheet's URL in the set of loaded URLs when it
fails to parse.
1.63.3
JavaScript API
- Fix loading Sass as an ECMAScript module on Node.js.
1.63.2
1.63.1
1.63.0
JavaScript API
- Dart Sass's JS API now supports running in the browser. Further details and
instructions for use are in the README.
Embedded Sass
The Dart Sass embedded compiler is now included as part of the primary Dart
Sass distribution, rather than a separate executable. To use the embedded
compiler, just run sass --embedded
from any Sass executable (other than the
pure JS executable).
The Node.js embedded host will still be distributed as the sass-embedded
package on npm. The only change is that it will now provide direct access to a
sass
executable with the same CLI as the sass
package.
The Dart Sass embedded compiler now uses version 2.0.0 of the Sass embedded
protocol. See the spec for a full description of the
protocol, and the changelog for a summary of
changes since version 1.2.0.
- The Dart Sass embedded compiler now runs multiple simultaneous compilations in
parallel, rather than serially.
1.62.1
- Fix a bug where
:has(+ &)
and related constructs would drop the leading
combinator.
1.62.0
Deprecate the use of multiple !global
or !default
flags on the same
variable. This deprecation is named duplicate-var-flags
.
Allow special numbers like var()
or calc()
in the global functions:
grayscale()
, invert()
, saturate()
, and opacity()
. These are also
native CSS filter
functions. This is in addition to number values which were
already allowed.
Fix a cosmetic bug where an outer rule could be duplicated after nesting was
resolved, instead of re-using a shared rule.
1.61.0
Embedded Sass
- The JS embedded host now loads files from the working directory when using the
legacy API.
1.60.0
Add support for the pi
, e
, infinity
, -infinity
, and NaN
constants in
calculations. These will be interpreted as the corresponding numbers.
Add support for unknown constants in calculations. These will be interpreted
as unquoted strings.
Serialize numbers with value infinity
, -infinity
, and NaN
to calc()
expressions rather than CSS-invalid identifiers. Numbers with complex units
still can't be serialized.
1.59.3
Fix a performance regression introduced in 1.59.0.
The NPM release of 1.59.0 dropped support for Node 12 without actually
indicating so in its pubspec. This release temporarily adds back support so
that the latest Sass version that declares it supports Node 12 actually does
so. However, Node 12 is now end-of-life, so we will drop support for it
properly in an upcoming release.
1.59.2
1.59.1
1.59.0
Command Line Interface
Added a new --fatal-deprecation
flag that lets you treat a deprecation
warning as an error. You can pass an individual deprecation ID
(e.g. slash-div
) or you can pass a Dart Sass version to treat all
deprecations initially emitted in that version or earlier as errors.
New --future-deprecation
flag that lets you opt into warning for use of
certain features that will be deprecated in the future. At the moment, the
only option is --future-deprecation=import
, which will emit warnings for
Sass @import
rules, which are not yet deprecated, but will be in the future.
Dart API
New Deprecation
enum, which contains the different current and future
deprecations used by the new CLI flags.
The compile
methods now take in fatalDeprecations
and futureDeprecations
parameters, which work similarly to the CLI flags.
1.58.4
Pull @font-face
to the root rather than bubbling the style rule selector
inwards.
Improve error messages for invalid CSS values passed to plain CSS functions.
Improve error messages involving selectors.
Embedded Sass
- Improve the performance of starting up a compilation.
1.58.3
1.58.2
Command Line Interface
1.58.1
- Emit a unitless hue when serializing
hsl()
colors. The deg
unit is
incompatible with IE, and while that officially falls outside our
compatibility policy, it's better to lean towards greater compatibility.
1.58.0
Remove sourcemap comments from Sass sources. The generated sourcemap comment
for the compiled CSS output remains unaffected.
Fix a bug in @extend
logic where certain selectors with three or more
combinators were incorrectly considered superselectors of similar selectors
with fewer combinators, causing them to be incorrectly trimmed from the
output.
Produce a better error message for a number with a leading +
or -
, a
decimal point, but no digits.
Produce a better error message for a nested property whose name starts with
--
.
Fix a crash when a selector ends in an escaped backslash.
Add the relative length units from CSS Values 4 and CSS Contain 3 as known
units to validate bad computation in calc
.
Command Line Interface
- The
--watch
flag will now track loads through calls to meta.load-css()
as
long as their URLs are literal strings without any interpolation.
1.57.1
1.57.0
- Add a
split($string, $separator, $limit: null)
function to sass:string
that splits a string into separate substrings based on a separator string.
JavaScript API
Potentially breaking bug fix: Custom functions in both the modern and
legacy API now properly reject signatures with whitespace between the function
name and parentheses.
Custom functions in the legacy API now allow signatures with whitespace before
the function name, to match a bug in Node Sass.
Dart API
- Potentially breaking bug fix:
Callable.fromSignature()
and
AsyncCallable.fromSignature()
now reject signatures with whitespace between
the function name and parentheses.
1.56.2
Embedded Sass
1.56.1
Embedded Sass
- Importer results now validate that
contents
is actually a string and whether
sourceMapUrl
is an absolute URL.
1.56.0
Potentially breaking change: To match the CSS spec, SassScript expressions
beginning with not
or (
are no longer supported at the beginning of
parenthesized sections of media queries. For example,
@media (width >= 500px) and (not (grid))
will now be emitted unchanged, instead of producing
@media (width >= 500px) and (false)
See the Sass website for details.
Potentially breaking bug fix: Angle units like rad
or turn
are now
properly converted to equivalent deg
values for hsl()
, hsla()
,
adjust-hue()
, color.adjust()
, and color.change()
.
See the Sass website for
details.
Fix indentation for selectors that span multiple lines in a @media
query.
Emit a deprecation warning when passing $alpha
values with units to
color.adjust()
or color.change()
. This will be an error in Dart Sass
2.0.0.
See the Sass website for
details.
Emit a deprecation warning when passing a $weight
value with no units or
with units other than %
to color.mix()
. This will be an error in Dart Sass
2.0.0.
See the Sass website for
details.
Emit a deprecation warning when passing $n
values with units to list.nth()
or list.set-nth()
. This will be an error in Dart Sass 2.0.0.
See the Sass website for
details.
Improve existing deprecation warnings to wrap /
-as-division suggestions in
calc()
expressions.
Properly mark the warning for passing numbers with units to random()
as a
deprecation warning.
Fix a bug where @extend
could behave unpredicatably when used along with
meta.load-css()
and shared modules that contained no CSS themselves but
loaded CSS from other modules.
Dart API
- Emit a deprecation warning when passing a
sassIndex
with units to
Value.sassIndexToListIndex()
. This will be an error in Dart Sass 2.0.0.
JS API
1.55.0
Potentially breaking bug fix: Sass numbers are now universally stored as
64-bit floating-point numbers, rather than sometimes being stored as integers.
This will generally make arithmetic with very large numbers more reliable and
more consistent across platforms, but it does mean that numbers between nine
quadrillion and nine quintillion will no longer be represented with full
accuracy when compiling Sass on the Dart VM.
Potentially breaking bug fix: Sass equality is now properly transitive.
Two numbers are now considered equal (after doing unit conversions) if they
round to the same 1e-11
th. Previously, numbers were considered equal if they
were within 1e-11
of one another, which led to some circumstances where $a
== $b
and $b == $c
but $a != $b
.
Potentially breaking bug fix: Various functions in sass:math
no longer
treat floating-point numbers that are very close (but not identical) to
integers as integers. Instead, these functions now follow the floating-point
specification exactly. For example, math.pow(0.000000000001, -1)
now returns
1000000000000
instead of Infinity
.
Emit a deprecation warning for $a -$b
and $a +$b
, since these look like
they could be unary operations but they're actually parsed as binary
operations. Either explicitly write $a - $b
or $a (-$b)
. See
https://sass-lang.com/d/strict-unary for more details.
Dart API
Add an optional argumentName
parameter to SassScriptException()
to make it
easier to throw exceptions associated with particular argument names.
Most APIs that previously returned num
now return double
. All APIs
continue to accept num
, although in Dart 2.0.0 these APIs will be changed
to accept only double
.
JS API
- Fix a bug in which certain warning spans would not have their properties
accessible by the JS API.
1.54.9
- Fix an incorrect span in certain
@media
query deprecation warnings.
1.54.8
1.54.7
- Add support for 32-bit ARM releases on Linux.
1.54.6
- Fix a bug where a
@media
query could be incorrectly omitted from a
stylesheet if it had multiple levels of nested @media
queries within it
and the inner queries were mergeable but the outer query was not.
1.54.5
Properly consider a ~ c
to be a superselector of a ~ b ~ c
and a + b +
c
.
Properly consider b > c
to be a superselector of a > b > c
, and similarly
for other combinators.
Properly calculate specificity for selector pseudoclasses.
Deprecate use of random()
when $limit
has units to make it explicit that
random()
currently ignores units. A future version will no longer ignore
units.
Don't throw an error when the same module is @forward
ed multiple times
through a configured module.
Embedded Sass
- Rather than downloading the embedded compiler for the local platform on
install, the
sass-embedded
npm package now declares optional dependencies on
platform-specific embedded compiler packages.
1.54.4
- Improve error messages when passing incorrect units that are also
out-of-bounds to various color functions.
1.54.3
- Release a native ARM64 executable for Mac OS.
1.54.2
1.54.1
- When unifying selectors for
@extend
and selector.unify()
, ensure that
:root
, :scope
, :host
, and :host-context
only appear at the beginning
of complex selectors.
1.54.0
Deprecate selectors with leading or trailing combinators, or with multiple
combinators in a row. If they're included in style rules after nesting is
resolved, Sass will now produce a deprecation warning and, in most cases, omit
the selector. Leading and trailing combinators can still be freely used for
nesting purposes.
See https://sass-lang.com/d/bogus-combinators for more details.
Add partial support for new media query syntax from Media Queries Level 4. The
only exception are logical operations nested within parentheses, as these were
previously interpreted differently as SassScript expressions.
A parenthesized media condition that begins with not
or an opening
parenthesis now produces a deprecation warning. In a future release, these
will be interpreted as plain CSS instead.
Deprecate passing non-deg
units to color.hwb()
's $hue
argument.
Fix a number of bugs when determining whether selectors with pseudo-elements
are superselectors.
Treat *
as a superselector of all selectors.
Dart API
- Add a top-level
fakeFromImport()
function for testing custom importers
that use AsyncImporter.fromImport
.
JS API
1.53.0
- Add support for calling
var()
with an empty second argument, such as
var(--side, )
.
JS API
- Fix a bug where
meta.load-css()
would sometimes resolve relative URLs
incorrectly when called from a mixin using the legacy JS API.
Embedded Sass
- Respect npm's proxy settings when downloading the embedded Sass compiler.
1.52.3
- Fix crash when trailing loud comments (
/* ... */
) appear twice in a row
across two different imports which themselves imported the same file each.
1.52.2
- Preserve location of trailing loud comments (
/* ... */
) instead of pushing
the comment to the next line.
1.52.1
Command Line Interface
- Fix a bug where
--watch
mode would close immediately in TTY mode. This was
caused by our change to close --watch
when stdin was closed outside of TTY
mode, which has been reverted for now while we work on a fix.
1.52.0
Add support for arbitrary modifiers at the end of plain CSS imports, in
addition to the existing supports()
and media queries. Sass now allows any
sequence of identifiers of functions after the URL of an import for forwards
compatibility with future additions to the CSS spec.
Fix an issue where source locations tracked through variable references could
potentially become incorrect.
Fix a bug where a loud comment in the source can break the source map when
embedding the sources, when using the command-line interface or the legacy JS
API.
JS API
SassNumber.assertUnit()
and SassNumber.assertNoUnits()
now correctly
return the number called on when it passes the assertion.
1.51.0
Potentially breaking change: Change the order of maps returned by
map.deep-merge()
to match those returned by map.merge()
. All keys that
appeared in the first map will now be listed first in the same order they
appeared in that map, followed by any new keys added from the second map.
Improve the string output of some AST nodes in error messages.
1.50.1
Embedded Sass
The JS embedded host and the embedded compiler will now properly avoid
resolving imports relative to the current working directory unless '.'
is
passed as a load path.
Fix a bug in the JS embedded host's implementation of the legacy JS API where
imports that began with /
could crash on Windows.
1.50.0
@extend
now treats :where()
the same as :is()
.
Command Line Interface
- Closing the standard input stream will now cause the
--watch
command to stop
running.
Embedded Sass
Fix a bug where the JS embedded host crashed when invoking a legacy importer
after resolving a relative filesystem import.
Improve error messages when returning non-Object
values from legacy
importers.
1.49.11
- Add support for 64-bit ARM releases on Linux.
Embedded Sass
- The embedded compiler now correctly sets the
id
field for all
OutboundMessage
s.
1.49.10
Quiet deps mode now silences compiler warnings in mixins and functions that
are defined in dependencies even if they're invoked from application
stylesheets.
In expanded mode, Sass will now emit colors using rgb()
, rbga()
, hsl()
,
and hsla()
function notation if they were defined using the corresponding
notation. As per our browser support policy, this change was only done once
95% of browsers were confirmed to support this output format, and so is not
considered a breaking change.
Note that this output format is intended for human readability and not for
interoperability with other tools. As always, Sass targets the CSS
specification, and any tool that consumes Sass's output should parse all
colors that are supported by the CSS spec.
Fix a bug in which a color written using the four- or eight-digit hex format
could be emitted as a hex color rather than a format with higher browser
compatibility.
Calculations are no longer simplified within supports declarations
1.49.9
Embedded Sass
- Fixed a bug where the legacy API could crash when passed an empty importer
list.
1.49.8
- Fixed a bug where some plain CSS imports would not be emitted.
JS API
- Fix a bug where inspecting the Sass module in the Node.js console crashed on
Node 17.
Embedded Sass
- Fix a bug where source map URLs were incorrectly generated when passing
importers to the legacy API.
1.49.7
Embedded Sass
1.49.6
1.49.5
1.49.4
1.49.3
1.49.2
1.49.1
- Stop supporting non-LTS Node.js versions.
1.49.0
- Fix a bug in
string.insert
with certain negative indices.
JS API
- Add support for the
sourceMapIncludeSources
option in the new JS API.
TypeScript Declarations
- Fix a bug where
LegacyPluginThis.options.linefeed
was typed to return
abbreviations when it actually returned literal linefeed characters.
1.48.0
JS API
- Potentially breaking bug fix: Match the specification of the new JS API by
setting
LegacyResult.map
to undefined
rather than null
.
TypeScript Declarations
- Add a declaration for the
NULL
constant.
1.47.0
JS API
TypeScript Declarations
- Add declarations for the
TRUE
and FALSE
constants.
1.46.0
JS API
- Potentially breaking bug fix: Match the specification of the new JS API by
passing
undefined
rather than null
to Logger.warn()
for an unset span
.
TypeScript Declarations
Add a declaration for the LegacyPluginThis.options.context
field.
Update the definition of LegacyAsyncFunction
to include explicit definitions
with zero through six arguments before the done
parameter. This makes it
possible for TypeScript users to pass in callbacks that take a specific number
of arguments, rather than having to declare a callback that takes an arbitrary
number.
Add a declaration for types.Error
, a legacy API class that can be returned
by asynchronous functions to signal asynchronous errors.
Add a LegacyAsyncFunctionDone
type for the done
callback that's passed to
LegacyAsyncFunction
.
1.45.2
JS API
- Potentially breaking bug fix: Change the default value of the
separator
parameter for new SassArgumentList()
to ','
rather than null
. This
matches the API specification.
1.45.1
Potentially breaking bug fix: Properly parse custom properties in
@supports
conditions. Note that this means that SassScript expressions on
the right-hand side of custom property @supports
queries now need to be
interpolated, as per https://sass-lang.com/d/css-vars.
Potentially breaking bug fix: Fix a bug where inspect()
was not
properly printing nested, empty, bracketed lists.
1.45.0
JS API
This release includes an entirely new JavaScript API, designed to be more
idiomatic, performant, and usable. The old API will continue to be supported
until Dart Sass 2.0.0, but it is now considered deprecated and should be avoided
for new code.
The new API includes:
compile()
and compileAsync()
functions that take Sass file paths and
return the result of compiling them to CSS. The async function returns a
Promise
rather than using a callback-based API.
compileString()
and compileStringAsync()
functions that take a string of
Sass source and compiles it to CSS. As above, the async function returns a
Promise
.
A new importer API that more closely matches the Sass specification's logic
for resolving loads. This makes it much easier for Sass to cache information
across @import
and @use
rules, which substantially improves performance
for applications that rely heavily on repeated @import
s.
A new custom function API, including much more usable JS representations of
Sass value types complete with type-assertion functions, easy map and list
lookups, and compatibility with the immutable
package. Unlike in the
legacy API, function callbacks now take one argument which contains an array
of Sass values (rather than taking a separate JS argument for each Sass
argument).
For full documentation of this API, please see the Sass website.
This release also adds TypeScript type definitions.
1.44.0
- Suggest
calc()
as an alternative in /
-as-division deprecation messages.
Dart API
Add SassNumber.convert()
and SassNumber.convertValue()
. These work like
SassNumber.coerce()
and SassNumber.coerceValue()
, except they don't treat
unitless numbers as universally compatible.
Fix a bug where SassNumber.coerceToMatch()
and
SassNumber.coerceValueToMatch()
wouldn't coerce single-unit numbers to
match unitless numbers.
1.43.5
JS API
- Print more detailed JS stack traces. This is mostly useful for the Sass team's
own debugging purposes.
1.43.4
JS API
- Fix a bug where the
logger
option was ignored for the render()
function.
1.43.3
1.43.2
- Improve the error message when the default namespace of a
@use
rule is not
a valid identifier.
1.43.1
1.43.0
JS API
- Add support for the
logger
option. This takes an object that can define
warn
or debug
methods to add custom handling for messages emitted by the
Sass compiler. See the JS API docs for details.
- Add a
Logger.silent
object that can be passed to the logger
option to
silence all messages from the Sass compiler.
1.42.1
- Fix a bug where Sass variables and function calls in calculations weren't
being resolved correctly if there was a parenthesized interpolation elsewhere
in the file.
1.42.0
min()
and max()
expressions are once again parsed as calculations as long
as they contain only syntax that's allowed in calculation expressions. To
avoid the backwards-compatibility issues that were present in 1.40.0, they now
allow unitless numbers to be mixed with numbers with units just like the
global min()
and max()
functions. Similarly, +
and -
operations within
min()
and max()
functions allow unitless numbers to be mixed with numbers
with units.
1.41.1
- Preserve parentheses around
var()
functions in calculations, because they
could potentially be replaced with sub-expressions that might need to be
parenthesized.
1.41.0
Calculation values can now be combined with strings using the +
operator.
This was an error in 1.40.0, but this broke stylesheets that were relying on
$value + ""
expressions to generically convert values to strings. (Note that
the Sass team recommends the use of "#{$value}"
or inspect($value)
for
that use-case.)
The selector.unify()
function now correctly returns null
when one selector
is a :host
or :host-context
and the other is a selector that's guaranteed
to be within the current shadow DOM. The @extend
logic has been updated
accordingly as well.
Fix a bug where extra whitespace in min()
, max()
, clamp()
, and calc()
expressions could cause bogus parse errors.
Fix a bug where the right-hand operand of a -
in a calculation could
incorrectly be stripped of parentheses.
Dart API
SassCalculation.plus()
now allows SassString
arguments.
1.40.1
Potentially breaking bug fix: min()
and max()
expressions outside of
calculations now behave the same way they did in 1.39.2, returning unquoted
strings if they contain no Sass-specific features and calling the global
min()
and max()
functions otherwise. Within calculations, they continue to
behave how they did in 1.40.0.
This fixes an unintended breaking change added in 1.40.0, wherein passing a
unitless number and a number without units to min()
or max()
now produces
an error. Since this breakage affects a major Sass library, we're temporarily
reverting support for min()
and max()
calculations while we work on
designing a longer-term fix.
1.40.0
Dart API
Add a new value type, SassCalculation
, that represents calculations.
Add new CalculationOperation
, CalculationOperator
, and
CalculationInterpolation
types to represent types of arguments that may
exist as part of a calculation.
Add a new Value.assertCalculation()
method.
Add a new Number.hasCompatibleUnits()
method.
1.39.2
- Fix a bug where configuring with
@use ... with
would throw an error when
that variable was defined in a module that also contained @forward ... with
.
1.39.1
- Partial fix for a bug where
@at-root
does not work properly in nested
imports that contain @use
rules. If the only @use
rules in the nested
import are for built-in modules, @at-root
should now work properly.
1.39.0
JS API
- Add a
charset
option that controls whether or not Sass emits a
@charset
/BOM for non-ASCII stylesheets.
1.38.2
1.38.1
1.38.0
In expanded mode, emit characters in Unicode private-use areas as escape
sequences rather than literal characters.
Fix a bug where quotes would be omitted for an attribute selector whose value
was a single backslash.
Properly consider numbers that begin with .
as "plain CSS" for the purposes
of parsing plain-CSS min()
and max()
functions.
Allow if
to be used as an unquoted string.
Properly parse backslash escapes within url()
expressions.
Fix a couple bugs where @extend
s could be marked as unsatisfied when
multiple identical @extend
s extended selectors across @use
rules.
Command Line Interface
- Strip CRLF newlines from snippets of the original stylesheet that are included
in the output when an error occurs.
JS API
Don't crash when a Windows path is returned by a custom Node importer at the
same time as file contents.
Don't crash when an error occurs in a stylesheet loaded via a custom importer
with a custom URL scheme.
Dart API
- Add a
SassArgumentList.keywordsWithoutMarking
getter to access the keyword
arguments of an argument list without marking them accessed.
1.37.5
1.37.4
1.37.3
1.37.2
1.37.1
1.37.0
Dart API
Potentially breaking bug fix: SassNumber.asSlash
,
SassNumber.withSlash()
, and SassNumber.withoutSlash()
have been marked as
@internal
. They were never intended to be used outside the sass
package.
Potentially breaking bug fix: SassException
has been marked as @sealed
to formally indicate that it's not intended to be extended outside of the
sass
package.
Add a Value.withListContents()
method that returns a new Sass list with the
same list separator and brackets as the current value, interpreted as a list.
1.36.0
Dart API
Added compileToResult()
, compileStringToResult()
,
compileToResultAsync()
, and compileStringToResultAsync()
methods. These
are intended to replace the existing compile*()
methods, which are now
deprecated. Rather than returning a simple string, these return a
CompileResult
object, which will allow us to add additional information
about the compilation without having to introduce further deprecations.
Instead of passing a sourceMaps
callback to compile*()
, pass
sourceMaps: true
to compile*ToResult()
and access
CompileResult.sourceMap
.
The CompileResult
object exposes a loadedUrls
object which lists the
canonical URLs accessed during a compilation. This information was
previously unavailable except through the JS API.
1.35.2
Potentially breaking bug fix: Properly throw an error for Unicode ranges
that have too many ?
s after hexadecimal digits, such as U+12345??
.
Potentially breaking bug fix: Fixed a bug where certain local variable
declarations nested within multiple @if
statements would incorrectly
override a global variable. It's unlikely that any real stylesheets were
relying on this bug, but if so they can simply add !global
to the variable
declaration to preserve the old behavior.
Potentially breaking bug fix: Fix a bug where imports of root-relative
URLs (those that begin with /
) in @import
rules would be passed to
both Dart and JS importers as file:
URLs.
Properly support selector lists for the $extendee
argument to
selector.extend()
and selector.replace()
.
Fix an edge case where @extend
wouldn't affect a selector within a
pseudo-selector such as :is()
that itself extended other selectors.
Fix a race condition where meta.load-css()
could trigger an internal error
when running in asynchronous mode.
Dart API
- Use the
@internal
annotation to indicate which Value
APIs are available
for public use.
1.35.1
- Fix a bug where the quiet dependency flag didn't silence warnings in some
stylesheets loaded using
@import
.
1.35.0
Fix a couple bugs that could prevent some members from being found in certain
files that use a mix of imports and the module system.
Fix incorrect recommendation for migrating division expressions that reference
namespaced variables.
JS API
Add a quietDeps
option which silences compiler warnings from stylesheets
loaded through importers and load paths.
Add a verbose
option which causes the compiler to emit all deprecation
warnings, not just 5 per feature.
1.34.1
Fix a bug where --update
would always compile any file that depends on a
built-in module.
Fix the URL for the @-moz-document
deprecation message.
Fix a bug with @for
loops nested inside property declarations.
1.34.0
Command Line Interface
Add a --quiet-deps
flag which silences compiler warnings from stylesheets
loaded through --load-path
s.
Add a --verbose
flag which causes the compiler to emit all deprecation
warnings, not just 5 per feature.
Dart API
Add a quietDeps
argument to compile()
, compileString()
,
compileAsync()
, and compileStringAsync()
which silences compiler warnings
from stylesheets loaded through importers, load paths, and package:
URLs.
Add a verbose
argument to compile()
, compileString()
, compileAsync()
,
and compileStringAsync()
which causes the compiler to emit all deprecation
warnings, not just 5 per feature.
1.33.0
- Deprecate the use of
/
for division. The new math.div()
function should be
used instead. See this page for details.
Add a list.slash()
function that returns a slash-separated list.
Potentially breaking bug fix: The heuristics around when potentially
slash-separated numbers are converted to slash-free numbers—for example, when
1/2
will be printed as 0.5
rather than 1/2
—have been slightly expanded.
Previously, a number would be made slash-free if it was passed as an argument
to a user-defined function, but not to a built-in function. Now it will be
made slash-free in both cases. This is a behavioral change, but it's unlikely
to affect any real-world stylesheets.
:is()
now behaves identically to :matches()
.
Fix a bug where non-integer numbers that were very close to integer
values would be incorrectly formatted in CSS.
Fix a bug where very small number and very large negative numbers would be
incorrectly formatted in CSS.
JS API
- The
this
context for importers now has a fromImport
field, which is true
if the importer is being invoked from an @import
and false
otherwise.
Importers should only use this to determine whether to load import-only
files.
Dart API
- Add an
Importer.fromImport
getter, which is true
if the current
Importer.canonicalize()
call comes from an @import
rule and false
otherwise. Importers should only use this to determine whether to load
import-only files.
1.32.13
Potentially breaking bug fix: Null values in @use
and @forward
configurations no longer override the !default
variable, matching the
behavior of the equivalent code using @import
.
Use the proper parameter names in error messages about string.slice
1.32.12
- Fix a bug that disallowed more than one module from extending the same
selector from a module if that selector itself extended a selector from
another upstream module.
1.32.11
- Fix a bug where bogus indented syntax errors were reported for lines that
contained only whitespace.
1.32.10
1.32.9
- Fix a typo in a deprecation warning.
JavaScript API
- Drop support for Chokidar 2.x. This version was incompatible with Node 14, but
due to shortcomings in npm's version resolver sometimes still ended up
installed anyway. Only declaring support for 3.0.0 should ensure compatibility
going forward.
Dart API
- Allow the null safety release of args and watcher.
Command Line Interface
- Add a
-w
shorthand for the --watch
flag.
1.32.8
- Update chokidar version for Node API tests.
JavaScript API
- Allow a custom function to access the
render()
options object within its
local context, as this.options
.
1.32.7
Allow the null safety release of stream_transform.
Allow @forward...with
to take arguments that have a !default
flag without
a trailing comma.
Improve the performance of unitless and single-unit numbers.
1.32.6
Node JS API
- Fix Electron support when
nodeIntegration
is disabled.
Dart API
- All range checks for
SassColor
constructors now throw RangeError
s with
start
and end
set.
1.32.5
- Potentially breaking bug fix: When using
@for
with numbers that have
units, the iteration variable now matches the unit of the initial number. This
matches the behavior of Ruby Sass and LibSass.
Node JS API
Fix a few infrequent errors when calling render()
with fiber
multiple
times simultaneously.
Avoid possible mangled error messages when custom functions or importers throw
unexpected exceptions.
Fix Electron support when nodeIntegration
is disabled.
1.32.4
1.32.3
- Optimize
==
for numbers that have different units.
1.32.2
- Print the actual number that was received in unit deprecation warnings for
color functions.
1.32.1
- Don't emit permissions errors on Windows and OS X when trying to determine the
real case of path names.
1.32.0
Deprecate passing non-%
numbers as lightness and saturation to hsl()
,
hsla()
, color.adjust()
, and color.change()
. This matches the CSS
specification, which also requires %
for all lightness and saturation
parameters. See [the Sass website][color-units] for more details.
Deprecate passing numbers with units other than deg
as the hue to hsl()
,
hsla()
, adjust-hue()
, color.adjust()
, and color.change()
. Unitless
numbers are still allowed here, since they're allowed by CSS. See [the Sass
website][color-units] for more details.
Improve error messages about incompatible units.
Properly mark some warnings emitted by sass:color
functions as deprecation
warnings.
Dart API
Rename SassNumber.valueInUnits()
to SassNumber.coerceValue()
. The old name
remains, but is now deprecated.
Rename SassNumber.coerceValueToUnit()
, a shorthand for
SassNumber.coerceValue()
that takes a single numerator unit.
Add SassNumber.coerceToMatch()
and SassNumber.coerceValueToMatch()
, which
work like SassNumber.coerce()
and SassNumber.coerceValue()
but take a
SassNumber
whose units should be matched rather than taking the units
explicitly. These generate better error messages than SassNumber.coerce()
and SassNumber.coerceValue()
.
Add SassNumber.convertToMatch()
and SassNumber.convertValueToMatch()
,
which work like SassNumber.coerceToMatch()
and
SassNumber.coerceValueToMatch()
except they throw exceptions when converting
unitless values to or from units.
Add SassNumber.compatibleWithUnit()
, which returns whether the number can be
coerced to a single numerator unit.
1.31.0
Add support for parsing clamp()
as a special math function, the same way
calc()
is parsed.
Properly load files in case-sensitive Windows directories with upper-case
names.
1.30.0
- Fix a bug where
@at-root (without: all)
wouldn't properly remove a
@keyframes
context when parsing selectors.
Node JS API
- The generated
main()
function in sass.js
now returns a Promise
that
completes when the executable is finished running.
Dart API
- Fix a bug that prevented importers from returning null when loading from a
URL that they had already canonicalized.
1.29.0
- Support a broader syntax for
@supports
conditions, based on the latest
Editor's Draft of CSS Conditional Rules 3. Almost all syntax will be allowed
(with interpolation) in the conditions' parentheses, as well as function
syntax such as @supports selector(...)
.
1.28.0
- Add a
color.hwb()
function to sass:color
that can express colors in HWB format.
Dart API
- Add HWB support to the
SassColor
class, including a SassColor.hwb()
constructor, whiteness
and blackness
getters, and a changeHwb()
method.
1.27.2
1.27.1
Potentially breaking bug fix: meta.load-css()
now correctly uses the
name $url
for its first argument, rather than $module
.
Don't crash when using Infinity
or NaN
as a key in a map.
Emit a proper parse error for a =
with no right-hand side in a function.
Avoid going exponential on certain recursive @extend
edge cases.
1.27.0
Adds an overload to map.merge()
that supports merging a nested map.
map.merge($map1, $keys..., $map2)
: The $keys
form a path to the nested map
in $map1
, into which $map2
gets merged.
See the Sass documentation for more details.
Adds an overloaded map.set()
function.
map.set($map, $key, $value)
: Adds to or updates $map
with the specified
$key
and $value
.
map.set($map, $keys..., $value)
: Adds to or updates a map that is nested
within $map
. The $keys
form a path to the nested map in $map
, into
which $value
is inserted.
See the Sass documentation for more details.
- Add support for nested maps to
map.get()
.
For example, map.get((a: (b: (c: d))), a, b, c)
would return d
.
See the documentation for more details.
- Add support for nested maps in
map.has-key
.
For example, map.has-key((a: (b: (c: d))), a, b, c)
would return true.
See the documentation for more details.
Add a map.deep-merge()
function. This works like map.merge()
, except that
nested map values are also recursively merged. For example:
map.deep-merge(
(color: (primary: red, secondary: blue),
(color: (secondary: teal)
)
See the Sass documentation for more details.
Add a map.deep-remove()
function. This allows you to remove keys from
nested maps by passing multiple keys. For example:
map.deep-remove(
(color: (primary: red, secondary: blue)),
color, primary
)
See the Sass documentation for more details.
- Fix a bug where custom property values in plain CSS were being parsed as
normal property values.
Dart API
- Add a
Value.tryMap()
function which returns the Value
as a SassMap
if
it's a valid map, or null
otherwise. This allows function authors to safely
retrieve maps even if they're internally stored as empty lists, without having
to catch exceptions from Value.assertMap()
.
1.26.12
- Fix a bug where nesting properties beneath a Sass-syntax custom property
(written as
#{--foo}: ...
) would crash.
1.26.11
Potentially breaking bug fix: selector.nest()
now throws an error
if the first arguments contains the parent selector &
.
Fixes a parsing bug with inline comments in selectors.
Improve some error messages for edge-case parse failures.
Throw a proper error when the same built-in module is @use
d twice.
Don't crash when writing Infinity
in JS mode.
Produce a better error message for positional arguments following named
arguments.
1.26.10
- Fixes a bug where two adjacent combinators could cause an error.
1.26.9
- Use an updated version of
node_preamble
when compiling to JS.
1.26.8
- Fixes an error when emitting source maps to stdout.
1.26.7
1.26.6
- Fix a bug where escape sequences were improperly recognized in
@else
rules.
JavaScript API
Add sass.NULL
, sass.TRUE
, and sass.FALSE
constants to match Node Sass's
API.
If a custom Node importer returns both file
and contents
, don't attempt to
read the file
. Instead, use the contents
provided by the importer, with
file
as the canonical url.
1.26.5
1.26.4
- Be more memory-efficient when handling
@forward
s through @import
s.
1.26.3
- Fix a bug where
--watch
mode could go into an infinite loop compiling CSS
files to themselves.
1.26.2
- More aggressively eliminate redundant selectors in the
selector.extend()
and
selector.replace()
functions.
1.26.1
Command Line Interface
- Fix a longstanding bug where
--watch
mode could enter into a state where
recompilation would not occur after a syntax error was introduced into a
dependency and then fixed.
1.26.0
Potentially breaking bug fix: @use
rules whose URLs' basenames begin
with _
now correctly exclude that _
from the rules' namespaces.
Fix a bug where imported forwarded members weren't visible in mixins and
functions that were defined before the @import
.
Don't throw errors if the exact same member is loaded or forwarded from
multiple modules at the same time.
1.25.2
- Fix a bug where, under extremely rare circumstances, a valid variable could
become unassigned.
1.25.0
JavaScript API
constructor.value
fields on value objects now match their Node Sass
equivalents.
1.24.5
- Highlight contextually-relevant sections of the stylesheet in error messages,
rather than only highlighting the section where the error was detected.
1.24.4
JavaScript API
- Fix a bug where source map generation would crash with an absolute source map
path and a custom importer that returns string file contents.
1.24.3
Command Line Interface
- Fix a bug where
sass --version
would crash for certain executable
distributions.
1.24.2
JavaScript API
- Fix a bug introduced in the previous release that prevented custom importers
in Node.js from loading import-only files.
1.24.1
- Fix a bug where the wrong file could be loaded when the same URL is used by
both a
@use
rule and an @import
rule.
1.24.0
Add an optional with
clause to the @forward
rule. This works like the
@use
rule's with
clause, except that @forward ... with
can declare
variables as !default
to allow downstream modules to reconfigure their
values.
Support configuring modules through @import
rules.
1.23.8
Potentially breaking bug fix: Members loaded through a nested @import
are no longer ever accessible outside that nested context.
Don't throw an error when importing two modules that both forward members with
the same name. The latter name now takes precedence over the former, as per
the specification.
Dart API
SassFormatException
now implements SourceSpanFormatException
(and thus
FormatException
).
1.23.7
1.23.6
1.23.5
Support inline comments in the indented syntax.
When an overloaded function receives the wrong number of arguments, guess
which overload the user actually meant to invoke, and display the invalid
argument error for that overload.
When @error
is used in a function or mixin, print the call site rather than
the location of the @error
itself to better match the behavior of calling a
built-in function that throws an error.
1.23.4
Command-Line Interface
- Fix a bug where
--watch
wouldn't watch files referred to by @forward
rules.
1.23.3
- Fix a bug where selectors were being trimmed over-eagerly when
@extend
crossed module boundaries.
1.23.2
Command-Line Interface
Fix a bug when compiling all Sass files in a directory where a CSS file could
be compiled to its own location, creating an infinite loop in --watch
mode.
Properly compile CSS entrypoints in directories outside of --watch
mode.
1.23.1
Fix a bug preventing built-in modules from being loaded within a configured
module.
Fix a bug preventing an unconfigured module from being loaded from within two
different configured modules.
Fix a bug when meta.load-css()
was used to load some files that included
media queries.
Allow saturate()
in plain CSS files, since it can be used as a plain CSS
filter function.
Improve the error messages for trying to access functions like lighten()
from the sass:color
module.
1.23.0
Launch the new Sass module system! This adds:
- The [
@use
rule][], which loads Sass files as modules and makes their
members available only in the current file, with automatic namespacing.
[@use
rule]: https://sass-lang.com/documentation/at-rules/use
- The [
@forward
rule][], which makes members of another Sass file available
to stylesheets that @use
the current file.
[@forward
rule]: https://sass-lang.com/documentation/at-rules/forward
Built-in modules named sass:color
, sass:list
, sass:map
, sass:math
,
sass:meta
, sass:selector
, and sass:string
that provide access to all
the built-in Sass functions you know and love, with automatic module
namespaces.
The [meta.load-css()
mixin][], which includes the CSS contents of a module
loaded from a (potentially dynamic) URL.
[meta.load-css()
mixin]: https://sass-lang.com/documentation/modules/meta#load-css
- The [
meta.module-variables()
function][], which provides access to the
variables defined in a given module.
[meta.module-variables()
function]: https://sass-lang.com/documentation/modules/meta#module-variables
- The [
meta.module-functions()
function][], which provides access to the
functions defined in a given module.
[meta.module-functions()
function]: https://sass-lang.com/documentation/modules/meta#module-functions
Check out the Sass blog for more information on the new
module system. You can also use the new Sass migrator to automatically
migrate your stylesheets to the new module system!
1.22.12
- Potentially breaking bug fix: character sequences consisting of two or
more hyphens followed by a number (such as
--123
), or two or more hyphens on
their own (such as --
), are now parsed as identifiers in accordance with
the CSS spec.
The sequence --
was previously parsed as multiple applications of the -
operator. Since this is unlikely to be used intentionally in practice, we
consider this bug fix safe.
Command-Line Interface
- Fix a bug where changes in
.css
files would be ignored in --watch
mode.
JavaScript API
1.22.11
1.22.10
- Fix a bug in which
get-function()
would fail to find a dash-separated
function when passed a function name with underscores.
1.22.9
Include argument names when reporting range errors and selector parse errors.
Avoid double Error:
headers when reporting selector parse errors.
Clarify the error message when the wrong number of positional arguments are
passed along with a named argument.
JavaScript API
- Re-add support for Node Carbon (8.x).
1.22.8
JavaScript API
Don't crash when running in a directory whose name contains URL-sensitive
characters.
Drop support for Node Carbon (8.x), which doesn't support url.pathToFileURL
.
1.22.7
- Restrict the supported versions of the Dart SDK to
^2.4.0
.
1.22.6
Potentially breaking bug fix: The keywords()
function now converts
underscore-separated argument names to hyphen-separated names. This matches
LibSass's behavior, but not Ruby Sass's.
Further improve performance for logic-heavy stylesheets.
Improve a few error messages.
1.22.5
JavaScript API
- Improve performance for logic-heavy stylesheets.
1.22.4
- Fix a bug where at-rules imported from within a style rule would appear within
that style rule rather than at the root of the document.
1.22.3
Potentially breaking bug fix: The argument name for the saturate()
function is now $amount
, to match the name in LibSass and originally in Ruby
Sass.
Potentially breaking bug fix: The invert()
function now properly returns
#808080
when passed $weight: 50%
. This matches the behavior in LibSass and
originally in Ruby Sass, as well as being consistent with other nearby values
of $weight
.
Potentially breaking bug fix: The invert()
function now throws an error
if it's used as a plain CSS function and the Sass-only
$weight
parameter is passed. This never did anything useful, so it's
considered a bug fix rather than a full breaking change.
Potentially breaking bug fix: The str-insert()
function now properly
inserts at the end of the string if the $index
is -1
. This matches the
behavior in LibSass and originally in Ruby Sass.
Potentially breaking bug fix: An empty map returned by map-remove()
is
now treated as identical to the literal value ()
, rather than being treated
as though it had a comma separator. This matches the original behavior in Ruby
Sass.
The adjust-color()
function no longer throws an error when a large $alpha
value is combined with HSL adjustments.
The alpha()
function now produces clearer error messages when the wrong
number of arguments are passed.
Fix a bug where the str-slice()
function could produce invalid output when
passed a string that contains characters that aren't represented as a single
byte in UTF-16.
Improve the error message for an unknown separator name passed to the join()
or append()
functions.
The zip()
function no longer deadlocks if passed no arguments.
The map-remove()
function can now take a $key
named argument. This matches
the signature in LibSass and originally in Ruby Sass.
1.22.2
JavaScript API
- Avoid re-assigning the
require()
function to make the code statically
analyzable by Webpack.
1.22.1
JavaScript API
- Expand the dependency on
chokidar
to allow 3.x.
1.22.0
Produce better stack traces when importing a file that contains a syntax
error.
Make deprecation warnings for !global
variable declarations that create new
variables clearer, especially in the case where the !global
flag is
unnecessary because the variables are at the top level of the stylesheet.
Dart API
- Add a
Value.realNull
getter, which returns Dart's null
if the value is
Sass's null.
1.21.0
Dart API
1.20.3
1.20.2
Command-Line Interface
- Improve performance for stand-alone packages on Linux and Mac OS.
JavaScript API
- Pass imports to custom importers before resolving them using
includePaths
or
the SASS_PATH
environment variable. This matches Node Sass's behavior, so
it's considered a bug fix.
1.20.1
1.20.0
- Support attribute selector modifiers, such as the
i
in [title="test" i]
.
Command-Line Interface
- When compilation fails, Sass will now write the error message to the CSS
output as a comment and as the
content
property of a body::before
rule so
it will show up in the browser (unless compiling to standard output). This can
be disabled with the --no-error-css
flag, or forced even when compiling to
standard output with the --error-css
flag.
Dart API
- Added
SassException.toCssString()
, which returns the contents of a CSS
stylesheet describing the error, as above.
1.19.0
- Allow
!
in url()
s without quotes.
Dart API
FilesystemImporter
now doesn't change its effective directory if the working
directory changes, even if it's passed a relative argument.
1.18.0
Avoid recursively listing directories when finding the canonical name of a
file on case-insensitive filesystems.
Fix importing files relative to package:
-imported files.
Don't claim that "package:" URLs aren't supported when they actually are.
Command-Line Interface
- Add a
--no-charset
flag. If this flag is set, Sass will never emit a
@charset
declaration or a byte-order mark, even if the CSS file contains
non-ASCII characters.
Dart API
Add a charset
option to compile()
, compileString()
, compileAsync()
and
compileStringAsync()
. If this option is set to false
, Sass will never emit
a @charset
declaration or a byte-order mark, even if the CSS file contains
non-ASCII characters.
Explicitly require that importers' canonicalize()
methods be able to take
paths relative to their outputs as valid inputs. This isn't considered a
breaking change because the importer infrastructure already required this in
practice.
1.17.4
- Consistently parse U+000C FORM FEED, U+000D CARRIAGE RETURN, and sequences of
U+000D CARRIAGE RETURN followed by U+000A LINE FEED as individual newlines.
JavaScript API
- Add a
sass.types.Error
constructor as an alias for Error
. This makes our
custom function API compatible with Node Sass's.
1.17.3
Fix an edge case where slash-separated numbers were written to the stylesheet
with a slash even when they're used as part of another arithmetic operation,
such as being concatenated with a string.
Don't put style rules inside empty @keyframes
selectors.
1.17.2
- Deprecate
!global
variable assignments to variables that aren't yet defined.
This deprecation message can be avoided by assigning variables to null
at
the top level before globally assigning values to them.
Dart API
- Explicitly mark classes that were never intended to be subclassed or
implemented as "sealed".
1.17.1
- Properly quote attribute selector values that start with identifiers but end
with a non-identifier character.
1.17.0
Improve error output, particularly for errors that cover multiple lines.
Improve source locations for some parse errors. Rather than pointing to the
next token that wasn't what was expected, they point after the previous
token. This should generally provide more context for the syntax error.
Produce a better error message for style rules that are missing the closing
}
.
Produce a better error message for style rules and property declarations
within @function
rules.
Command-Line Interface
Passing a directory on the command line now compiles all Sass source files in
the directory to CSS files in the same directory, as though dir:dir
were
passed instead of just dir
.
The new error output uses non-ASCII Unicode characters by default. Add a
--no-unicode
flag to disable this.
1.16.1
- Fix a performance bug where stylesheet evaluation could take a very long time
when many binary operators were used in sequence.
1.16.0
rgb()
and hsl()
now treat unquoted strings beginning with env()
,
min()
, and max()
as special number strings like calc()
.
1.15.3
Properly merge all and
media queries. These queries were previously being
merged as though all
referred to a specific media type, rather than all
media types.
Never remove units from 0 values in compressed mode. This wasn't safe in
general, since some properties (such as line-height
) interpret 0
as a
<number>
rather than a <length>
which can break CSS transforms. It's
better to do this optimization in a dedicated compressor that's aware of CSS
property semantics.
Match Ruby Sass's behavior in some edge-cases involving numbers with many
significant digits.
Emit escaped tab characters in identifiers as \9
rather than a backslash
followed by a literal tab.
Command-Line Interface
- The source map generated for a stylesheet read from standard input now uses a
data:
URL to include that stylesheet's contents in the source map.
Node JS API
this.includePaths
for a running importer is now a ;
-separated string on
Windows, rather than :
-separated. This matches Node Sass's behavior.
Dart API
- The URL used in a source map to refer to a stylesheet loaded from an importer
is now
ImportResult.sourceMapUrl
as documented.
1.15.2
Node JS API
- When
setValue()
is called on a Sass string object, make it unquoted even if
it was quoted originally, to match the behavior of Node Sass.
1.15.1
- Always add quotes to attribute selector values that begin with
--
, since IE
11 doesn't consider them to be identifiers.
1.15.0
Add support for passing arguments to @content
blocks. See the
proposal for details.
Add support for the new rgb()
and hsl()
syntax introduced in CSS Colors
Level 4, such as rgb(0% 100% 0% / 0.5)
. See the proposal
for more details.
Add support for interpolation in at-rule names. See the
proposal for details.
Add paths from the SASS_PATH
environment variable to the load paths in the
command-line interface, Dart API, and JS API. These load paths are checked
just after the load paths explicitly passed by the user.
Allow saturation and lightness values outside of the 0%
to 100%
range in
the hsl()
and hsla()
functions. They're now clamped to be within that
range rather than producing an error if they're outside it.
Properly compile selectors that end in escaped whitespace.
JavaScript API
- Always include the error location in error messages.
1.14.4
- Properly escape U+0009 CHARACTER TABULATION in unquoted strings.
1.14.3
Treat :before
, :after
, :first-line
, and :first-letter
as
pseudo-elements for the purposes of @extend
.
When running in compressed mode, remove spaces around combinators in complex
selectors, so a selector like a > b
is output as a>b
.
Properly indicate the source span for errors involving binary operation
expressions whose operands are parenthesized.
1.14.2
Command-Line Interface
- Don't crash when using
@debug
in a stylesheet passed on standard input.
Dart API
AsyncImporter.canonicalize()
and Importer.canonicalize()
must now return
absolute URLs. Relative URLs are still supported, but are deprecated and will
be removed in a future release.
1.14.1
Command-Line Interface
- Print more readable paths in
--watch
mode.
1.14.0
BREAKING CHANGE
In accordance with our compatibility policy, breaking changes made for CSS
compatibility reasons are released as minor version revision after a three-month
deprecation period.
- Tokens such as
#abcd
that are now interpreted as hex colors with alpha
channels, rather than unquoted ID strings.
1.13.4
Node JS
- Tweak JS compilation options to substantially improve performance.
1.13.3
- Properly generate source maps for stylesheets that emit
@charset
declarations.
Command-Line Interface
- Don't error out when passing
--embed-source-maps
along with
--embed-sources
for stylesheets that contain non-ASCII characters.
1.13.2
Properly parse :nth-child()
and :nth-last-child()
selectors with
whitespace around the argument.
Don't emit extra whitespace in the arguments for :nth-child()
and
:nth-last-child()
selectors.
Fix support for CSS hacks in plain CSS mode.
1.13.1
- Allow an IE-style single equals operator in plain CSS imports.
1.13.0
Allow @extend
to be used with multiple comma-separated simple selectors.
This is already supported by other implementations, but fell through the
cracks for Dart Sass until now.
Don't crash when a media rule contains another media rule followed by a style
rule.
1.12.0
Dart API
- Add a
SassException
type that provides information about Sass compilation
failures.
Node JS API
- Remove the source map comment from the compiled JS. We don't ship with the
source map, so this pointed to nothing.
1.11.0
Add support for importing plain CSS files. They can only be imported without
an extension—for example, @import "style"
will import style.css
. Plain CSS
files imported this way only support standard CSS features, not Sass
extensions.
See the proposal for details.
Add support for CSS's min()
and max()
math functions. A min()
and
max()
call will continue to be parsed as a Sass function if it involves any
Sass-specific features like variables or function calls, but if it's valid
plain CSS (optionally with interpolation) it will be emitted as plain CSS instead.
See the proposal for details.
Add support for range-format media features like (10px < width < 100px)
. See
the proposal for details.
Normalize escape codes in identifiers so that, for example, éclair
and
\E9clair
are parsed to the same value. See
the proposal for details.
Don't choke on a byte-order mark at the beginning of a document when
running in JavaScript.
Command-Line Interface
- The
--watch
command now continues to recompile a file after a syntax error
has been detected.
Dart API
Added a Syntax
enum to indicate syntaxes for Sass source files.
The compile()
and compileAsync()
functions now parse files with the .css
extension as plain CSS.
Added a syntax
parameter to compileString()
and compileStringAsync()
.
Deprecated the indented
parameter to compileString()
and compileStringAsync()
.
Added a syntax
parameter to new ImporterResult()
and a
ImporterResult.syntax
getter to set the syntax of the source file.
Deprecated the indented
parameter to new ImporterResult()
and the
ImporterResult.indented
getter in favor of syntax
.
1.10.4
Command-Line Interface
- Fix a Homebrew installation failure.
1.10.3
Command-Line Interface
- Run the Chocolatey script with the correct arguments so it doesn't crash.
1.10.2
1.10.1
Node JS API
- Don't crash when passing both
includePaths
and importer
.
1.10.0
When two @media
rules' queries can't be merged, leave nested rules in place
for browsers that support them.
Fix a typo in an error message.
1.9.2
Node JS API
- Produce more readable filesystem errors, such as when a file doesn't exist.
1.9.1
Command-Line Interface
1.9.0
Node API
- Add support for
new sass.types.Color(argb)
for creating colors from ARGB hex
numbers. This was overlooked when initially adding support for Node Sass's
JavaScript API.
1.8.0
Command-Line Interface
Add a --poll
flag to make --watch
mode repeatedly check the filesystem for
updates rather than relying on native filesystem notifications.
Add a --stop-on-error
flag to stop compiling additional files once an error
is encountered.
1.7.3
1.7.2
- Add a deprecation warning for
@-moz-document
, except for cases where only an
empty url-prefix()
is used. Support is being removed from Firefox and
will eventually be removed from Sass as well.
- Fix a bug where
@-moz-document
functions with string arguments weren't being
parsed.
Command-Line Interface
- Don't crash when a syntax error is added to a watched file.
1.7.1
- Fix crashes in released binaries.
1.7.0
Emit deprecation warnings for tokens such as #abcd
that are ambiguous
between ID strings and hex colors with alpha channels. These will be
interpreted as colors in a release on or after 19 September 2018.
Parse unambiguous hex colors with alpha channels as colors.
Fix a bug where relative imports from files on the load path could look in the
incorrect location.
1.6.2
Command-Line Interface
- Fix a bug where the source map comment in the generated CSS could refer to the
source map file using an incorrect URL.
1.6.1
1.6.0
Produce better errors when expected tokens are missing before a closing brace.
Avoid crashing when compiling a non-partial stylesheet that exists on the
filesystem next to a partial with the same name.
Command-Line Interface
Add support for the --watch
, which watches for changes in Sass files on the
filesystem and ensures that the compiled CSS is up-to-date.
When using --update
, surface errors when an import doesn't exist even if the
file containing the import hasn't been modified.
When compilation fails, delete the output file rather than leaving an outdated
version.
1.5.1
Fix a bug where an absolute Windows path would be considered an input:output
pair.
Forbid custom properties that have no values, like --foo:;
, since they're
forbidden by the CSS spec.
1.5.0
Fix a bug where an importer would be passed an incorrectly-resolved URL when
handling a relative import.
Throw an error when an import is ambiguous due to a partial and a non-partial
with the same name, or multiple files with different extensions. This matches
the standard Sass behavior.
Command-Line Interface
- Add an
--interactive
flag that supports interactively running Sass
expressions (thanks to Jen Thakar!).
1.4.0
Command-Line Interface
Add support for compiling multiple files at once by writing
sass input.scss:output.css
. Note that unlike Ruby Sass, this always
compiles files by default regardless of when they were modified.
This syntax also supports compiling entire directories at once. For example,
sass templates/stylesheets:public/css
compiles all non-partial Sass files
in templates/stylesheets
to CSS files in public/css
.
Add an --update
flag that tells Sass to compile only stylesheets that have
been (transitively) modified since the CSS file was generated.
Dart API
- Add
Importer.modificationTime()
and AsyncImporter.modificationTime()
which
report the last time a stylesheet was modified.
Node API
- Generate source maps when the
sourceMaps
option is set to a string and the
outFile
option is not set.
1.3.2
- Add support for
@elseif
as an alias of @else if
. This is not an
intentional feature, so using it will cause a deprecation warning. It will be
removed at some point in the future.
1.3.1
Node API
- Fix loading imports relative to stylesheets that were themselves imported
though relative include paths.
1.3.0
Command-Line Interface
Generate source map files by default when writing to disk. This can be
disabled by passing --no-source-map
.
Add a --source-map-urls
option to control whether the source file URLs in
the generated source map are relative or absolute.
Add an --embed-sources
option to embed the contents of all source files in
the generated source map.
Add an --embed-source-map
option to embed the generated source map as a
data:
URL in the generated CSS.
Dart API
- Add a
sourceMap
parameter to compile()
, compileString()
,
compileAsync()
, and compileStringAsync()
. This takes a callback that's
called with a SingleMapping
that contains the source map information for
the compiled CSS file.
Node API
Added support for the sourceMap
, omitSourceMapUrl
, outFile
,
sourceMapContents
, sourceMapEmbed
, and sourceMapRoot
options to
render()
and renderSync()
.
Fix a bug where passing a relative path to render()
or renderSync()
would
cause relative imports to break.
Fix a crash when printing warnings in stylesheets compiled using render()
or
renderSync()
.
Fix a bug where format errors were reported badly on Windows.
1.2.1
- Always emit units in compressed mode for
0
dimensions other than lengths and
angles.
1.2.0
The command-line executable will now create the directory for the resulting
CSS if that directory doesn't exist.
Properly parse #{$var} -#{$var}
as two separate values in a list rather than
one value being subtracted from another.
Improve the error message for extending compound selectors.
1.1.1
- Add a commit that was accidentally left out of 1.1.0.
1.1.0
1.0.0
Initial stable release.
Changes Since 1.0.0-rc.1
- Allow
!
in custom property values (#260).
Dart API
- Remove the deprecated
render()
function.
Node API
Errors are now subtypes of the Error
type.
Allow both the data
and file
options to be passed to render()
and
renderSync()
at once. The data
option will be used as the contents of the
stylesheet, and the file
option will be used as the path for error reporting
and relative imports. This matches Node Sass's behavior.
1.0.0-rc.1
Add support for importing an _index.scss
or _index.sass
file when
importing a directory.
Add a --load-path
command-line option (alias -I
) for passing additional
paths to search for Sass files to import.
Add a --quiet
command-line option (alias -q
) for silencing warnings.
Add an --indented
command-line option for using the indented syntax with a
stylesheet from standard input.
Don't merge the media queries not type
and (feature)
. We had previously
been generating not type and (feature)
, but that's not actually the
intersection of the two queries.
Don't crash on $x % 0
.
The standalone executable distributed on GitHub is now named sass
rather
than dart-sass
. The dart-sass
executable will remain, with a deprecation
message, until 1.0.0 is released.
Dart API
Add a Logger
class that allows users to control how messages are printed by
stylesheets.
Add a logger
parameter to compile()
, compileAsync()
, compileString()
,
and compileStringAsync()
.
Node JS API
- Import URLs passed to importers are no longer normalized. For example, if a
stylesheet contains
@import "./foo.scss"
, importers will now receive
"./foo.scss"
rather than "foo.scss"
.
1.0.0-beta.5.3
Support hard tabs in the indented syntax.
Improve the formatting of comments that don't start on the same line as the
opening /*
.
Preserve whitespace after and
in media queries in compressed mode.
Indented Syntax
Properly parse multi-line selectors.
Don't deadlock on /*
comments.
Don't add an extra */
to comments that already have it.
Preserve empty lines in /*
comments.
1.0.0-beta.5.2
- Fix a bug where some colors would crash
compressed
mode.
1.0.0-beta.5.1
Add a compressed
output style.
Emit a warning when &&
is used, since it's probably not what the user means.
round()
now returns the correct results for negative numbers that should
round down.
var()
may now be passed in place of multiple arguments to rgb()
, rgba()
,
hsl()
and hsla()
.
Fix some cases where equivalent numbers wouldn't count as the same keys in
maps.
Fix a bug where multiplication like (1/1px) * (1px/1)
wouldn't properly
cancel out units.
Fix a bug where dividing by a compatible unit would produce an invalid
result.
Remove a non-sh
-compatible idiom from the standalone shell script.
Dart API
Add a functions
parameter to compile()
, compleString()
,
compileAsync()
, and compileStringAsync()
. This allows users to define
custom functions in Dart that can be invoked from Sass stylesheets.
Expose the Callable
and AsyncCallable
types, which represent functions
that can be invoked from Sass.
Expose the Value
type and its subclasses, as well as the top-level
sassTrue
, sassFalse
, and sassNull
values, which represent Sass values
that may be passed into or returned from custom functions.
Expose the OutputStyle
enum, and add a style
parameter to compile()
,
compleString()
, compileAsync()
, and compileStringAsync()
that allows
users to control the output style.
Node JS API
1.0.0-beta.4
Node JS API
- Add support for asynchronous importers to
render()
and renderSync()
.
Dart API
Add compileAsync()
and compileStringAsync()
methods. These run
asynchronously, which allows them to take asynchronous importers (see below).
Add an AsyncImporter
class. This allows imports to be resolved
asynchronously in case no synchronous APIs are available. AsyncImporter
s are
only compatible with compileAysnc()
and compileStringAsync()
.
1.0.0-beta.3
Properly parse numbers with exponents.
Don't crash when evaluating CSS variables whose names are entirely
interpolated (for example, #{--foo}: ...
).
Node JS API
- Add support for the
importer
option to render()
and renderSync()
.
Only synchronous importers are currently supported.
Dart API
Added an Importer
class. This can be extended by users to provide support
for custom resolution for @import
rules.
Added built-in FilesystemImporter
and PackageImporter
implementations that
support resolving file:
and package:
URLs, respectively.
Added an importers
argument to the compile()
and compileString()
functions that provides Importer
s to use when resolving @import
rules.
Added a loadPaths
argument to the compile()
and compileString()
functions that provides paths to search for stylesheets when resolving
@import
rules. This is a shorthand for passing FilesystemImporter
s to the
importers
argument.
1.0.0-beta.2
Add support for the ::slotted()
pseudo-element.
Generated transparent colors will now be emitted as rgba(0, 0, 0, 0)
rather
than transparent
. This works around a bug wherein IE incorrectly handles the
latter format.
Command-Line Interface
- Improve the logic for whether to use terminal colors by default.
Node JS API
Add support for data
, includePaths
, indentedSyntax
, lineFeed
,
indentWidth
, and indentType
options to render()
and renderSync()
.
The result object returned by render()
and renderSync()
now includes the
stats
object which provides metadata about the compilation process.
The error object thrown by render()
and renderSync()
now includes line
,
column
, file
, status
, and formatted
fields. The message
field and
toString()
also provide more information.
Dart API
- Add a
renderString()
method for rendering Sass source that's not in a file
on disk.
1.0.0-beta.1
Drop support for the reference combinator. This has been removed from the
spec, and will be deprecated and eventually removed in other implementations.
Trust type annotations when compiling to JavaScript, which makes it
substantially faster.
Compile to minified JavaScript, which decreases the code size substantially
and makes startup a little faster.
Fix a crash when inspecting a string expression that ended in "\a".
Fix a bug where declarations and @extend
were allowed outside of a style
rule in certain circumstances.
Fix not
in parentheses in @supports
conditions.
Allow url
as an identifier name.
Properly parse /***/
in selectors.
Properly parse unary operators immediately after commas.
Match Ruby Sass's rounding behavior for all functions.
Allow \
at the beginning of a selector in the indented syntax.
Fix a number of @extend
bugs:
selector-extend()
and selector-replace()
now allow compound selector
extendees.
Remove the universal selector *
when unifying with other selectors.
Properly unify the result of multiple simple selectors in the same compound
selector being extended.
Properly handle extensions being extended.
Properly follow the first law of @extend
.
Fix selector specificity tracking to follow the
second law of @extend
.
Allow extensions that match selectors but fail to unify.
Partially-extended selectors are no longer used as parent selectors.
Fix an edge case where both the extender and the extended selector
have invalid combinator sequences.
Don't crash with a "Bad state: no element" error in certain edge cases.
1.0.0-alpha.9
Elements without a namespace (such as div
) are no longer unified with
elements with the empty namespace (such as |div
). This unification didn't
match the results returned by is-superselector()
, and was not guaranteed to
be valid.
Support &
within @at-root
.
Properly error when a compound selector is followed immediately by &
.
Properly handle variable scoping in @at-root
and nested properties.
Properly handle placeholder selectors in selector pseudos.
Properly short-circuit the or
and and
operators.
Support --$variable
.
Don't consider unitless numbers equal to numbers with units.
Warn about using named colors in interpolation.
Don't emit loud comments in functions.
Detect import loops.
Fix @import
with a supports()
clause.
Forbid functions named "and", "or", and "not".
Fix type-of()
with a function.
Emit a nicer error for invalid tokens in a selector.
Fix invert()
with a $weight
parameter.
Fix a unit-parsing edge-cases.
Always parse imports with queries as plain CSS imports.
Support &
followed by a non-identifier.
Properly handle split media queries.
Properly handle a placeholder selector that isn't at the beginning of a
compound selector.
Fix more str-slice()
bugs.
Fix the %
operator.
Allow whitespace between =
and the mixin name in the indented syntax.
Fix some slash division edge cases.
Fix not
when used like a function.
Fix attribute selectors with single-character values.
Fix some bugs with the call()
function.
Properly handle a backslash followed by a CRLF sequence in a quoted string.
Fix numbers divided by colors.
Support slash-separated numbers in arguments to plain CSS functions.
Error out if a function is passed an unknown named parameter.
Improve the speed of loading large files on Node.
Don't consider browser-prefixed selector pseudos to be superselectors of
differently- or non-prefixed selector pseudos with the same base name.
Fix an @extend
edge case involving multiple combinators in a row.
Fix a bug where a @content
block could get incorrectly passed to a mixin.
Properly isolate the lexical environments of different calls to the same mixin
and function.
1.0.0-alpha.8
Add the content-exists()
function.
Support interpolation in loud comments.
Fix a bug where even valid semicolons and exclamation marks in custom property
values were disallowed.
Disallow invalid function names.
Disallow extending across media queries.
Properly parse whitespace after ...
in argument declaration lists.
Support terse mixin syntax in the indented syntax.
Fix @at-root
query parsing.
Support special functions in @-moz-document
.
Support ...
after a digit.
Fix some bugs when treating a map as a list of pairs.
1.0.0-alpha.7
Fix function-exists()
, variable-exists()
, and mixin-exists()
to use the
lexical scope rather than always using the global scope.
str-index()
now correctly inserts at negative indices.
Properly parse url()
s that contain comment-like text.
Fix a few more small @extend
bugs.
Fix a bug where interpolation in a quoted string was being dropped in some
circumstances.
Properly handle @for
rules where each bound has a different unit.
Forbid mixins and functions from being defined in control directives.
Fix a superselector-computation edge case involving :not()
.
Gracefully handle input files that are invalid UTF-8.
Print a Sass stack trace when a file fails to load.
1.0.0-alpha.6
Allow var()
to be passed to rgb()
, rgba()
, hsl()
, and hsla()
.
Fix conversions between numbers with dpi
, dpcm
, and dppx
units.
Previously these conversions were inverted.
Don't crash when calling str-slice()
with an $end-at
index lower than the
$start-at
index.
str-slice()
now correctly returns ""
when $end-at
is negative and points
before the beginning of the string.
Interpolation in quoted strings now properly preserves newlines.
Don't crash when passing only $hue
or no keyword arguments to
adjust-color()
, scale-color()
, or change-color()
.
Preserve escapes in identifiers. This used to only work for identifiers in
SassScript.
Fix a few small @extend
bugs.
1.0.0-alpha.5
Fix bounds-checking for opacify()
, fade-in()
, transparentize()
, and
fade-out()
.
Fix a bug with @extend
superselector calculations.
Fix some cases where #{...}--
would fail to parse in selectors.
Allow a single number to be passed to saturate()
for use in filter contexts.
Fix a bug where **/
would fail to close a loud comment.
Fix a bug where mixin and function calls could set variables incorrectly.
Move plain CSS @import
s to the top of the document.
1.0.0-alpha.4
Add support for bracketed lists.
Add support for Unicode ranges.
Add support for the Microsoft-style =
operator.
Print the filename for @debug
rules.
Fix a bug where 1 + - 2
and similar constructs would crash the parser.
Fix a bug where @extend
produced the wrong result when used with
selector combinators.
Fix a bug where placeholder selectors were not allowed to be unified.
Fix the mixin-exists()
function.
Fix :nth-child()
and :nth-last-child()
parsing when they contain of
selector
.
1.0.0-alpha.3
Fix a bug where color equality didn't take the alpha channel into account.
Fix a bug with converting some RGB colors to HSL.
Fix a parent selector resolution bug.
Properly declare the arguments for opacify()
and related functions.
Add a missing dependency on the stack_trace
package.
Fix broken Windows archives.
Emit colors using their original representation if possible.
Emit colors without an original representation as names if possible.
1.0.0-alpha.2
- Fix a bug where variables, functions, and mixins were broken in imported
files.
1.0.0-alpha.1