sass-embedded-linux-arm
This is the linux-arm binary for sass-embedded
The linux-arm binary for sass-embedded
sass-embedded-linux-arm
This is the linux-arm binary for sass-embedded
Allow custom properties with empty values (such as --var:;
).
Fix a bug when calculating source spans for interpolations.
compileString()
and related functions.&
is loaded into a nested Sass context via
meta.load-css()
or @import
, Sass now emits plain CSS nesting rather than
incorrectly combining it with the parent selector using a descendant
combinator...
segment.file:
URL case canonicalization on Windows and
Mac OS.Add support for %
as an expression in its own right. It will still be parsed
as the modulo operator when between two other expressions, but in any other
context it will be an expression whose value is the unquoted string %
.
Consider attr()
to be a special number function that can be used as a
channel in color functions.
Deprecate user-defined functions named type()
so that we can eventually
support the new CSS type()
function.
round(-$var / 2)
previously threw an error but now works as intended.@extend
. This caused
unacceptable performance issues for certain heavy users of @extend
. We'll
try to find a more performant way to accomplish it in the future.Allow newlines in whitespace in the indented syntax.
Potentially breaking bug fix: Selectors with unmatched brackets now always
produce a parser error. Previously, some edge cases like [foo#{"]:is(bar"}) {a:
b}
would compile without error, but this was an unintentional bug.
Fix a bug in which various Color Level 4 functions weren't allowed in plain CSS.
Fix the error message for @extend
without a selector and possibly other
parsing edge-cases in contexts that allow interpolation.
SassBoolean
type to adhere to the spec,
now using a class instead of an interface.Properly display deprecation IDs for the JS Sass API.
Don't display deprecation IDs for user-defined deprecations.
Fix a bug where --quiet-deps
would get deactivated for @content
blocks,
even when those blocks were entirely contained within dependencies.
Include deprecation IDs in deprecation warnings to make it easier to determine
what to pass to --silence-deprecation
or --fatal-deprecation
.
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.
SassCalculation.calcSize()
function.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.
0
as undefined
for the green
and blue
channels in the
LegacyColor
constructor.@parcel/watcher
an optional dependency so this can still be installed
on operating systems where it's unavailable.@import
deprecations when using an importer with the
legacy API.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
.
invert()
function.@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 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.
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
and
display-p3
.
Potentially breaking bug fix: math.unit()
now wraps multiple denominator
units in parentheses. For example, px/(em*em)
instead of px/em*em
.
@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.SassColor.interpolate()
to allow an undefined options
parameter, as
the types indicate.green
or blue
to color.change()
for legacy
colors would fail.$channel
parameter in the suggested replacement for
color.red()
, color.green()
, color.blue()
, color.hue()
,
color.saturation()
, color.lightness()
, color.whiteness()
, and
color.blackness()
to use a quoted string.Add a $space
parameter to the suggested replacement for color.red()
,
color.green()
, color.blue()
, color.hue()
, color.saturation()
,
color.lightness()
, color.whiteness()
, and color.blackness()
.
Update deprecation warnings for the legacy JS API to include a link to relevant documentation.
Breaking change: Passing a number with unit %
to the $alpha
parameter
of color.change()
, color.adjust()
, change-color()
, and adjust-color()
is now interpreted as a percentage, instead of ignoring the unit. For example,
color.change(red, $alpha: 50%)
now returns rgb(255 0 0 / 0.5)
.
Potentially breaking compatibility fix: Sass no longer rounds RGB channels
to the nearest integer. This means that, for example, rgb(0 0 1) != rgb(0 0
0.6)
. This matches the latest version of the CSS spec and browser behavior.
Potentially breaking compatibility fix: Passing large positive or negative
values to color.adjust()
can now cause a color's channels to go outside that
color's gamut. In most cases this will currently be clipped by the browser and
end up showing the same color as before, but once browsers implement gamut
mapping it may produce a different result.
Add support for CSS Color Level 4 color spaces. Each color value now tracks its color space along with the values of each channel in that color space. There are two general principles to keep in mind when dealing with new color spaces:
With the exception of legacy color spaces (rgb
, hsl
, and hwb
), colors
will always be emitted in the color space they were defined in unless
they're explicitly converted.
The color.to-space()
function is the only way to convert a color to
another color space. Some built-in functions may do operations in a
different color space, but they'll always convert back to the original space
afterwards.
rgb
colors can now have non-integer channels and channels outside the normal
gamut of 0-255. These colors are always emitted using the rgb()
syntax so
that modern browsers that are being displayed on wide-gamut devices can
display the most accurate color possible.
Add support for all the new color syntax defined in Color Level 4, including:
oklab()
, oklch()
, lab()
, and lch()
functions;hwb()
function that matches the space-separated CSS syntax;color()
function that supports the srgb
, srgb-linear
,
display-p3
, a98-rgb
, prophoto-rgb
, rec2020
, xyz
, xyz-d50
, and
xyz-d65
color spaces.Add new functions for working with color spaces:
color.to-space($color, $space)
converts $color
to the given $space
. In
most cases this conversion is lossless—the color may end up out-of-gamut for
the destination color space, but browsers will generally display it as best
they can regardless. However, the hsl
and hwb
spaces can't represent
out-of-gamut colors and so will be clamped.
color.channel($color, $channel, $space: null)
returns the value of the
given $channel
in $color
, after converting it to $space
if necessary.
It should be used instead of the old channel-specific functions such as
color.red()
and color.hue()
.
color.same($color1, $color2)
returns whether two colors represent the same
color even across color spaces. It differs from $color1 == $color2
because
==
never consider colors in different (non-legacy) spaces as equal.
color.is-in-gamut($color, $space: null)
returns whether $color
is
in-gamut for its color space (or $space
if it's passed).
color.to-gamut($color, $space: null)
returns $color
constrained to its
space's gamut (or to $space
's gamut, if passed). This is generally not
recommended since even older browsers will display out-of-gamut colors as
best they can, but it may be necessary in some cases.
color.space($color)
: Returns the name of $color
's color space.
color.is-legacy($color)
: Returns whether $color
is in a legacy color
space (rgb
, hsl
, or hwb
).
color.is-powerless($color, $channel, $space: null)
: Returns whether the
given $channel
of $color
is powerless in $space
(or its own color
space). A channel is "powerless" if its value doesn't affect the way the
color is displayed, such as hue for a color with 0 chroma.
color.is-missing($color, $channel)
: Returns whether $channel
's value is
missing in $color
. Missing channels can be explicitly specified using the
special value none
and can appear automatically when color.to-space()
returns a color with a powerless channel. Missing channels are usually
treated as 0, except when interpolating between two colors and in
color.mix()
where they're treated as the same value as the other color.
Update existing functions to support color spaces:
hsl()
and color.hwb()
no longer forbid out-of-bounds values. Instead,
they follow the CSS spec by clamping them to within the allowed range.
color.change()
, color.adjust()
, and color.scale()
now support all
channels of all color spaces. However, if you want to modify a channel
that's not in $color
's own color space, you have to explicitly specify the
space with the $space
parameter. (For backwards-compatibility, this
doesn't apply to legacy channels of legacy colors—for example, you can still
adjust an rgb
color's saturation without passing $space: hsl
).
color.mix()
and color.invert()
now support the standard CSS algorithm
for interpolating between two colors (the same one that's used for gradients
and animations). To use this, pass the color space to use for interpolation
to the $method
parameter. For polar color spaces like hsl
and oklch
,
this parameter also allows you to specify how hue interpolation is handled.
color.complement()
now supports a $space
parameter that indicates which
color space should be used to take the complement.
color.grayscale()
now operates in the oklch
space for non-legacy colors.
color.ie-hex-str()
now automatically converts its color to the rgb
space
and gamut-maps it so that it can continue to take colors from any color
space.
The following functions are now deprecated, and uses should be replaced with the new color-space-aware functions defined above:
The color.red()
, color.green()
, color.blue()
, color.hue()
,
color.saturation()
, color.lightness()
, color.whiteness()
, and
color.blackness()
functions, as well as their global counterparts, should
be replaced with calls to color.channel()
.
The global adjust-hue()
, saturate()
, desaturate()
, lighten()
,
darken()
, transaprentize()
, fade-out()
, opacify()
, and fade-in()
functions should be replaced by color.adjust()
or color.scale()
.
Add a global-builtin
future deprecation, which can be opted-into with the
--future-deprecation
flag or the futureDeprecations
option in the JS or
Dart API. This emits warnings when any global built-in functions that are
now available in sass:
modules are called. It will become active by default
in an upcoming release alongside the @import
deprecation.
Added a ColorSpace
class which represents the various color spaces defined
in the CSS spec.
Added SassColor.space
which returns a color's color space.
Added SassColor.channels
and .channelsOrNull
which returns a list
of channel values, with missing channels converted to 0 or exposed as null,
respectively.
Added SassColor.isLegacy
, .isInGamut
, .channel()
, .isChannelMissing()
,
.isChannelPowerless()
, .toSpace()
, .toGamut()
, .changeChannels()
, and
.interpolate()
which do the same thing as the Sass functions of the
corresponding names.
SassColor.rgb()
now allows out-of-bounds and non-integer arguments.
SassColor.hsl()
and .hwb()
now allow out-of-bounds arguments.
Added SassColor.hwb()
, .srgb()
, .srgbLinear()
, .displayP3()
,
.a98Rgb()
, .prophotoRgb()
, .rec2020()
, .xyzD50()
, .xyzD65()
,
.lab()
, .lch()
, .oklab()
, .oklch()
, and .forSpace()
constructors.
Deprecated SassColor.red
, .green
, .blue
, .hue
, .saturation
,
.lightness
, .whiteness
, and .blackness
in favor of
SassColor.channel()
.
Deprecated SassColor.changeRgb()
, .changeHsl()
, and .changeHwb()
in
favor of SassColor.changeChannels()
.
Added SassNumber.convertValueToUnit()
as a shorthand for
SassNumber.convertValue()
with a single numerator.
Added InterpolationMethod
and HueInterpolationMethod
which collectively
represent the method to use to interpolate two colors.
While the legacy API has been deprecated since we released the modern API, we
now emit warnings when the legacy API is used to make sure users are aware
that it will be removed in Dart Sass 2.0.0. In the meantime, you can silence
these warnings by passing legacy-js-api
in silenceDeprecations
when using
the legacy API.
Modify SassColor
to accept a new space
option, with support for all the
new color spaces defined in Color Level 4.
Add SassColor.space
which returns a color's color space.
Add SassColor.channels
and .channelsOrNull
which returns a list of channel
values, with missing channels converted to 0 or exposed as null, respectively.
Add SassColor.isLegacy
, .isInGamut()
, .channel()
, .isChannelMissing()
,
.isChannelPowerless()
, .toSpace()
, .toGamut()
, .change()
, and
.interpolate()
which do the same thing as the Sass functions of the
corresponding names.
Deprecate SassColor.red
, .green
, .blue
, .hue
, .saturation
,
.lightness
, .whiteness
, and .blackness
in favor of
SassColor.channel()
.
Add Color
SassScript value, with support for all the new color spaces
defined in Color Level 4.
Remove RgbColor
, HslColor
and HwbColor
SassScript values.
The meta.feature-exists
function is now deprecated. This deprecation is
named feature-exists
.
Fix a crash when using @at-root
without any queries or children in the
indented syntax.
Backport the deprecation options (fatalDeprecations
, futureDeprecations
,
and silenceDeprecations
) to the legacy JS API. The legacy JS API is itself
deprecated, and you should move off of it if possible, but this will allow
users of bundlers and other tools that are still using the legacy API to
still control deprecation warnings.
Fix a bug where accessing SourceSpan.url
would crash when a relative URL was
passed to the Sass API.
Explicitly expose a sass
executable from the sass-embedded
npm package.
This was intended to be included in 1.63.0, but due to the way
platform-specific dependency executables are installed it did not work as
intended. Now users can run npx sass
for local installs or just sass
when
sass-embedded
is installed globally.
Add linux-riscv64, linux-musl-riscv64, and android-riscv64 support for the
sass-embedded
npm package.
Fix an edge case where the Dart VM could hang when shutting down when requests were in flight.
Fix a race condition where the embedded host could fail to shut down if it was closed around the same time a new compilation was started.
Fix a bug where parse-time deprecation warnings could not be controlled by the deprecation options in some circumstances.
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.
@extend
.Support passing Version
input for fatalDeprecations
as string over
embedded protocol.
Fix a bug in the JS Embedded Host where Version
could be incorrectly accepted
as input for silenceDeprecations
and futureDeprecations
in pure JS.
Deprecation.duplicateVariableFlags
has been deprecated and replaced with
Deprecation.duplicateVarFlags
to make it consistent with the
duplicate-var-flags
name used on the command line and in the JS API.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.
Throw errors for misplaced statements in keyframe blocks.
Mixins and functions whose names begin with --
are now deprecated for
forwards-compatibility with the in-progress CSS functions and mixins spec.
This deprecation is named css-function-mixin
.
importer
to be passed without url
in StringOptionsWithImporter
.Add a new top-level deprecations
object, which contains various
Deprecation
objects that define the different types of deprecation used by
the Sass compiler and can be passed to the options below.
Add a new fatalDeprecations
compiler option that causes the compiler to
error if any deprecation warnings of the provided types are encountered. You
can also pass in a Version
object to treat all deprecations that were active
in that Dart Sass version as fatal.
Add a new futureDeprecations
compiler option that allows you to opt-in to
certain deprecations early (currently just import
).
Add a new silenceDeprecations
compiler option to ignore any deprecation
warnings of the provided types.
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 a silenceDeprecations
parameter, which
causes the compiler to ignore any deprecation warnings of the provided types.
Add Deprecation.obsoleteIn
to match the JS API. This is currently null for
all deprecations, but will be used once some deprecations become obsolete in
Dart Sass 2.0.0.
Potentially breaking bug fix: Fix a bug where compileStringToResultAsync
ignored fatalDeprecations
and futureDeprecations
.
The behavior around making future deprecations fatal mentioned in the CLI section above has also been changed in the Dart API.
Add support for nesting in plain CSS files. This is not processed by Sass at all; it's emitted exactly as-is in the CSS.
In certain circumstances, the current working directory was unintentionally
being made available as a load path. This is now deprecated. Anyone relying on
this should explicitly pass in .
as a load path or FilesystemImporter('.')
as the current importer.
Add linux-riscv64 and windows-arm64 releases.
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 a FilesystemImporter
that can
load absolute file:
URLs and resolve URLs relative to the base file but
doesn't load relative URLs from a load path.
FilesystemImporter.cwd
is now deprecated. Either use
FilesystemImporter.noLoadPath
if you weren't intending to rely on the load
path, or FilesystemImporter('.')
if you were.
Support adjacent /
s without whitespace in between when parsing plain CSS
expressions.
Allow the Node.js pkg:
importer to load Sass stylesheets for package.json
exports
field entries without extensions.
When printing suggestions for variables, use underscores in variable names when the original usage used underscores.
pkg:
imports with the Node.js package importer when
arguments are passed to the JavaScript process.Export the NodePackageImporter
class in ESM mode.
Allow NodePackageImporter
to locate a default directory even when the
entrypoint is an ESM module.
NodePackageImporter()
a static error rather
than just a runtime error.For more information about pkg:
importers, see the
announcement on the Sass blog.
--pkg-importer
flag to enable built-in pkg:
importers. Currently
this only supports the Node.js package resolution algorithm, via
--pkg-importer=node
. For example, @use "pkg:bootstrap"
will load
node_modules/bootstrap/scss/bootstrap.scss
.NodePackageImporter
importer that can be passed to the importers
option. This loads files using the pkg:
URL scheme according to the Node.js
package resolution algorithm. For example, @use "pkg:bootstrap"
will load
node_modules/bootstrap/scss/bootstrap.scss
. The constructor takes a single
optional argument, which indicates the base directory to use when locating
node_modules
directories. It defaults to
path.dirname(require.main.filename)
.NodePackageImporter
importer that can be passed to the importers
option. This loads files using the pkg:
URL scheme according to the Node.js
package resolution algorithm. For example, @use "pkg:bootstrap"
will load
node_modules/bootstrap/scss/bootstrap.scss
. The constructor takes a single
argument, which indicates the base directory to use when locating
node_modules
directories.Add a sass.initCompiler()
function that returns a sass.Compiler
object
which supports compile()
and compileString()
methods with the same API as
the global Sass object. On the Node.js embedded host, each sass.Compiler
object uses a single long-lived subprocess, making compiling multiple
stylesheets much more efficient.
Add a sass.initAsyncCompiler()
function that returns a sass.AsyncCompiler
object which supports compileAsync()
and compileStringAsync()
methods with
the same API as the global Sass object. On the Node.js embedded host, each
sass.AsynCompiler
object uses a single long-lived subprocess, making
compiling multiple stylesheets much more efficient.
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.
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.
SourceSpan
s that didn't
follow the documented SourceSpan
API.package.json
.process
.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.
Deprecation.calcInterp
since it was never actually emitted as a
deprecation.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 the canonicalize()
method.
Add a containingUrl
field to the canonicalize()
and findFileUrl()
methods of importers, which is set to the canonical URL of the stylesheet that
contains the current load. For filesystem importers, this is always set; for
other importers, it's set only if the current load has no URL scheme, or if
its URL scheme is declared as non-canonical by the importer.
Add AsyncImporter.isNonCanonicalScheme
, which importers (async or sync) can
use to indicate that a certain URL scheme will never be used for URLs returned
by the canonicalize()
method.
Add AsyncImporter.containingUrl
, which is set during calls to the
canonicalize()
method to the canonical URL of the stylesheet that contains
the current load. This is set only if the current load has no URL scheme, or
if its URL scheme is declared as non-canonical by the importer.
The CalculationValue.interpolation
field is deprecated and will be removed
in a future version. It will no longer be set by the compiler, and if the host
sets it it will be treated as equivalent to CalculationValue.string
except
that "("
and ")"
will be added to the beginning and end of the string
values.
Properly include TypeScript types in the sass-embedded
package.
All functions defined in CSS Values and Units 4 are now once again parsed as
calculation objects: round()
, mod()
, rem()
, sin()
, cos()
, tan()
,
asin()
, acos()
, atan()
, atan2()
, pow()
, sqrt()
, hypot()
,
log()
, exp()
, abs()
, and sign()
.
Unlike in 1.65.0, function calls are not locked into being parsed as
calculations or plain Sass functions at parse-time. This means that
user-defined functions will take precedence over CSS calculations of the same
name. Although the function names calc()
and clamp()
are still forbidden,
users may continue to freely define functions whose names overlap with other
CSS calculations (including abs()
, min()
, max()
, and round()
whose
names overlap with global Sass functions).
Breaking change: As a consequence of the change in calculation parsing
described above, calculation functions containing interpolation are now parsed
more strictly than before. However, almost all interpolations that would
have produced valid CSS will continue to work. The only exception is
#{$variable}%
which is not valid in Sass and is no longer valid in
calculations. Instead of this, either use $variable
directly and ensure it
already has the %
unit, or write ($variable * 1%)
.
Potentially breaking bug fix: The importer used to load a given file is no longer used to load absolute URLs that appear in that file. This was unintented behavior that contradicted the Sass specification. Absolute URLs will now correctly be loaded only from the global importer list. This applies to the modern JS API, the Dart API, and the embedded protocol.
Breaking change: Drop support for the additional CSS calculations defined in CSS Values and Units 4. Custom Sass functions whose names overlapped with these new CSS functions were being parsed as CSS calculations instead, causing an unintentional breaking change outside our normal compatibility policy for CSS compatibility changes.
Support will be added again in a future version, but only after Sass has emitted a deprecation warning for all functions that will break for at least three months prior to the breakage.
1.65.0
.All functions defined in CSS Values and Units 4 are now parsed as calculation
objects: round()
, mod()
, rem()
, sin()
, cos()
, tan()
, asin()
,
acos()
, atan()
, atan2()
, pow()
, sqrt()
, hypot()
, log()
, exp()
,
abs()
, and sign()
.
Deprecate explicitly passing the %
unit to the global abs()
function. In
future releases, this will emit a CSS abs() function to be resolved by the
browser. This deprecation is named abs-percent
.
null
as the alpha channel for
SassColor.rgb()
, SassColor.hsl()
, and SassColor.hwb()
. Omitting the
alpha
channel is still allowed. In future releases, null
will be used to
indicate a missing component. This deprecation is named null-alpha
.sass
package to pub.null
as the alpha channel for new
SassColor()
. Omitting the alpha
channel or passing undefined
for it is
still allowed. In future releases, null
will be used to indicate a missing
component. This deprecation is named null-alpha
. (Note that this was already prohibited by the TypeScript types, but in
practice prior to this null
was treated as 1
.)
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 a
SassCalculation
and throws an error otherwise.
Produce a better error message when an environment that supports some Node.js APIs loads the browser entrypoint but attempts to access the filesystem.
@imports
failed to load when using the
deprecated functions render
or renderSync
and those relative imports were
loaded multiple times across different files.import sass from 'sass'
again after it was broken in the last release.exports
declaration in package.json
.require()
and ESM
import
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 use import * as sass from 'sass'
instead.
On the browser and other ESM-only platforms, only import * as sass from
'sass'
is supported.
Properly export the legacy API values TRUE
, FALSE
, NULL
, and types
from
the ECMAScript module API.
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.
The Dart Sass embedded compiler is now included as part of the primary Dart
Sass distribution, rather than a separate executable. To use the embedded
compiler, just run sass --embedded
from any Sass executable (other than the
pure JS executable).
The Node.js embedded host will still be distributed as the sass-embedded
package on npm. The only change is that it will now provide direct access to a
sass
executable with the same CLI as the sass
package.
The Dart Sass embedded compiler now uses version 2.0.0 of the Sass embedded protocol. See the spec for a full description of the protocol, and the changelog for a summary of changes since version 1.2.0.
: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 named duplicate-var-flags
.
Allow special numbers like var()
or calc()
in the global functions:
grayscale()
, invert()
, saturate()
, and opacity()
. These are also
native CSS filter
functions. This is in addition to number values which were
already allowed.
Fix a cosmetic bug where an outer rule could be duplicated after nesting was resolved, instead of re-using a shared rule.
Potentially breaking change: Drop support for End-of-Life Node.js 12.
Fix remaining cases for the performance regression introduced in 1.59.0.
Add support for the pi
, e
, infinity
, -infinity
, and NaN
constants in
calculations. These will be interpreted as the corresponding numbers.
Add support for unknown constants in calculations. These will be interpreted as unquoted strings.
Serialize numbers with value infinity
, -infinity
, and NaN
to calc()
expressions rather than CSS-invalid identifiers. Numbers with complex units
still can't be serialized.
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.
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 in fatalDeprecations
and futureDeprecations
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.
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.
hsl()
colors. The deg
unit is
incompatible with IE, and while that officially falls outside our
compatibility policy, it's better to lean towards greater compatibility.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
.
--watch
flag will now track loads through calls to meta.load-css()
as
long as their URLs are literal strings without any interpolation.split($string, $separator, $limit: null)
function to sass: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.
Callable.fromSignature()
and
AsyncCallable.fromSignature()
now reject signatures with whitespace between
the function name and parentheses.contents
is actually a string and whether
sourceMapUrl
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
or turn
are now
properly converted to equivalent deg
values for hsl()
, hsla()
,
adjust-hue()
, color.adjust()
, and color.change()
.
See the Sass website for details.
Fix indentation for selectors that span multiple lines in a @media
query.
Emit a deprecation warning when passing $alpha
values with units to
color.adjust()
or color.change()
. This will be an error in Dart Sass
2.0.0.
See the Sass website for details.
Emit a deprecation warning when passing a $weight
value with no units or
with units other than %
to color.mix()
. This will be an error in Dart Sass
2.0.0.
See the Sass website for details.
Emit a deprecation warning when passing $n
values with units to list.nth()
or list.set-nth()
. This will be an error in Dart Sass 2.0.0.
See the Sass website for details.
Improve existing deprecation warnings to wrap /
-as-division suggestions in
calc()
expressions.
Properly mark the warning for passing numbers with units to random()
as a
deprecation warning.
Fix a bug where @extend
could behave unpredicatably when used along with
meta.load-css()
and shared modules that contained no CSS themselves but
loaded CSS from other modules.
sassIndex
with units to
Value.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 within 1e-11
of one another, which led to some circumstances where $a
== $b
and $b == $c
but $a != $b
.
Potentially breaking bug fix: Various functions in sass:math
no longer
treat floating-point numbers that are very close (but not identical) to
integers as integers. Instead, these functions now follow the floating-point
specification exactly. For example, math.pow(0.000000000001, -1)
now returns
1000000000000
instead of Infinity
.
Emit a deprecation warning for $a -$b
and $a +$b
, since these look like
they could be unary operations but they're actually parsed as binary
operations. Either explicitly write $a - $b
or $a (-$b)
. See
https://sass-lang.com/d/strict-unary for more details.
Add an optional argumentName
parameter to SassScriptException()
to make it
easier to throw exceptions associated with particular argument names.
Most APIs that previously returned num
now return double
. All APIs
continue to accept num
, although in Dart 2.0.0 these APIs will be changed
to accept only double
.
@media
query deprecation warnings.@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 of a ~ b ~ c
and a + b +
c
.
Properly consider b > c
to be a superselector of a > b > c
, and similarly
for other combinators.
Properly calculate specificity for selector pseudoclasses.
Deprecate use of random()
when $limit
has units to make it explicit that
random()
currently ignores units. A future version will no longer ignore
units.
Don't throw an error when the same module is @forward
ed multiple times
through a configured module.
sass-embedded
npm package now declares optional dependencies on
platform-specific embedded compiler packages.@extend
and selector.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 to color.hwb()
's $hue
argument.
Fix a number of bugs when determining whether selectors with pseudo-elements are superselectors.
Treat *
as a superselector of all selectors.
fakeFromImport()
function for testing custom importers
that use AsyncImporter.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.
var()
with an empty second argument, such as
var(--side, )
.meta.load-css()
would sometimes resolve relative URLs
incorrectly when called from a mixin using the legacy JS API./* ... */
) appear twice in a row
across two different imports which themselves imported the same file each./* ... */
) instead of pushing
the comment to the next line.--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()
and SassNumber.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 by map.merge()
. All keys that
appeared in the first map will now be listed first in the same order they
appeared in that map, followed by any new keys added from the second map.
Improve the string output of some AST nodes in error messages.
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()
.--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.
id
field for all
OutboundMessage
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()
,
and hsla()
function notation if they were defined using the corresponding
notation. As per our browser support policy, this change was only done once
95% of browsers were confirmed to support this output format, and so is not
considered a breaking change.
Note that this output format is intended for human readability and not for interoperability with other tools. As always, Sass targets the CSS specification, and any tool that consumes Sass's output should parse all colors that are supported by the CSS spec.
Fix a bug in which a color written using the four- or eight-digit hex format could be emitted as a hex color rather than a format with higher browser compatibility.
Calculations are no longer simplified within supports declarations
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.
string.insert
with certain negative indices.sourceMapIncludeSources
option in the new JS API.LegacyPluginThis.options.linefeed
was typed to return
abbreviations when it actually returned literal linefeed characters.LegacyResult.map
to undefined
rather than null
.NULL
constant.TRUE
and FALSE
constants.undefined
rather than null
to Logger.warn()
for an unset span
.Add a declaration for the LegacyPluginThis.options.context
field.
Update the definition of LegacyAsyncFunction
to include explicit definitions
with zero through six arguments before the done
parameter. This makes it
possible for TypeScript users to pass in callbacks that take a specific number
of arguments, rather than having to declare a callback that takes an arbitrary
number.
Add a declaration for types.Error
, a legacy API class that can be returned
by asynchronous functions to signal asynchronous errors.
Add a LegacyAsyncFunctionDone
type for the done
callback that's passed to
LegacyAsyncFunction
.
separator
parameter for new SassArgumentList()
to ','
rather than null
. 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()
and compileAsync()
functions that take Sass file paths and
return the result of compiling them to CSS. The async function returns a
Promise
rather than using a callback-based API.
compileString()
and compileStringAsync()
functions that take a string of
Sass source and compiles it to CSS. As above, the async function returns a
Promise
.
A new importer API that more closely matches the Sass specification's logic
for resolving loads. This makes it much easier for Sass to cache information
across @import
and @use
rules, which substantially improves performance
for applications that rely heavily on repeated @import
s.
A new custom function API, including much more usable JS representations of
Sass value types complete with type-assertion functions, easy map and list
lookups, and compatibility with the immutable
package. Unlike in the
legacy API, function callbacks now take one argument which contains an array
of Sass values (rather than taking a separate JS argument for each Sass
argument).
For full documentation of this API, please see the Sass website.
This release also adds TypeScript type definitions.
calc()
as an alternative in /
-as-division deprecation messages.Add SassNumber.convert()
and SassNumber.convertValue()
. These work like
SassNumber.coerce()
and SassNumber.coerceValue()
, except they don't treat
unitless numbers as universally compatible.
Fix a bug where SassNumber.coerceToMatch()
and
SassNumber.coerceValueToMatch()
wouldn't coerce single-unit numbers to
match unitless numbers.
Fix a bug where calculations with different operators were incorrectly considered equal.
Properly parse attribute selectors with empty namespaces.
logger
option was ignored for the render()
function.@use
rule is not
a valid identifier.logger
option. This takes an object that can define
warn
or debug
methods to add custom handling for messages emitted by the
Sass compiler. See the JS API docs for details.Logger.silent
object that can be passed to the logger
option to
silence all messages from the Sass compiler.min()
and max()
expressions are once again parsed as calculations as long
as they contain only syntax that's allowed in calculation expressions. To
avoid the backwards-compatibility issues that were present in 1.40.0, they now
allow unitless numbers to be mixed with numbers with units just like the
global min()
and max()
functions. Similarly, +
and -
operations within
min()
and max()
functions allow unitless numbers to be mixed with numbers
with units.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}"
or inspect($value)
for
that use-case.)
The selector.unify()
function now correctly returns null
when one selector
is a :host
or :host-context
and the other is a selector that's guaranteed
to be within the current shadow DOM. The @extend
logic has been updated
accordingly as well.
Fix a bug where extra whitespace in min()
, max()
, clamp()
, and calc()
expressions could cause bogus parse errors.
Fix a bug where the right-hand operand of a -
in a calculation could
incorrectly be stripped of parentheses.
SassCalculation.plus()
now allows SassString
arguments.Potentially breaking bug fix: min()
and max()
expressions outside of
calculations now behave the same way they did in 1.39.2, returning unquoted
strings if they contain no Sass-specific features and calling the global
min()
and max()
functions otherwise. Within calculations, they continue to
behave how they did in 1.40.0.
This fixes an unintended breaking change added in 1.40.0, wherein passing a
unitless number and a number without units to min()
or max()
now produces
an error. Since this breakage affects a major Sass library, we're temporarily
reverting support for min()
and max()
calculations while we work on
designing a longer-term fix.
Add support for first-class calc()
expressions (as well as clamp()
and
plain-CSS min()
and max()
). 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()
and meta.calc-args()
can now inspect
calculations.
Add a new value type, SassCalculation
, that represents calculations.
Add new CalculationOperation
, CalculationOperator
, and
CalculationInterpolation
types to represent types of arguments that may
exist as part of a calculation.
Add a new Value.assertCalculation()
method.
Add a new Number.hasCompatibleUnits()
method.
@use ... with
would throw an error when
that variable was defined in a module that also contained @forward ... with
.@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.charset
option that controls whether or not Sass emits a
@charset
/BOM for non-ASCII stylesheets.In expanded mode, emit characters in Unicode private-use areas as escape sequences rather than literal characters.
Fix a bug where quotes would be omitted for an attribute selector whose value was a single backslash.
Properly consider numbers that begin with .
as "plain CSS" for the purposes
of parsing plain-CSS min()
and max()
functions.
Allow if
to be used as an unquoted string.
Properly parse backslash escapes within url()
expressions.
Fix a couple bugs where @extend
s could be marked as unsatisfied when
multiple identical @extend
s extended selectors across @use
rules.
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.
SassArgumentList.keywordsWithoutMarking
getter to access the keyword
arguments of an argument list without marking them accessed.Potentially breaking bug fix: SassNumber.asSlash
,
SassNumber.withSlash()
, and SassNumber.withoutSlash()
have been marked as
@internal
. They were never intended to be used outside the sass
package.
Potentially breaking bug fix: SassException
has been marked as @sealed
to formally indicate that it's not intended to be extended outside of the
sass
package.
Add a Value.withListContents()
method that returns a new Sass list with the
same list separator and brackets as the current value, interpreted as a list.
Added compileToResult()
, compileStringToResult()
,
compileToResultAsync()
, and compileStringToResultAsync()
methods. These
are intended to replace the existing compile*()
methods, which are now
deprecated. Rather than returning a simple string, these return a
CompileResult
object, which will allow us to add additional information
about the compilation without having to introduce further deprecations.
Instead of passing a sourceMaps
callback to compile*()
, pass
sourceMaps: true
to compile*ToResult()
and access
CompileResult.sourceMap
.
The CompileResult
object exposes a loadedUrls
object which lists the
canonical URLs accessed during a compilation. This information was
previously unavailable except through the JS API.
Potentially breaking bug fix: Properly throw an error for Unicode ranges
that have too many ?
s after hexadecimal digits, such as U+12345??
.
Potentially breaking bug fix: Fixed a bug where certain local variable
declarations nested within multiple @if
statements would incorrectly
override a global variable. It's unlikely that any real stylesheets were
relying on this bug, but if so they can simply add !global
to the variable
declaration to preserve the old behavior.
Potentially breaking bug fix: Fix a bug where imports of root-relative
URLs (those that begin with /
) in @import
rules would be passed to
both Dart and JS importers as file:
URLs.
Properly support selector lists for the $extendee
argument to
selector.extend()
and selector.replace()
.
Fix an edge case where @extend
wouldn't affect a selector within a
pseudo-selector such as :is()
that itself extended other selectors.
Fix a race condition where meta.load-css()
could trigger an internal error
when running in asynchronous mode.
@internal
annotation to indicate which Value
APIs are available
for public use.@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 to compile()
, compileString()
,
compileAsync()
, and compileStringAsync()
which silences compiler warnings
from stylesheets loaded through importers, load paths, and package:
URLs.
Add a verbose
argument to compile()
, compileString()
, compileAsync()
,
and compileStringAsync()
which causes the compiler to emit all deprecation
warnings, not just 5 per feature.
/
for division. The new math.div()
function should be
used instead. See this page for details.Add a list.slash()
function that returns a slash-separated list.
Potentially breaking bug fix: The heuristics around when potentially
slash-separated numbers are converted to slash-free numbers—for example, when
1/2
will be printed as 0.5
rather than 1/2
—have been slightly expanded.
Previously, a number would be made slash-free if it was passed as an argument
to a user-defined function, but not to a built-in function. Now it will be
made slash-free in both cases. This is a behavioral change, but it's unlikely
to affect any real-world stylesheets.
:is()
now behaves identically to :matches()
.
Fix a bug where non-integer numbers that were very close to integer values would be incorrectly formatted in CSS.
Fix a bug where very small number and very large negative numbers would be incorrectly formatted in CSS.
this
context for importers now has a fromImport
field, which is true
if the importer is being invoked from an @import
and false
otherwise.
Importers should only use this to determine whether to load import-only
files.Importer.fromImport
getter, which is true
if the current
Importer.canonicalize()
call comes from an @import
rule and false
otherwise. Importers should only use this to determine whether to load
import-only files.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
-w
shorthand for the --watch
flag.render()
options object within its
local context, as this.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.
nodeIntegration
is disabled.SassColor
constructors now throw RangeError
s with
start
and end
set.@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()
with fiber
multiple
times simultaneously.
Avoid possible mangled error messages when custom functions or importers throw unexpected exceptions.
Fix Electron support when nodeIntegration
is disabled.
==
for numbers that have different units.Deprecate passing non-%
numbers as lightness and saturation to hsl()
,
hsla()
, color.adjust()
, and color.change()
. This matches the CSS
specification, which also requires %
for all lightness and saturation
parameters. See [the Sass website][color-units] for more details.
Deprecate passing numbers with units other than deg
as the hue to hsl()
,
hsla()
, adjust-hue()
, color.adjust()
, and color.change()
. Unitless
numbers are still allowed here, since they're allowed by CSS. See [the Sass
website][color-units] for more details.
Improve error messages about incompatible units.
Properly mark some warnings emitted by sass:color
functions as deprecation
warnings.
Rename SassNumber.valueInUnits()
to SassNumber.coerceValue()
. The old name
remains, but is now deprecated.
Rename SassNumber.coerceValueToUnit()
, a shorthand for
SassNumber.coerceValue()
that takes a single numerator unit.
Add SassNumber.coerceToMatch()
and SassNumber.coerceValueToMatch()
, which
work like SassNumber.coerce()
and SassNumber.coerceValue()
but take a
SassNumber
whose units should be matched rather than taking the units
explicitly. These generate better error messages than SassNumber.coerce()
and SassNumber.coerceValue()
.
Add SassNumber.convertToMatch()
and SassNumber.convertValueToMatch()
,
which work like SassNumber.coerceToMatch()
and
SassNumber.coerceValueToMatch()
except they throw exceptions when converting
unitless values to or from units.
Add SassNumber.compatibleWithUnit()
, which returns whether the number can be
coerced to a single numerator unit.
Add support for parsing clamp()
as a special math function, the same way
calc()
is parsed.
Properly load files in case-sensitive Windows directories with upper-case names.
@at-root (without: all)
wouldn't properly remove a
@keyframes
context when parsing selectors.main()
function in sass.js
now returns a Promise
that
completes when the executable is finished running.@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(...)
.color.hwb()
function to sass:color
that can express colors in HWB format.color.whiteness()
and color.blackness()
functions to sass:color
to get a color's HWB whiteness and blackness components.$whiteness
and $blackness
parameters to color.adjust()
,
color.change()
, and color.scale()
to modify a color's HWB whiteness
and blackness components.SassColor
class, including a SassColor.hwb()
constructor, whiteness
and blackness
getters, and a changeHwb()
method.Potentially breaking bug fix: meta.load-css()
now correctly uses the
name $url
for its first argument, rather than $module
.
Don't crash when using Infinity
or NaN
as a key in a map.
Emit a proper parse error for a =
with no right-hand side in a function.
Avoid going exponential on certain recursive @extend
edge cases.
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.
map.get()
.
For example, map.get((a: (b: (c: d))), a, b, c)
would return d
.
See the documentation for more details.map.has-key
.
For example, map.has-key((a: (b: (c: d))), a, b, c)
would return true.
See the documentation for more details.Add a map.deep-merge()
function. This works like map.merge()
, except that
nested map values are also recursively merged. For example:
map.deep-merge(
(color: (primary: red, secondary: blue),
(color: (secondary: teal)
) // => (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.
Value.tryMap()
function which returns the Value
as a SassMap
if
it's a valid map, or null
otherwise. This allows function authors to safely
retrieve maps even if they're internally stored as empty lists, without having
to catch exceptions from Value.assertMap()
.#{--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.
node_preamble
when compiling to JS.@else
rules.Add sass.NULL
, sass.TRUE
, and sass.FALSE
constants to match Node Sass's
API.
If a custom Node importer returns both file
and contents
, don't attempt to
read the file
. Instead, use the contents
provided by the importer, with
file
as the canonical url.
@forward
s through @import
s.--watch
mode could go into an infinite loop compiling CSS
files to themselves.selector.extend()
and
selector.replace()
functions.--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.
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)
or log($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.sass --version
would crash for certain executable
distributions.@use
rule and an @import
rule.Add an optional with
clause to the @forward
rule. This works like the
@use
rule's with
clause, except that @forward ... with
can declare
variables as !default
to allow downstream modules to reconfigure their
values.
Support configuring modules through @import
rules.
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 implements SourceSpanFormatException
(and thus
FormatException
).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.
--watch
wouldn't watch files referred to by @forward
rules.@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 the sass:color
module.
Launch the new Sass module system! This adds:
@use
rule][], which loads Sass files as modules and makes their
members available only in the current file, with automatic namespacing. [@use
rule]: https://sass-lang.com/documentation/at-rules/use
@forward
rule][], which makes members of another Sass file available
to stylesheets that @use
the current file. [@forward
rule]: https://sass-lang.com/documentation/at-rules/forward
Built-in modules named sass:color
, sass:list
, sass:map
, sass:math
,
sass:meta
, sass:selector
, and sass:string
that provide access to all
the built-in Sass functions you know and love, with automatic module
namespaces.
The [meta.load-css()
mixin][], which includes the CSS contents of a module
loaded from a (potentially dynamic) URL.
[meta.load-css()
mixin]: https://sass-lang.com/documentation/modules/meta#load-css
meta.module-variables()
function][], which provides access to the
variables defined in a given module. [meta.module-variables()
function]: https://sass-lang.com/documentation/modules/meta#module-variables
meta.module-functions()
function][], which provides access to the
functions defined in a given module. [meta.module-functions()
function]: https://sass-lang.com/documentation/modules/meta#module-functions
Check out the Sass blog for more information on the new module system. You can also use the new Sass migrator to automatically migrate your stylesheets to the new module system!
--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.
.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.
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.
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
.
^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.
Potentially breaking bug fix: The argument name for the saturate()
function is now $amount
, to match the name in LibSass and originally in Ruby
Sass.
Potentially breaking bug fix: The invert()
function now properly returns
#808080
when passed $weight: 50%
. This matches the behavior in LibSass and
originally in Ruby Sass, as well as being consistent with other nearby values
of $weight
.
Potentially breaking bug fix: The invert()
function now throws an error
if it's used as a plain CSS function and the Sass-only
$weight
parameter is passed. This never did anything useful, so it's
considered a bug fix rather than a full breaking change.
Potentially breaking bug fix: The str-insert()
function now properly
inserts at the end of the string if the $index
is -1
. This matches the
behavior in LibSass and originally in Ruby Sass.
Potentially breaking bug fix: An empty map returned by map-remove()
is
now treated as identical to the literal value ()
, rather than being treated
as though it had a comma separator. This matches the original behavior in Ruby
Sass.
The adjust-color()
function no longer throws an error when a large $alpha
value is combined with HSL adjustments.
The alpha()
function now produces clearer error messages when the wrong
number of arguments are passed.
Fix a bug where the str-slice()
function could produce invalid output when
passed a string that contains characters that aren't represented as a single
byte in UTF-16.
Improve the error message for an unknown separator name passed to the join()
or append()
functions.
The zip()
function no longer deadlocks if passed no arguments.
The map-remove()
function can now take a $key
named argument. This matches
the signature in LibSass and originally in Ruby Sass.
require()
function to make the code statically
analyzable by Webpack.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.
Value.realNull
getter, which returns Dart's null
if the value is
Sass's null.Add a sass
executable when installing the package through pub
.
Add a top-level warn()
function for custom functions and importers to print
warning messages.
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.
includePaths
or
the SASS_PATH
environment variable. This matches Node Sass's behavior, so
it's considered a bug fix.i
in [title="test" i]
.content
property of a body::before
rule so
it will show up in the browser (unless compiling to standard output). This can
be disabled with the --no-error-css
flag, or forced even when compiling to
standard output with the --error-css
flag.SassException.toCssString()
, which returns the contents of a CSS
stylesheet describing the error, as above.!
in url()
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.
--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 to compile()
, compileString()
, compileAsync()
and
compileStringAsync()
. If this option is set to false
, Sass will never emit
a @charset
declaration or a byte-order mark, even if the CSS file contains
non-ASCII characters.
Explicitly require that importers' canonicalize()
methods be able to take
paths relative to their outputs as valid inputs. This isn't considered a
breaking change because the importer infrastructure already required this in
practice.
sass.types.Error
constructor as an alias for Error
. 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.
!global
variable assignments to variables that aren't yet defined.
This deprecation message can be avoided by assigning variables to null
at
the top level before globally assigning values to them.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 just dir
.
The new error output uses non-ASCII Unicode characters by default. Add a
--no-unicode
flag to disable this.
rgb()
and hsl()
now treat unquoted strings beginning with env()
,
min()
, and max()
as special number strings like calc()
.Properly merge all and
media queries. These queries were previously being
merged as though all
referred to a specific media type, rather than all
media types.
Never remove units from 0 values in compressed mode. This wasn't safe in
general, since some properties (such as line-height
) interpret 0
as a
<number>
rather than a <length>
which can break CSS transforms. It's
better to do this optimization in a dedicated compressor that's aware of CSS
property semantics.
Match Ruby Sass's behavior in some edge-cases involving numbers with many significant digits.
Emit escaped tab characters in identifiers as \9
rather than a backslash
followed by a literal tab.
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.ImportResult.sourceMapUrl
as documented.setValue()
is called on a Sass string object, make it unquoted even if
it was quoted originally, to match the behavior of Node Sass.--
, 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()
and hsl()
syntax introduced in CSS Colors
Level 4, such as rgb(0% 100% 0% / 0.5)
. See the proposal
for more details.
Add support for interpolation in at-rule names. See the proposal for details.
Add paths from the SASS_PATH
environment variable to the load paths in the
command-line interface, Dart API, and JS API. These load paths are checked
just after the load paths explicitly passed by the user.
Allow saturation and lightness values outside of the 0%
to 100%
range in
the hsl()
and hsla()
functions. They're now clamped to be within that
range rather than producing an error if they're outside it.
Properly compile selectors that end in escaped whitespace.
Treat :before
, :after
, :first-line
, and :first-letter
as
pseudo-elements for the purposes of @extend
.
When running in compressed mode, remove spaces around combinators in complex
selectors, so a selector like a > b
is output as a>b
.
Properly indicate the source span for errors involving binary operation expressions whose operands are parenthesized.
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.
@debug
in a stylesheet passed on standard input.AsyncImporter.canonicalize()
and Importer.canonicalize()
must now return
absolute URLs. Relative URLs are still supported, but are deprecated and will
be removed in a future release.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.
--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.
#abcd
that are now interpreted as hex colors with alpha
channels, rather than unquoted ID strings.@charset
declarations.--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 @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.
SassException
type that provides information about Sass compilation
failures.Add support for importing plain CSS files. They can only be imported without
an extension—for example, @import "style"
will import style.css
. Plain CSS
files imported this way only support standard CSS features, not Sass
extensions.
See the proposal for details.
Add support for CSS's min()
and max()
math functions. A min()
and
max()
call will continue to be parsed as a Sass function if it involves any
Sass-specific features like variables or function calls, but if it's valid
plain CSS (optionally with interpolation) it will be emitted as plain CSS instead.
See the proposal for details.
Add support for range-format media features like (10px < width < 100px)
. See
the proposal for details.
Normalize escape codes in identifiers so that, for example, éclair
and
\E9clair
are parsed to the same value. See
the proposal for details.
Don't choke on a byte-order mark at the beginning of a document when running in JavaScript.
--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()
and compileAsync()
functions now parse files with the .css
extension as plain CSS.
Added a syntax
parameter to compileString()
and compileStringAsync()
.
Deprecated the indented
parameter to compileString()
and compileStringAsync()
.
Added a syntax
parameter to new ImporterResult()
and a
ImporterResult.syntax
getter to set the syntax of the source file.
Deprecated the indented
parameter to new ImporterResult()
and the
ImporterResult.indented
getter in favor of syntax
.
includePaths
and importer
.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.
Don't emit ANSI codes to Windows terminals that don't support them.
Fix a bug where --watch
crashed on Mac OS.
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.
@-moz-document
, except for cases where only an
empty url-prefix()
is used. Support is being removed from Firefox and
will eventually be removed from Sass as well.@-moz-document
functions with string arguments weren't being
parsed.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.
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.
--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
in templates/stylesheets
to CSS files in public/css
.
Add an --update
flag that tells Sass to compile only stylesheets that have
been (transitively) modified since the CSS file was generated.
Importer.modificationTime()
and AsyncImporter.modificationTime()
which
report the last time a stylesheet was modified.sourceMaps
option is set to a string and the
outFile
option is not set.@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.Generate source map files by default when writing to disk. This can be
disabled by passing --no-source-map
.
Add a --source-map-urls
option to control whether the source file URLs in
the generated source map are relative or absolute.
Add an --embed-sources
option to embed the contents of all source files in
the generated source map.
Add an --embed-source-map
option to embed the generated source map as a
data:
URL in the generated CSS.
sourceMap
parameter to compile()
, compileString()
,
compileAsync()
, and compileStringAsync()
. This takes a callback that's
called with a SingleMapping
that contains the source map information for
the compiled CSS file.Added support for the sourceMap
, omitSourceMapUrl
, outFile
,
sourceMapContents
, sourceMapEmbed
, and sourceMapRoot
options to
render()
and renderSync()
.
Fix a bug where passing a relative path to render()
or renderSync()
would
cause relative imports to break.
Fix a crash when printing warnings in stylesheets compiled using render()
or
renderSync()
.
Fix a bug where format errors were reported badly on Windows.
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.
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.
!
in custom property values (#260).render()
function.Errors are now subtypes of the Error
type.
Allow both the data
and file
options to be passed to render()
and
renderSync()
at once. The data
option will be used as the contents of the
stylesheet, and the file
option will be used as the path for error reporting
and relative imports. This matches Node Sass's behavior.
Add support for importing an _index.scss
or _index.sass
file when
importing a directory.
Add a --load-path
command-line option (alias -I
) for passing additional
paths to search for Sass files to import.
Add a --quiet
command-line option (alias -q
) for silencing warnings.
Add an --indented
command-line option for using the indented syntax with a
stylesheet from standard input.
Don't merge the media queries not type
and (feature)
. We had previously
been generating not type and (feature)
, but that's not actually the
intersection of the two queries.
Don't crash on $x % 0
.
The standalone executable distributed on GitHub is now named sass
rather
than dart-sass
. The dart-sass
executable will remain, with a deprecation
message, until 1.0.0 is released.
Add a Logger
class that allows users to control how messages are printed by
stylesheets.
Add a logger
parameter to compile()
, compileAsync()
, compileString()
,
and compileStringAsync()
.
@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.
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 to rgb()
, rgba()
,
hsl()
and hsla()
.
Fix some cases where equivalent numbers wouldn't count as the same keys in maps.
Fix a bug where multiplication like (1/1px) * (1px/1)
wouldn't properly
cancel out units.
Fix a bug where dividing by a compatible unit would produce an invalid result.
Remove a non-sh
-compatible idiom from the standalone shell script.
Add a functions
parameter to compile()
, compleString()
,
compileAsync()
, and compileStringAsync()
. This allows users to define
custom functions in Dart that can be invoked from Sass stylesheets.
Expose the Callable
and AsyncCallable
types, which represent functions
that can be invoked from Sass.
Expose the Value
type and its subclasses, as well as the top-level
sassTrue
, sassFalse
, and sassNull
values, which represent Sass values
that may be passed into or returned from custom functions.
Expose the OutputStyle
enum, and add a style
parameter to compile()
,
compleString()
, compileAsync()
, and compileStringAsync()
that allows
users to control the output style.
Support the functions
option.
Support the "compressed"
value for the outputStyle
option.
Support unquoted imports in the indented syntax.
Fix a crash when :not(...)
extends a selector that appears in
:not(:not(...))
.
render()
and renderSync()
.Add compileAsync()
and compileStringAsync()
methods. These run
asynchronously, which allows them to take asynchronous importers (see below).
Add an AsyncImporter
class. This allows imports to be resolved
asynchronously in case no synchronous APIs are available. AsyncImporter
s are
only compatible with compileAysnc()
and compileStringAsync()
.
Properly parse numbers with exponents.
Don't crash when evaluating CSS variables whose names are entirely
interpolated (for example, #{--foo}: ...
).
importer
option to render()
and renderSync()
.
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
and PackageImporter
implementations that
support resolving file:
and package:
URLs, respectively.
Added an importers
argument to the compile()
and compileString()
functions that provides Importer
s to use when resolving @import
rules.
Added a loadPaths
argument to the compile()
and compileString()
functions that provides paths to search for stylesheets when resolving
@import
rules. This is a shorthand for passing FilesystemImporter
s to the
importers
argument.
Add support for the ::slotted()
pseudo-element.
Generated transparent colors will now be emitted as rgba(0, 0, 0, 0)
rather
than transparent
. This works around a bug wherein IE incorrectly handles the
latter format.
Add support for data
, includePaths
, indentedSyntax
, lineFeed
,
indentWidth
, and indentType
options to render()
and renderSync()
.
The result object returned by render()
and renderSync()
now includes the
stats
object which provides metadata about the compilation process.
The error object thrown by render()
and renderSync()
now includes line
,
column
, file
, status
, and formatted
fields. The message
field and
toString()
also provide more information.
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()
and selector-replace()
now allow compound selector
extendees.
Remove the universal selector *
when unifying with other selectors.
Properly unify the result of multiple simple selectors in the same compound selector being extended.
Properly handle extensions being extended.
Properly follow the first law of @extend
.
Fix selector specificity tracking to follow the
second law of @extend
.
Allow extensions that match selectors but fail to unify.
Partially-extended selectors are no longer used as parent selectors.
Fix an edge case where both the extender and the extended selector have invalid combinator sequences.
Don't crash with a "Bad state: no element" error in certain edge cases.
Elements without a namespace (such as div
) are no longer unified with
elements with the empty namespace (such as |div
). This unification didn't
match the results returned by is-superselector()
, and was not guaranteed to
be valid.
Support &
within @at-root
.
Properly error when a compound selector is followed immediately by &
.
Properly handle variable scoping in @at-root
and nested properties.
Properly handle placeholder selectors in selector pseudos.
Properly short-circuit the or
and and
operators.
Support --$variable
.
Don't consider unitless numbers equal to numbers with units.
Warn about using named colors in interpolation.
Don't emit loud comments in functions.
Detect import loops.
Fix @import
with a supports()
clause.
Forbid functions named "and", "or", and "not".
Fix type-of()
with a function.
Emit a nicer error for invalid tokens in a selector.
Fix invert()
with a $weight
parameter.
Fix a unit-parsing edge-cases.
Always parse imports with queries as plain CSS imports.
Support &
followed by a non-identifier.
Properly handle split media queries.
Properly handle a placeholder selector that isn't at the beginning of a compound selector.
Fix more str-slice()
bugs.
Fix the %
operator.
Allow whitespace between =
and the mixin name in the indented syntax.
Fix some slash division edge cases.
Fix not
when used like a function.
Fix attribute selectors with single-character values.
Fix some bugs with the call()
function.
Properly handle a backslash followed by a CRLF sequence in a quoted string.
Fix numbers divided by colors.
Support slash-separated numbers in arguments to plain CSS functions.
Error out if a function is passed an unknown named parameter.
Improve the speed of loading large files on Node.
Don't consider browser-prefixed selector pseudos to be superselectors of differently- or non-prefixed selector pseudos with the same base name.
Fix an @extend
edge case involving multiple combinators in a row.
Fix a bug where a @content
block could get incorrectly passed to a mixin.
Properly isolate the lexical environments of different calls to the same mixin and function.
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()
, and mixin-exists()
to use the
lexical scope rather than always using the global scope.
str-index()
now correctly inserts at negative indices.
Properly parse url()
s that contain comment-like text.
Fix a few more small @extend
bugs.
Fix a bug where interpolation in a quoted string was being dropped in some circumstances.
Properly handle @for
rules where each bound has a different unit.
Forbid mixins and functions from being defined in control directives.
Fix a superselector-computation edge case involving :not()
.
Gracefully handle input files that are invalid UTF-8.
Print a Sass stack trace when a file fails to load.
Allow var()
to be passed to rgb()
, rgba()
, hsl()
, and hsla()
.
Fix conversions between numbers with dpi
, dpcm
, and dppx
units.
Previously these conversions were inverted.
Don't crash when calling str-slice()
with an $end-at
index lower than the
$start-at
index.
str-slice()
now correctly returns ""
when $end-at
is negative and points
before the beginning of the string.
Interpolation in quoted strings now properly preserves newlines.
Don't crash when passing only $hue
or no keyword arguments to
adjust-color()
, scale-color()
, or change-color()
.
Preserve escapes in identifiers. This used to only work for identifiers in SassScript.
Fix a few small @extend
bugs.
Fix bounds-checking for opacify()
, fade-in()
, transparentize()
, and
fade-out()
.
Fix a bug with @extend
superselector calculations.
Fix some cases where #{...}--
would fail to parse in selectors.
Allow a single number to be passed to saturate()
for use in filter contexts.
Fix a bug where **/
would fail to close a loud comment.
Fix a bug where mixin and function calls could set variables incorrectly.
Move plain CSS @import
s to the top of the document.
Add support for bracketed lists.
Add support for Unicode ranges.
Add support for the Microsoft-style =
operator.
Print the filename for @debug
rules.
Fix a bug where 1 + - 2
and similar constructs would crash the parser.
Fix a bug where @extend
produced the wrong result when used with
selector combinators.
Fix a bug where placeholder selectors were not allowed to be unified.
Fix the mixin-exists()
function.
Fix :nth-child()
and :nth-last-child()
parsing when they contain of
selector
.
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.