CSS syntax patches for CSS tree
npm install @csstools/css-syntax-patches-for-csstree[][npm-url]
[][cli-url]
Patch csstree syntax definitions with the latest data from CSS specifications.
``bash`
npm install @csstools/css-syntax-patches-for-csstree
`js
import { fork } from 'css-tree';
import syntax_patches from '@csstools/css-syntax-patches-for-csstree' with { type: 'json' };
const forkedLexer = fork({
atrules: syntax_patches.next.atrules,
properties: syntax_patches.next.properties,
types: syntax_patches.next.types,
}).lexer;
`
`js
import syntax_patches from '@csstools/css-syntax-patches-for-csstree' with { type: 'json' };
console.log(syntax_patches.next);
// ^^^^
`
CSS specifications are often still in flux and various parts might change or disappear altogether.
Specifications also contains parts that haven't been implemented yet in a browser.
Only CSS that is widely adopted can be expected to be stable.
The next` grouping contains a combination of what is currently valid in browsers and the progress in various specifications.
_In the future more groupings might be added._
[cli-url]: https://github.com/csstools/postcss-plugins/actions/workflows/test.yml?query=workflow/test
[npm-url]: https://www.npmjs.com/package/@csstools/css-syntax-patches-for-csstree