@csstree

A tool set for working with with CSS including fast detailed parser, walker, generator and lexer based on knowledge of W3C specs and browser implementations

github.com/csstree/csstree
Joined September 2016
  • Tweets122
  • Following0
  • Followers214
32Media
🚀 VSCode CSSTree validator v1.2 Now powered by CSSTree 3.0, featuring enhanced warnings for unknown properties, descriptors, and at-rules. Improved error highlighting makes catching CSS issues easier than ever. marketplace.visualstudio.com…

CSSTree validator - Visual Studio Marketplace

Extension for Visual Studio Code - Validate CSS according to W3C specs and browser implementations

marketplace.visualstudio.com
1
1
251
🚀 CSSTree validator v4.0 Now powered by the latest CSSTree 3.0, featuring enhanced support for modern CSS syntax. Check it out! github.com/csstree/validator

GitHub - csstree/validator: CSS validator based on CSSTree

CSS validator based on CSSTree. Contribute to csstree/validator development by creating an account on GitHub.

github.com
1
1
255
🚀 CSSTree 3.0 is here! Featuring support for modern at-rules, improvements to query-related at-rules, spec alignments, other enhancements and bug fixes, and more. Release notes: github.com/csstree/csstree/r…

Release 3.0.0 · csstree/csstree

Added support for the @container at-rule Added support for the @starting-style at-rule Added support for the @scope at-rule Added support for the @position-try at-rule Added support for the @layer ...

github.com
1
2
4
393
💖 These two months, we redistributed our funds to @satanacchio, @johnsoncodehk, @geteslint, libvips, @csstree, Discovery.js, @pnpmjs, @iconify_design for their amazing work! 🙏 Thanks to @logto_io and all the sponsors for making this possible! opencollective.com/antfu/upd…

Anthony Fu Fund Redistribution, July & August 2024 - Anthony Fu Fund

Hello everyone! In these two months, July & August 2024, we raised the fund of $1397.59, thanks to our awesome sponsors, ...

opencollective.com
2
8
1
98
7,674
I've just contributed to @csstree. Consider supporting them too — every little helps! opencollective.com/csstree via @opencollect

CSSTree - Open Collective

Fast detailed CSS parser, validator and related projects

opencollective.com
2
4
363
🚀 CSSTree 2.3.0 CSS Nesting support, units introspection and customisation, up to date mdn/data dictionary github.com/csstree/csstree/r…

Release 2.3.0 CSS Nesting, units introspection & customisation · csstree/csstree

Added CSS Nesting support: Added NestingSelector node type for & (a nesting selector) in selectors Added @nest at-rule Changed behaviour for @media inside a Rule to parse its block content as ...

github.com
1
4
[New blog post] How we improved the CSS formal syntax sections on @MozDevNet with the help of @csstree (h/t @rdvornov) and the @w3cdevs webref/css package openwebdocs.org/content/post…

Improving MDN's CSS formal syntax

Open Web Docs supports web platform documentation for the benefit of web developers & designers worldwide. We are a community of web developers, standards makers, and technology companies that rely...

openwebdocs.org
1
9
20
Looks like CSSTree's definition syntax matching with an appropriate dictionary could be used for SVG attribute validation:
ゆうてん🖖
@cloud10designs22 Nov 2021
css-tree (npmjs.com/package/css-tree)を使うことによって、ここまで詳細に属性値の間違いを発見できるようになった。
ソースコードのスクリーンショット: g要素の中にpath要素がある。path要素にそれぞれmask属性とtransform属性がある。mask属性は0px none invali-keywordと指定されていて、invalid-keywordには警告の赤波線が引かれている。transform属性にはtranslate(0, 200)と指定してあり、200の部分に警告の赤波線が引かれている。

ALT ソースコードのスクリーンショット: g要素の中にpath要素がある。path要素にそれぞれmask属性とtransform属性がある。mask属性は0px none invali-keywordと指定されていて、invalid-keywordには警告の赤波線が引かれている。transform属性にはtranslate(0, 200)と指定してあり、200の部分に警告の赤波線が引かれている。

