(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->references
andget-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-light
and_contrast-dark
colors are used
for mixingtint()
andshade()
,
with optional$light
/$dark
override parameters
(thanks to @biw-joelschou) - NEW: Default
_contrast-light
and_contrast-dark
provided,
set_contrast-light
/dark
in$colors
to 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$source
parameter - NEW: Support for CSS Variables with
fonts--()
,font--()
, andvar-font()