- Allow trailing commas in all argument and parameter lists.
-
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.
- Add a
SassCalculation.calcSize()
function.
- No user-visible changes.
-
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.
- Don't treat
0
asundefined
for thegreen
andblue
channels in theLegacyColor
constructor.
- Make
@parcel/watcher
an optional dependency so this can still be installed on operating systems where it's unavailable.
- Don't produce phantom
@import
deprecations when using an importer with the legacy API.
- No user-visible changes.
-
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
.
- Fix a bug where deprecation warnings were incorrectly emitted for the
plain-CSS
invert()
function.
- Fix a bug where repeated deprecation warnings were not automatically limited.
@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.
- Fix an error that would sometimes occur when deprecation warnings were emitted when using a custom importer with the legacy API.
-
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.
- Properly export the
SassBoolean
type.
-
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
anddisplay-p3
. -
Potentially breaking bug fix:
math.unit()
now wraps multiple denominator units in parentheses. For example,px/(em*em)
instead ofpx/em*em
.
- 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.
- Fix
SassColor.interpolate()
to allow an undefinedoptions
parameter, as the types indicate.
- Properly pass missing color channel values to and from custom functions.
- Fix a bug where passing
green
orblue
tocolor.change()
for legacy colors would fail.
- Update the
$channel
parameter in the suggested replacement forcolor.red()
,color.green()
,color.blue()
,color.hue()
,color.saturation()
,color.lightness()
,color.whiteness()
, andcolor.blackness()
to use a quoted string.
-
Add a
$space
parameter to the suggested replacement forcolor.red()
,color.green()
,color.blue()
,color.hue()
,color.saturation()
,color.lightness()
,color.whiteness()
, andcolor.blackness()
. -
Update deprecation warnings for the legacy JS API to include a link to relevant documentation.
- No user-visible changes.
-
Breaking change: Passing a number with unit
%
to the$alpha
parameter ofcolor.change()
,color.adjust()
,change-color()
, andadjust-color()
is now interpreted as a percentage, instead of ignoring the unit. For example,color.change(red, $alpha: 50%)
now returnsrgb(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
, andhwb
), 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 thergb()
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()
, andlch()
functions;- a top-level
hwb()
function that matches the space-separated CSS syntax; - and a
color()
function that supports thesrgb
,srgb-linear
,display-p3
,a98-rgb
,prophoto-rgb
,rec2020
,xyz
,xyz-d50
, andxyz-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, thehsl
andhwb
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 ascolor.red()
andcolor.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
, orhwb
). -
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 valuenone
and can appear automatically whencolor.to-space()
returns a color with a powerless channel. Missing channels are usually treated as 0, except when interpolating between two colors and incolor.mix()
where they're treated as the same value as the other color.
-
-
Update existing functions to support color spaces:
-
hsl()
andcolor.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()
, andcolor.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 anrgb
color's saturation without passing$space: hsl
). -
color.mix()
andcolor.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 likehsl
andoklch
, 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 theoklch
space for non-legacy colors. -
color.ie-hex-str()
now automatically converts its color to thergb
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()
, andcolor.blackness()
functions, as well as their global counterparts, should be replaced with calls tocolor.channel()
. -
The global
adjust-hue()
,saturate()
,desaturate()
,lighten()
,darken()
,transaprentize()
,fade-out()
,opacify()
, andfade-in()
functions should be replaced bycolor.adjust()
orcolor.scale()
.
-
-
Add a
global-builtin
future deprecation, which can be opted-into with the--future-deprecation
flag or thefutureDeprecations
option in the JS or Dart API. This emits warnings when any global built-in functions that are now available insass:
modules are called. It will become active by default in an upcoming release alongside the@import
deprecation.
-
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 ofSassColor.channel()
. -
Deprecated
SassColor.changeRgb()
,.changeHsl()
, and.changeHwb()
in favor ofSassColor.changeChannels()
. -
Added
SassNumber.convertValueToUnit()
as a shorthand forSassNumber.convertValue()
with a single numerator. -
Added
InterpolationMethod
andHueInterpolationMethod
which collectively represent the method to use to interpolate two colors.
-
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
insilenceDeprecations
when using the legacy API. -
Modify
SassColor
to accept a newspace
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 ofSassColor.channel()
.
-
Add
Color
SassScript value, with support for all the new color spaces defined in Color Level 4. -
Remove
RgbColor
,HslColor
andHwbColor
SassScript values.
-
The
meta.feature-exists
function is now deprecated. This deprecation is namedfeature-exists
. -
Fix a crash when using
@at-root
without any queries or children in the indented syntax.
-
Backport the deprecation options (
fatalDeprecations
,futureDeprecations
, andsilenceDeprecations
) 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.
-
Explicitly expose a
sass
executable from thesass-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 runnpx sass
for local installs or justsass
whensass-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.
- No user-visible changes.
-
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.
- Fix a few cases where comments and occasionally even whitespace wasn't allowed between the end of Sass statements and the following semicolon.
- Fully trim redundant selectors generated by
@extend
.
-
Support passing
Version
input forfatalDeprecations
as string over embedded protocol. -
Fix a bug in the JS Embedded Host where
Version
could be incorrectly accepted as input forsilenceDeprecations
andfutureDeprecations
in pure JS.
Deprecation.duplicateVariableFlags
has been deprecated and replaced withDeprecation.duplicateVarFlags
to make it consistent with theduplicate-var-flags
name used on the command line and in the JS API.
-
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.
-
Properly handle the
--silence-deprecation
flag. -
Handle the
--fatal-deprecation
and--future-deprecation
flags for--interactive
mode.
- Fix a crash that could come up with importers in certain contexts.
- Don't throw errors for at-rules in keyframe blocks.
-
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 namedcss-function-mixin
.
- 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.
- Allow
importer
to be passed withouturl
inStringOptionsWithImporter
.
- No user-visible changes.
-
Add a new top-level
deprecations
object, which contains variousDeprecation
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 aVersion
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 justimport
). -
Add a new
silenceDeprecations
compiler option to ignore any deprecation warnings of the provided types.
-
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.
-
The
compile
methods now take in asilenceDeprecations
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
ignoredfatalDeprecations
andfutureDeprecations
. -
The behavior around making future deprecations fatal mentioned in the CLI section above has also been changed in the Dart API.
-
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 orFilesystemImporter('.')
as the current importer. -
Add linux-riscv64 and windows-arm64 releases.
-
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.
-
Add
FilesystemImporter.noLoadPath
, which is aFilesystemImporter
that can load absolutefile:
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 useFilesystemImporter.noLoadPath
if you weren't intending to rely on the load path, orFilesystemImporter('.')
if you were.
-
Support adjacent
/
s without whitespace in between when parsing plain CSS expressions. -
Allow the Node.js
pkg:
importer to load Sass stylesheets forpackage.json
exports
field entries without extensions. -
When printing suggestions for variables, use underscores in variable names when the original usage used underscores.
- Properly resolve
pkg:
imports with the Node.js package importer when arguments are passed to the JavaScript process.
- Ship the musl Linux release with the proper Dart executable.
-
Export the
NodePackageImporter
class in ESM mode. -
Allow
NodePackageImporter
to locate a default directory even when the entrypoint is an ESM module.
- Make passing a null argument to
NodePackageImporter()
a static error rather than just a runtime error.
- In the JS Embedded Host, properly install the musl Linux embedded compiler when running on musl Linux.
For more information about pkg:
importers, see the
announcement on the Sass blog.
- Add a
--pkg-importer
flag to enable built-inpkg:
importers. Currently this only supports the Node.js package resolution algorithm, via--pkg-importer=node
. For example,@use "pkg:bootstrap"
will loadnode_modules/bootstrap/scss/bootstrap.scss
.
- Add a
NodePackageImporter
importer that can be passed to theimporters
option. This loads files using thepkg:
URL scheme according to the Node.js package resolution algorithm. For example,@use "pkg:bootstrap"
will loadnode_modules/bootstrap/scss/bootstrap.scss
. The constructor takes a single optional argument, which indicates the base directory to use when locatingnode_modules
directories. It defaults topath.dirname(require.main.filename)
.
- Add a
NodePackageImporter
importer that can be passed to theimporters
option. This loads files using thepkg:
URL scheme according to the Node.js package resolution algorithm. For example,@use "pkg:bootstrap"
will loadnode_modules/bootstrap/scss/bootstrap.scss
. The constructor takes a single argument, which indicates the base directory to use when locatingnode_modules
directories.
-
Add a
sass.initCompiler()
function that returns asass.Compiler
object which supportscompile()
andcompileString()
methods with the same API as the global Sass object. On the Node.js embedded host, eachsass.Compiler
object uses a single long-lived subprocess, making compiling multiple stylesheets much more efficient. -
Add a
sass.initAsyncCompiler()
function that returns asass.AsyncCompiler
object which supportscompileAsync()
andcompileStringAsync()
methods with the same API as the global Sass object. On the Node.js embedded host, eachsass.AsynCompiler
object uses a single long-lived subprocess, making compiling multiple stylesheets much more efficient.
-
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.
- In the JS Embedded Host, properly install the x64 Dart Sass executable on ARM64 Windows.
-
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.
- Fix a bug where certain exceptions could produce
SourceSpan
s that didn't follow the documentedSourceSpan
API.
- Compatibility with Node.js 21.0.0.
- No user-visible changes.
- Fix TypeScript type locations in
package.json
.
- Fix a bug where Sass crashed when running in the browser if there was a global
variable named
process
.
- No user-visible changes.
-
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.
- Deprecate
Deprecation.calcInterp
since it was never actually emitted as a deprecation.
- Fix a rare race condition where the embedded compiler could freeze when a protocol error was immediately followed by another request.
- Fix the source spans associated with the
abs-percent
deprecation.
-
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 thecanonicalize()
method. -
Add a
containingUrl
field to thecanonicalize()
andfindFileUrl()
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.
-
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 thecanonicalize()
method. -
Add
AsyncImporter.containingUrl
, which is set during calls to thecanonicalize()
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.
-
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 toCalculationValue.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.
-
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()
, andsign()
.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()
andclamp()
are still forbidden, users may continue to freely define functions whose names overlap with other CSS calculations (includingabs()
,min()
,max()
, andround()
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.
- 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.
- Fix a bug where Sass compilation could crash in strict mode if passed a callback that threw a string, boolean, number, symbol, or bignum.
-
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.
- Update abs-percent deprecatedIn version to
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()
, andsign()
. -
Deprecate explicitly passing the
%
unit to the globalabs()
function. In future releases, this will emit a CSS abs() function to be resolved by the browser. This deprecation is namedabs-percent
.
-
Deprecate explicitly passing
null
as the alpha channel forSassColor.rgb()
,SassColor.hsl()
, andSassColor.hwb()
. Omitting thealpha
channel is still allowed. In future releases,null
will be used to indicate a missing component. This deprecation is namednull-alpha
. -
Include protocol buffer definitions when uploading the
sass
package to pub.
-
Deprecate explicitly passing
null
as the alpha channel fornew SassColor()
. Omitting thealpha
channel or passingundefined
for it is still allowed. In future releases,null
will be used to indicate a missing component. This deprecation is namednull-alpha
.(Note that this was already prohibited by the TypeScript types, but in practice prior to this
null
was treated as1
.)
- No user-visible changes.
- Fix a bug where a valid
SassCalculation.clamp()
with less than 3 arguments would throw an error.
-
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
.
-
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 aSassCalculation
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.
- Fix a bug where nested relative
@imports
failed to load when using the deprecated functionsrender
orrenderSync
and those relative imports were loaded multiple times across different files.
- Fix
import sass from 'sass'
again after it was broken in the last release.
- Fix the
exports
declaration inpackage.json
.
- Fix a bug where loading the package through both CJS
require()
and ESMimport
could crash on Node.js.
-
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.
-
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 useimport * 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
, andtypes
from the ECMAScript module API.
-
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.
- Fix loading Sass as an ECMAScript module on Node.js.
- No user-visible changes.
- No user-visible changes.
- Dart Sass's JS API now supports running in the browser. Further details and instructions for use are in the README.
-
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 asass
executable with the same CLI as thesass
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.
- Fix a bug where
:has(+ &)
and related constructs would drop the leading combinator.
-
Deprecate the use of multiple
!global
or!default
flags on the same variable. This deprecation is namedduplicate-var-flags
. -
Allow special numbers like
var()
orcalc()
in the global functions:grayscale()
,invert()
,saturate()
, andopacity()
. These are also native CSSfilter
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.
-
Potentially breaking change: Drop support for End-of-Life Node.js 12.
-
Fix remaining cases for the performance regression introduced in 1.59.0.
- The JS embedded host now loads files from the working directory when using the legacy API.
-
Add support for the
pi
,e
,infinity
,-infinity
, andNaN
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
, andNaN
tocalc()
expressions rather than CSS-invalid identifiers. Numbers with complex units still can't be serialized.
-
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.
- No user-visible changes.
- No user-visible changes.
-
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.
-
New
Deprecation
enum, which contains the different current and future deprecations used by the new CLI flags. -
The
compile
methods now take infatalDeprecations
andfutureDeprecations
parameters, which work similarly to the CLI flags.
-
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.
- Improve the performance of starting up a compilation.
- No user-visible changes.
-
Add a timestamp to messages printed in
--watch
mode. -
Print better
calc()
-based suggestions for/
-as-division expression that contain calculation-incompatible constructs like unary minus.
- Emit a unitless hue when serializing
hsl()
colors. Thedeg
unit is incompatible with IE, and while that officially falls outside our compatibility policy, it's better to lean towards greater compatibility.
-
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
.
- The
--watch
flag will now track loads through calls tometa.load-css()
as long as their URLs are literal strings without any interpolation.
- No user-visible changes.
- Add a
split($string, $separator, $limit: null)
function tosass:string
that splits a string into separate substrings based on a separator string.
-
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.
- Potentially breaking bug fix:
Callable.fromSignature()
andAsyncCallable.fromSignature()
now reject signatures with whitespace between the function name and parentheses.
- The embedded compiler now supports version 1.2.0 of the embedded protocol.
- Importer results now validate that
contents
is actually a string and whethersourceMapUrl
is an absolute URL.
-
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
orturn
are now properly converted to equivalentdeg
values forhsl()
,hsla()
,adjust-hue()
,color.adjust()
, andcolor.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 tocolor.adjust()
orcolor.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%
tocolor.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 tolist.nth()
orlist.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 incalc()
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 withmeta.load-css()
and shared modules that contained no CSS themselves but loaded CSS from other modules.
- Emit a deprecation warning when passing a
sassIndex
with units toValue.sassIndexToListIndex()
. This will be an error in Dart Sass 2.0.0.
-
Importer results now validate whether
contents
is actually a string type. -
Importer result argument errors are now rendered correctly.
-
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 within1e-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 returns1000000000000
instead ofInfinity
. -
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.
-
Add an optional
argumentName
parameter toSassScriptException()
to make it easier to throw exceptions associated with particular argument names. -
Most APIs that previously returned
num
now returndouble
. All APIs continue to acceptnum
, although in Dart 2.0.0 these APIs will be changed to accept onlydouble
.
- Fix a bug in which certain warning spans would not have their properties accessible by the JS API.
- Fix an incorrect span in certain
@media
query deprecation warnings.
- No user-visible changes.
- Add support for 32-bit ARM releases on Linux.
- 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.
-
Properly consider
a ~ c
to be a superselector ofa ~ b ~ c
anda + b + c
. -
Properly consider
b > c
to be a superselector ofa > 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 thatrandom()
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.
- 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.
- Improve error messages when passing incorrect units that are also out-of-bounds to various color functions.
- Release a native ARM64 executable for Mac OS.
- No user-visible changes.
- When unifying selectors for
@extend
andselector.unify()
, ensure that:root
,:scope
,:host
, and:host-context
only appear at the beginning of complex selectors.
-
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 tocolor.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.
- Add a top-level
fakeFromImport()
function for testing custom importers that useAsyncImporter.fromImport
.
-
Add a
charset
option that controls whether or not Sass emits a@charset
/BOM for non-ASCII stylesheets. -
Fix Sass npm package types for TS 4.7+ Node16 and NodeNext module resolution.
- Add support for calling
var()
with an empty second argument, such asvar(--side, )
.
- Fix a bug where
meta.load-css()
would sometimes resolve relative URLs incorrectly when called from a mixin using the legacy JS API.
- Respect npm's proxy settings when downloading the embedded Sass compiler.
- Fix crash when trailing loud comments (
/* ... */
) appear twice in a row across two different imports which themselves imported the same file each.
- Preserve location of trailing loud comments (
/* ... */
) instead of pushing the comment to the next line.
- 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.
-
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.
SassNumber.assertUnit()
andSassNumber.assertNoUnits()
now correctly return the number called on when it passes the assertion.
-
Potentially breaking change: Change the order of maps returned by
map.deep-merge()
to match those returned bymap.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.
-
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.
@extend
now treats:where()
the same as:is()
.
- Closing the standard input stream will now cause the
--watch
command to stop running.
-
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.
- Add support for 64-bit ARM releases on Linux.
- The embedded compiler now correctly sets the
id
field for allOutboundMessage
s.
-
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()
, andhsla()
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
- Fixed a bug where the legacy API could crash when passed an empty importer list.
- Fixed a bug where some plain CSS imports would not be emitted.
- Fix a bug where inspecting the Sass module in the Node.js console crashed on Node 17.
- Fix a bug where source map URLs were incorrectly generated when passing importers to the legacy API.
-
First stable release the
sass-embedded
npm package that contains the Node.js Embedded Host. -
First stable release of the
sass_embedded
pub package that contains the Embedded Dart Sass compiler.
- No user-visible changes.
- No user-visible changes.
- No user-visible changes.
- No user-visible changes.
- No user-visible changes.
- Stop supporting non-LTS Node.js versions.
- Fix a bug in
string.insert
with certain negative indices.
- Add support for the
sourceMapIncludeSources
option in the new JS API.
- Fix a bug where
LegacyPluginThis.options.linefeed
was typed to return abbreviations when it actually returned literal linefeed characters.
- Potentially breaking bug fix: Match the specification of the new JS API by
setting
LegacyResult.map
toundefined
rather thannull
.
- Add a declaration for the
NULL
constant.
- Add declarations for the
TRUE
andFALSE
constants.
- Potentially breaking bug fix: Match the specification of the new JS API by
passing
undefined
rather thannull
toLogger.warn()
for an unsetspan
.
-
Add a declaration for the
LegacyPluginThis.options.context
field. -
Update the definition of
LegacyAsyncFunction
to include explicit definitions with zero through six arguments before thedone
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 thedone
callback that's passed toLegacyAsyncFunction
.
- Potentially breaking bug fix: Change the default value of the
separator
parameter fornew SassArgumentList()
to','
rather thannull
. This matches the API specification.
-
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.
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()
andcompileAsync()
functions that take Sass file paths and return the result of compiling them to CSS. The async function returns aPromise
rather than using a callback-based API. -
compileString()
andcompileStringAsync()
functions that take a string of Sass source and compiles it to CSS. As above, the async function returns aPromise
. -
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.
- Suggest
calc()
as an alternative in/
-as-division deprecation messages.
-
Add
SassNumber.convert()
andSassNumber.convertValue()
. These work likeSassNumber.coerce()
andSassNumber.coerceValue()
, except they don't treat unitless numbers as universally compatible. -
Fix a bug where
SassNumber.coerceToMatch()
andSassNumber.coerceValueToMatch()
wouldn't coerce single-unit numbers to match unitless numbers.
-
Fix a bug where calculations with different operators were incorrectly considered equal.
-
Properly parse attribute selectors with empty namespaces.
- Print more detailed JS stack traces. This is mostly useful for the Sass team's own debugging purposes.
- Fix a bug where the
logger
option was ignored for therender()
function.
- Improve performance.
- Improve the error message when the default namespace of a
@use
rule is not a valid identifier.
- No user-visible changes.
-
Add support for the
logger
option. This takes an object that can definewarn
ordebug
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 thelogger
option to silence all messages from the Sass compiler.
- 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.
min()
andmax()
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 globalmin()
andmax()
functions. Similarly,+
and-
operations withinmin()
andmax()
functions allow unitless numbers to be mixed with numbers with units.
- Preserve parentheses around
var()
functions in calculations, because they could potentially be replaced with sub-expressions that might need to be parenthesized.
-
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}"
orinspect($value)
for that use-case.) -
The
selector.unify()
function now correctly returnsnull
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()
, andcalc()
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.
SassCalculation.plus()
now allowsSassString
arguments.
-
Potentially breaking bug fix:
min()
andmax()
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 globalmin()
andmax()
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()
ormax()
now produces an error. Since this breakage affects a major Sass library, we're temporarily reverting support formin()
andmax()
calculations while we work on designing a longer-term fix.
-
Add support for first-class
calc()
expressions (as well asclamp()
and plain-CSSmin()
andmax()
). This means:-
calc()
expressions will be parsed more thoroughly, and errors will be highlighted where they weren't before. This may break your stylesheets, but only if they were already producing broken CSS. -
calc()
expressions will be simplified where possible, and may even return numbers if they can be simplified away entirely. -
calc()
expressions that can't be simplified to numbers return a new data type known as "calculations". -
Sass variables and functions can now be used in
calc()
expressions. -
New functions
meta.calc-name()
andmeta.calc-args()
can now inspect calculations.
-
-
Add a new value type,
SassCalculation
, that represents calculations. -
Add new
CalculationOperation
,CalculationOperator
, andCalculationInterpolation
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.
- 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
.
- 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.
- Add a
charset
option that controls whether or not Sass emits a@charset
/BOM for non-ASCII stylesheets.
- No user-visible changes
- No user-visible changes
-
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-CSSmin()
andmax()
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.
- Strip CRLF newlines from snippets of the original stylesheet that are included in the output when an error occurs.
-
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.
- Add a
SassArgumentList.keywordsWithoutMarking
getter to access the keyword arguments of an argument list without marking them accessed.
- No user-visible changes.
- No user-visible changes.
- No user-visible changes.
- No user-visible changes.
- No user-visible changes.
-
Potentially breaking bug fix:
SassNumber.asSlash
,SassNumber.withSlash()
, andSassNumber.withoutSlash()
have been marked as@internal
. They were never intended to be used outside thesass
package. -
Potentially breaking bug fix:
SassException
has been marked as@sealed
to formally indicate that it's not intended to be extended outside of thesass
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.
-
Added
compileToResult()
,compileStringToResult()
,compileToResultAsync()
, andcompileStringToResultAsync()
methods. These are intended to replace the existingcompile*()
methods, which are now deprecated. Rather than returning a simple string, these return aCompileResult
object, which will allow us to add additional information about the compilation without having to introduce further deprecations.-
Instead of passing a
sourceMaps
callback tocompile*()
, passsourceMaps: true
tocompile*ToResult()
and accessCompileResult.sourceMap
. -
The
CompileResult
object exposes aloadedUrls
object which lists the canonical URLs accessed during a compilation. This information was previously unavailable except through the JS API.
-
-
Potentially breaking bug fix: Properly throw an error for Unicode ranges that have too many
?
s after hexadecimal digits, such asU+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 asfile:
URLs. -
Properly support selector lists for the
$extendee
argument toselector.extend()
andselector.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.
- Use the
@internal
annotation to indicate whichValue
APIs are available for public use.
- Fix a bug where the quiet dependency flag didn't silence warnings in some
stylesheets loaded using
@import
.
-
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.
-
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.
-
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.
-
Don't emit the same warning in the same location multiple times.
-
Cap deprecation warnings at 5 per feature by default.
-
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.
-
Add a
quietDeps
argument tocompile()
,compileString()
,compileAsync()
, andcompileStringAsync()
which silences compiler warnings from stylesheets loaded through importers, load paths, andpackage:
URLs. -
Add a
verbose
argument tocompile()
,compileString()
,compileAsync()
, andcompileStringAsync()
which causes the compiler to emit all deprecation warnings, not just 5 per feature.
- Deprecate the use of
/
for division. The newmath.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 as0.5
rather than1/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.
- The
this
context for importers now has afromImport
field, which istrue
if the importer is being invoked from an@import
andfalse
otherwise. Importers should only use this to determine whether to load import-only files.
- Add an
Importer.fromImport
getter, which istrue
if the currentImporter.canonicalize()
call comes from an@import
rule andfalse
otherwise. Importers should only use this to determine whether to load import-only files.
-
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
- 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.
- Fix a bug where bogus indented syntax errors were reported for lines that contained only whitespace.
- No user-visible changes.
- Fix a typo in a deprecation warning.
- 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.
- Allow the null safety release of args and watcher.
- Add a
-w
shorthand for the--watch
flag.
- Update chokidar version for Node API tests.
- Allow a custom function to access the
render()
options object within its local context, asthis.options
.
-
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.
- Fix Electron support when
nodeIntegration
is disabled.
- All range checks for
SassColor
constructors now throwRangeError
s withstart
andend
set.
- 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.
-
Fix a few infrequent errors when calling
render()
withfiber
multiple times simultaneously. -
Avoid possible mangled error messages when custom functions or importers throw unexpected exceptions.
-
Fix Electron support when
nodeIntegration
is disabled.
- No user-visible changes.
- Optimize
==
for numbers that have different units.
- Print the actual number that was received in unit deprecation warnings for color functions.
- Don't emit permissions errors on Windows and OS X when trying to determine the real case of path names.
-
Deprecate passing non-
%
numbers as lightness and saturation tohsl()
,hsla()
,color.adjust()
, andcolor.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 tohsl()
,hsla()
,adjust-hue()
,color.adjust()
, andcolor.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.
-
Rename
SassNumber.valueInUnits()
toSassNumber.coerceValue()
. The old name remains, but is now deprecated. -
Rename
SassNumber.coerceValueToUnit()
, a shorthand forSassNumber.coerceValue()
that takes a single numerator unit. -
Add
SassNumber.coerceToMatch()
andSassNumber.coerceValueToMatch()
, which work likeSassNumber.coerce()
andSassNumber.coerceValue()
but take aSassNumber
whose units should be matched rather than taking the units explicitly. These generate better error messages thanSassNumber.coerce()
andSassNumber.coerceValue()
. -
Add
SassNumber.convertToMatch()
andSassNumber.convertValueToMatch()
, which work likeSassNumber.coerceToMatch()
andSassNumber.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.
-
Add support for parsing
clamp()
as a special math function, the same waycalc()
is parsed. -
Properly load files in case-sensitive Windows directories with upper-case names.
- Fix a bug where
@at-root (without: all)
wouldn't properly remove a@keyframes
context when parsing selectors.
- The generated
main()
function insass.js
now returns aPromise
that completes when the executable is finished running.
- Fix a bug that prevented importers from returning null when loading from a URL that they had already canonicalized.
- 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(...)
.
- Add a
color.hwb()
function tosass:color
that can express colors in HWB format.
- Add
color.whiteness()
andcolor.blackness()
functions tosass:color
to get a color's HWB whiteness and blackness components.
- Add
$whiteness
and$blackness
parameters tocolor.adjust()
,color.change()
, andcolor.scale()
to modify a color's HWB whiteness and blackness components.
- Add HWB support to the
SassColor
class, including aSassColor.hwb()
constructor,whiteness
andblackness
getters, and achangeHwb()
method.
- No user-visible changes.
-
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
orNaN
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.
-
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 returnd
. 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 likemap.merge()
, except that nested map values are also recursively merged. For example:map.deep-merge( (color: (primary: red, secondary: blue), (color: (secondary: teal) ) // => (color: (primary: red, 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 ) // => (color: (secondary: blue))
See the Sass documentation for more details.
-
Fix a bug where custom property values in plain CSS were being parsed as normal property values.
- Add a
Value.tryMap()
function which returns theValue
as aSassMap
if it's a valid map, ornull
otherwise. This allows function authors to safely retrieve maps even if they're internally stored as empty lists, without having to catch exceptions fromValue.assertMap()
.
- Fix a bug where nesting properties beneath a Sass-syntax custom property
(written as
#{--foo}: ...
) would crash.
-
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.
- Fixes a bug where two adjacent combinators could cause an error.
- Use an updated version of
node_preamble
when compiling to JS.
- Fixes an error when emitting source maps to stdout.
- No user-visible changes.
- Fix a bug where escape sequences were improperly recognized in
@else
rules.
-
Add
sass.NULL
,sass.TRUE
, andsass.FALSE
constants to match Node Sass's API. -
If a custom Node importer returns both
file
andcontents
, don't attempt to read thefile
. Instead, use thecontents
provided by the importer, withfile
as the canonical url.
- No user-visible changes.
- Be more memory-efficient when handling
@forward
s through@import
s.
- Fix a bug where
--watch
mode could go into an infinite loop compiling CSS files to themselves.
- More aggressively eliminate redundant selectors in the
selector.extend()
andselector.replace()
functions.
- 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.
-
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.
- Fix a bug where, under extremely rare circumstances, a valid variable could become unassigned.
-
Add functions to the built-in "sass:math" module.
-
clamp($min, $number, $max)
. Clamps$number
in between$min
and$max
. -
hypot($numbers...)
. Given n numbers, outputs the length of the n-dimensional vector that has components equal to each of the inputs. -
Exponential. All inputs must be unitless.
log($number)
orlog($number, $base)
. If no base is provided, performs a natural log.pow($base, $exponent)
sqrt($number)
-
Trigonometric. The input must be an angle. If no unit is given, the input is assumed to be in
rad
.cos($number)
sin($number)
tan($number)
-
Inverse trigonometric. The output is in
deg
.acos($number)
. Input must be unitless.asin($number)
. Input must be unitless.atan($number)
. Input must be unitless.atan2($y, $x)
.$y
and$x
must have compatible units or be unitless.
-
-
Add the variables
$pi
and$e
to the built-in "sass:math" module.
constructor.value
fields on value objects now match their Node Sass equivalents.
- Highlight contextually-relevant sections of the stylesheet in error messages, rather than only highlighting the section where the error was detected.
- Fix a bug where source map generation would crash with an absolute source map path and a custom importer that returns string file contents.
- Fix a bug where
sass --version
would crash for certain executable distributions.
- Fix a bug introduced in the previous release that prevented custom importers in Node.js from loading import-only files.
- 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.
-
Add an optional
with
clause to the@forward
rule. This works like the@use
rule'swith
clause, except that@forward ... with
can declare variables as!default
to allow downstream modules to reconfigure their values. -
Support configuring modules through
@import
rules.
-
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.
SassFormatException
now implementsSourceSpanFormatException
(and thusFormatException
).
- No user-visible changes
- No user-visible changes.
-
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.
- Fix a bug where
--watch
wouldn't watch files referred to by@forward
rules.
- Fix a bug where selectors were being trimmed over-eagerly when
@extend
crossed module boundaries.
-
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.
-
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 thesass:color
module.
-
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. -
The
@forward
rule, which makes members of another Sass file available to stylesheets that@use
the current file. -
Built-in modules named
sass:color
,sass:list
,sass:map
,sass:math
,sass:meta
,sass:selector
, andsass: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. -
The
meta.module-variables()
function, which provides access to the variables defined in a given module. -
The
meta.module-functions()
function, which provides access to the functions defined in a given module.
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!
-
-
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.
- Fix a bug where changes in
.css
files would be ignored in--watch
mode.
-
Allow underscore-separated custom functions to be defined.
-
Improve the performance of Node.js compilation involving many
@import
s.
-
Don't try to load unquoted plain-CSS indented-syntax imports.
-
Fix a couple edge cases in
@extend
logic and related selector functions:-
Recognize
:matches()
and similar pseudo-selectors as superselectors of matching complex selectors. -
Recognize
::slotted()
as a superselector of other::slotted()
selectors. -
Recognize
:current()
with a vendor prefix as a superselector.
-
- Fix a bug in which
get-function()
would fail to find a dash-separated function when passed a function name with underscores.
-
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.
- Re-add support for Node Carbon (8.x).
-
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
.
- Restrict the supported versions of the Dart SDK to
^2.4.0
.
-
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.
- Improve performance for logic-heavy stylesheets.
- 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.
-
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()
orappend()
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.
- Avoid re-assigning the
require()
function to make the code statically analyzable by Webpack.
- Expand the dependency on
chokidar
to allow 3.x.
-
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.
- Add a
Value.realNull
getter, which returns Dart'snull
if the value is Sass's null.
-
Add a
sass
executable when installing the package throughpub
. -
Add a top-level
warn()
function for custom functions and importers to print warning messages.
- No user-visible changes.
-
Fix a bug where numbers could be written using exponential notation in Node.js.
-
Fix a crash that would appear when writing some very large integers to CSS.
- Improve performance for stand-alone packages on Linux and Mac OS.
- Pass imports to custom importers before resolving them using
includePaths
or theSASS_PATH
environment variable. This matches Node Sass's behavior, so it's considered a bug fix.
- No user-visible changes.
- Support attribute selector modifiers, such as the
i
in[title="test" i]
.
- When compilation fails, Sass will now write the error message to the CSS
output as a comment and as the
content
property of abody::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.
- Added
SassException.toCssString()
, which returns the contents of a CSS stylesheet describing the error, as above.
- Allow
!
inurl()
s without quotes.
FilesystemImporter
now doesn't change its effective directory if the working directory changes, even if it's passed a relative argument.
-
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.
- 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.
-
Add a
charset
option tocompile()
,compileString()
,compileAsync()
andcompileStringAsync()
. If this option is set tofalse
, 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.
- 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.
- Add a
sass.types.Error
constructor as an alias forError
. This makes our custom function API compatible with Node Sass's.
-
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.
- Deprecate
!global
variable assignments to variables that aren't yet defined. This deprecation message can be avoided by assigning variables tonull
at the top level before globally assigning values to them.
- Explicitly mark classes that were never intended to be subclassed or implemented as "sealed".
- Properly quote attribute selector values that start with identifiers but end with a non-identifier character.
-
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.
-
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 justdir
. -
The new error output uses non-ASCII Unicode characters by default. Add a
--no-unicode
flag to disable this.
- Fix a performance bug where stylesheet evaluation could take a very long time when many binary operators were used in sequence.
rgb()
andhsl()
now treat unquoted strings beginning withenv()
,min()
, andmax()
as special number strings likecalc()
.
-
Properly merge
all and
media queries. These queries were previously being merged as thoughall
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
) interpret0
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.
- 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.
this.includePaths
for a running importer is now a;
-separated string on Windows, rather than:
-separated. This matches Node Sass's behavior.
- The URL used in a source map to refer to a stylesheet loaded from an importer
is now
ImportResult.sourceMapUrl
as documented.
- 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.
- Always add quotes to attribute selector values that begin with
--
, since IE 11 doesn't consider them to be identifiers.
-
Add support for passing arguments to
@content
blocks. See the proposal for details. -
Add support for the new
rgb()
andhsl()
syntax introduced in CSS Colors Level 4, such asrgb(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%
to100%
range in thehsl()
andhsla()
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.
- Always include the error location in error messages.
- Properly escape U+0009 CHARACTER TABULATION in unquoted strings.
-
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 asa>b
. -
Properly indicate the source span for errors involving binary operation expressions whose operands are parenthesized.
-
Fix a bug where loading the same stylesheet from two different import paths could cause its imports to fail to resolve.
-
Properly escape U+001F INFORMATION SEPARATOR ONE in unquoted strings.
- Don't crash when using
@debug
in a stylesheet passed on standard input.
AsyncImporter.canonicalize()
andImporter.canonicalize()
must now return absolute URLs. Relative URLs are still supported, but are deprecated and will be removed in a future release.
-
Canonicalize escaped digits at the beginning of identifiers as hex escapes.
-
Properly parse property declarations that are both in content blocks and written after content blocks.
- Print more readable paths in
--watch
mode.
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.
- Tweak JS compilation options to substantially improve performance.
- Properly generate source maps for stylesheets that emit
@charset
declarations.
- Don't error out when passing
--embed-source-maps
along with--embed-sources
for stylesheets that contain non-ASCII characters.
-
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.
- Allow an IE-style single equals operator in plain CSS imports.
-
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.
- Add a
SassException
type that provides information about Sass compilation failures.
- Remove the source map comment from the compiled JS. We don't ship with the source map, so this pointed to nothing.
-
Add support for importing plain CSS files. They can only be imported without an extension—for example,
@import "style"
will importstyle.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()
andmax()
math functions. Amin()
andmax()
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.
- The
--watch
command now continues to recompile a file after a syntax error has been detected.
-
Added a
Syntax
enum to indicate syntaxes for Sass source files. -
The
compile()
andcompileAsync()
functions now parse files with the.css
extension as plain CSS. -
Added a
syntax
parameter tocompileString()
andcompileStringAsync()
. -
Deprecated the
indented
parameter tocompileString()
andcompileStringAsync()
. -
Added a
syntax
parameter tonew ImporterResult()
and aImporterResult.syntax
getter to set the syntax of the source file. -
Deprecated the
indented
parameter tonew ImporterResult()
and theImporterResult.indented
getter in favor ofsyntax
.
- Fix a Homebrew installation failure.
- Run the Chocolatey script with the correct arguments so it doesn't crash.
- No user-visible changes.
- Don't crash when passing both
includePaths
andimporter
.
-
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.
- Produce more readable filesystem errors, such as when a file doesn't exist.
-
Don't emit ANSI codes to Windows terminals that don't support them.
-
Fix a bug where
--watch
crashed on Mac OS.
- 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.
-
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.
- No user-visible changes.
- Add a deprecation warning for
@-moz-document
, except for cases where only an emptyurl-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.
- Don't crash when a syntax error is added to a watched file.
- Fix crashes in released binaries.
-
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.
- Fix a bug where the source map comment in the generated CSS could refer to the source map file using an incorrect URL.
- No user-visible changes.
-
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.
-
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.
-
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.
-
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.
- Add an
--interactive
flag that supports interactively running Sass expressions (thanks to Jen Thakar!).
-
Improve the error message for invalid semicolons in the indented syntax.
-
Properly disallow semicolons after declarations in the indented syntax.
-
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 intemplates/stylesheets
to CSS files inpublic/css
. -
Add an
--update
flag that tells Sass to compile only stylesheets that have been (transitively) modified since the CSS file was generated.
- Add
Importer.modificationTime()
andAsyncImporter.modificationTime()
which report the last time a stylesheet was modified.
- Generate source maps when the
sourceMaps
option is set to a string and theoutFile
option is not set.
- 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.
- Fix loading imports relative to stylesheets that were themselves imported though relative include paths.
-
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 adata:
URL in the generated CSS.
- Add a
sourceMap
parameter tocompile()
,compileString()
,compileAsync()
, andcompileStringAsync()
. This takes a callback that's called with aSingleMapping
that contains the source map information for the compiled CSS file.
-
Added support for the
sourceMap
,omitSourceMapUrl
,outFile
,sourceMapContents
,sourceMapEmbed
, andsourceMapRoot
options torender()
andrenderSync()
. -
Fix a bug where passing a relative path to
render()
orrenderSync()
would cause relative imports to break. -
Fix a crash when printing warnings in stylesheets compiled using
render()
orrenderSync()
. -
Fix a bug where format errors were reported badly on Windows.
- Always emit units in compressed mode for
0
dimensions other than lengths and angles.
-
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.
- Add a commit that was accidentally left out of 1.1.0.
-
The command-line executable can now be used to write an output file to disk using
sass input.scss output.css
. -
Use a POSIX-shell-compatible means of finding the location of the
sass
shell script.
Initial stable release.
- Allow
!
in custom property values (#260).
- Remove the deprecated
render()
function.
-
Errors are now subtypes of the
Error
type. -
Allow both the
data
andfile
options to be passed torender()
andrenderSync()
at once. Thedata
option will be used as the contents of the stylesheet, and thefile
option will be used as the path for error reporting and relative imports. This matches Node Sass's behavior.
-
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 generatingnot 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 thandart-sass
. Thedart-sass
executable will remain, with a deprecation message, until 1.0.0 is released.
-
Add a
Logger
class that allows users to control how messages are printed by stylesheets. -
Add a
logger
parameter tocompile()
,compileAsync()
,compileString()
, andcompileStringAsync()
.
- 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"
.
-
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.
-
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.
- Fix a bug where some colors would crash
compressed
mode.
-
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 torgb()
,rgba()
,hsl()
andhsla()
. -
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.
-
Add a
functions
parameter tocompile()
,compleString()
,compileAsync()
, andcompileStringAsync()
. This allows users to define custom functions in Dart that can be invoked from Sass stylesheets. -
Expose the
Callable
andAsyncCallable
types, which represent functions that can be invoked from Sass. -
Expose the
Value
type and its subclasses, as well as the top-levelsassTrue
,sassFalse
, andsassNull
values, which represent Sass values that may be passed into or returned from custom functions. -
Expose the
OutputStyle
enum, and add astyle
parameter tocompile()
,compleString()
,compileAsync()
, andcompileStringAsync()
that allows users to control the output style.
-
Support the
functions
option. -
Support the
"compressed"
value for theoutputStyle
option.
-
Support unquoted imports in the indented syntax.
-
Fix a crash when
:not(...)
extends a selector that appears in:not(:not(...))
.
- Add support for asynchronous importers to
render()
andrenderSync()
.
-
Add
compileAsync()
andcompileStringAsync()
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 withcompileAysnc()
andcompileStringAsync()
.
-
Properly parse numbers with exponents.
-
Don't crash when evaluating CSS variables whose names are entirely interpolated (for example,
#{--foo}: ...
).
- Add support for the
importer
option torender()
andrenderSync()
. Only synchronous importers are currently supported.
-
Added an
Importer
class. This can be extended by users to provide support for custom resolution for@import
rules. -
Added built-in
FilesystemImporter
andPackageImporter
implementations that support resolvingfile:
andpackage:
URLs, respectively. -
Added an
importers
argument to thecompile()
andcompileString()
functions that providesImporter
s to use when resolving@import
rules. -
Added a
loadPaths
argument to thecompile()
andcompileString()
functions that provides paths to search for stylesheets when resolving@import
rules. This is a shorthand for passingFilesystemImporter
s to theimporters
argument.
-
Add support for the
::slotted()
pseudo-element. -
Generated transparent colors will now be emitted as
rgba(0, 0, 0, 0)
rather thantransparent
. This works around a bug wherein IE incorrectly handles the latter format.
- Improve the logic for whether to use terminal colors by default.
-
Add support for
data
,includePaths
,indentedSyntax
,lineFeed
,indentWidth
, andindentType
options torender()
andrenderSync()
. -
The result object returned by
render()
andrenderSync()
now includes thestats
object which provides metadata about the compilation process. -
The error object thrown by
render()
andrenderSync()
now includesline
,column
,file
,status
, andformatted
fields. Themessage
field andtoString()
also provide more information.
- Add a
renderString()
method for rendering Sass source that's not in a file on disk.
-
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()
andselector-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.
-
-
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 byis-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
andand
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 asupports()
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.
-
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.
-
Fix
function-exists()
,variable-exists()
, andmixin-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.
-
Allow
var()
to be passed torgb()
,rgba()
,hsl()
, andhsla()
. -
Fix conversions between numbers with
dpi
,dpcm
, anddppx
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 toadjust-color()
,scale-color()
, orchange-color()
. -
Preserve escapes in identifiers. This used to only work for identifiers in SassScript.
-
Fix a few small
@extend
bugs.
-
Fix bounds-checking for
opacify()
,fade-in()
,transparentize()
, andfade-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.
-
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 containof selector
.
-
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.
- Fix a bug where variables, functions, and mixins were broken in imported files.
- Initial alpha release.