2
4
⭐️ Updated CSS syntax reference to use latest CSSTree and mdn/data dictionaries csstree.github.io/docs/synta…
1
4
🚀 CSSTree validator 3.0 Use latest CSSTree, ESM support, custom reporters for CLI Release notes: github.com/csstree/validator…

Release 3.0.0 – ESM support, custom reporters for CLI · csstree/validator

Added custom reporters support in CLI, e.g. csstree-validator --reporter path/to/reporter.js or csstree-validator --reporter reporter-package Added Symbol.iterator for validateString(), validateDic...

github.com
1
🚀 stylelint-validator 2.0 Implemented at-rule validation, improved ignore options and Sass/Less syntax extensions, ESM support Release notes: github.com/csstree/stylelint…

Release 2.0.0 – At-rule validation, ignore options and Sass/Less improvements, ESM support ·...

Added syntaxExtensions option to specify syntax extensions, i.e. sass or/and less. For now the plugin validates CSS only by default Added at-rule validation for name, prelude and descriptors Added ...

github.com
4
4
🚀 CSSTree 2.0.2 Polishing and bug fixes, reduce install size Release notes and details: github.com/csstree/csstree/r…

Release 2.0.2 · csstree/csstree

Updated width, min-width and max-width syntax definitions Patched counter related syntaxes to match specs until updated in mdn-data Replaced source-map with source-map-js which reduce install size ...

github.com
📦 Package of the Day css-tree npmjs.com/package/css-tree CSSTree is a toolset for CSS; fast detailed parser, walker, generator and lexer (validation and matching) based on specs and browser implementations. #javascript #nodejs #npmPackageOfTheDay #100DaysOfCode
7
10
CSSTree v2’s tokenizer is the absolute fastest, with a comfortable lead, and the semantically correct number of tokens. @rdvornov even fixed tests that inaccurately benchmarked CSSTree v1. Thank you, from the web. github.com/csstools/tokenize…

Fix css-tree benchmark by lahmatiy · Pull Request #5 · csstools/tokenizer

This PR changes CSSTree benchmark to bench tokenization only. The previous test besides tokenization included parsing, building AST and its traversal, as a result it counted AST nodes not tokens (s...

github.com
4
16
csstree retweeted
CSSO@cssoptimizer4 Dec 2021
🚀 CSSO 5.0 just published Migrated to ESM (CommonJS is still supported), added support for CSS Selectors Level 4 in specificity calculation Release notes: github.com/css/csso/releases…

Release 5.0.0 – ESM support, CSS Selectors Level 4 · css/csso

Added support for CSS Selectors Level 4 and legacy pseudos in specificity calculation, i.e. :has(), :not(), :is(), :matches(), :-moz-any(), :-webkit-any(), :where(), :nth-child...

github.com
3
1
6
🚀 CSSTree 2.0 just released! ESM support, no white space nodes on AST, auto encode/decode string and url values, and more Release notes and details: github.com/csstree/csstree/r…

Release 2.0 – ESM support, no white space nodes on AST, auto encode/decode string and url values,...

ES2020 syntax and support for ESM The source code was refactored to use ES2020 syntax and ES modules by default. However, Commonjs version of library is still supported, so the package became a dua...

github.com
4
1
15
⭐️ Finally, CSSTree has been updated to 1.0 on astexplorer.net (astexplorer.net/#/gist/4a910…). It also has settings now! Kudos to @smelukov 🙏 (PR: github.com/fkling/astexplore…)
1
2
⭐️ Experimental CSSWG drafts index page was slightly refactored recently. It's page got a dark theme and is now automatically updated once a day. Feedback is highly appreciated! csstree.github.io/csswg-draf…
1
⭐️ CSSTree reference page has been updated to show at-rule related syntaxes by mdn/data, that's used in CSSTree for validation. Try it out:
1
2
2
Missed to add a link, fixing that: csstree.github.io/docs/synta…
Load more