(Alpha) Nested Tokens, Private Tokens, & Custom Properties
Pre-release
Pre-release
- Core:
- NEW:
$adjust-query-overlap(max|min|false)
allows you to control if and how media-queries are adjusted
to avoid overlap between min/max queries
(thanks to @biw-joelschou) - NEW: Support for integrating accoutrement tokens & CSS variables
withtokens--(),token--(),var-token(),
and plugin-specific shortcuts - BREAKING: Token names starting with
_or-
are considered "private" to Sass,
and will not be output when auto-generating CSS
(variables, font-names, etc.) - BREAKING: Default ratio tokens are now prefixed with
_
(search/replace e.g.minor-third->_minor-third)
to avoid CSS-variable output - NEW:
is-private-token()andis-alias-for()are now public functions,
to help with token-inspection - BREAKING: Support for nested-map tokens with
->syntax,
both in#hash->referencesandget-token($source, 'function->calls')
(thanks to @biw-joelschou)
- NEW:
- Plugin: Animate
- BREAKING: Default easing tokens are now prefixed with
_
(search/replace e.g.in-out-quad->_in-out-quad)
to avoid CSS-variable output - NEW: Support for easing CSS variables with
easing--(),ease--(), andvar-ease() - NEW: Support for time CSS variables with
times--(),time--(), andvar-time() - NEW: Support for change CSS variables with
changes--(),change--(), andvar-change()
- BREAKING: Default easing tokens are now prefixed with
- Plugin: Color
- BREAKING:
_contrast-lightand_contrast-darkcolors are used
for mixingtint()andshade(),
with optional$light/$darkoverride parameters
(thanks to @biw-joelschou) - NEW: Default
_contrast-lightand_contrast-darkprovided,
set_contrast-light/darkin$colorsto override - NEW: Support for CSS Variables with
colors--(),color--(), andvar-color()
- BREAKING:
- [Plugin: Layout][layout]
- BREAKING: Default ratio tokens are now prefixed with
_,
see core for details
- BREAKING: Default ratio tokens are now prefixed with
- Plugin: Scale
- BREAKING: Default ratio tokens are now prefixed with
_,
see core for details - NEW: Support for size CSS Variables with
sizes--(),size--(), andvar-size() - NEW: Support for ratio variables with
ratios--(),ratio--(), andvar-ratio()
- BREAKING: Default ratio tokens are now prefixed with
- Plugin: Type
- BREAKING: Non-map fonts are interpreted as font-stacks
- BREAKING: Normalized font-data uses proper name-quotation,
and ignores missing or private names/stacks - BREAKING:
import-webfonts()no longer imports private fonts,
but will import a direct alias of the private font - NEW:
import-webfonts()accepts$sourceparameter - NEW: Support for CSS Variables with
fonts--(),font--(), andvar-font()