csslib 0.14.6

  • README.md
  • Installing
  • Versions
  • 94

CSS parser library for Dart

This is a CSS parser written entirely in Dart. It can be used in the client/server/command line.

This package is installed with Pub, see: install instructions for this package.


Parsing CSS is easy!

import 'package:csslib/parser.dart';

main() {
  var stylesheet = parse(
      '.foo { color: red; left: 20px; top: 20px; width: 100px; height:200px }');

You can pass a String or list of bytes to parse.

Running Tests

Basic tests can be found in this repository:

pub run test

The full CSS test suite can be found in https://github.com/dart-lang/csslib-test-suite

cd ../csslib-test-suite


  • Removed whitespace between comma-delimited expressions in compact output.


    div{color:rgba(0, 0, 0, 0.5);}


  • Removed last semicolon from declaration groups in compact output.






  • Fixed a crashed caused by parsing :host() without an argument and added an error message explaining that a selector argument is expected.


  • Set max SDK version to <3.0.0, and adjust other dependencies.


  • Reduced whitespace in compact output for the @page at-rule and margin boxes.
  • Updated SDK version to 2.0.0-dev.17.0.
  • Stop using deprecated constants.


  • Reduced the amount of whitespace in compact output around braces.


  • Fixed Dart 2 runtime failure.


  • Deprecated package:csslib/css.dart. Use parser.dart and visitor.dart instead.


New features

  • Supports nested at-rules.
  • Supports nested HTML comments in CSS comments and vice-versa.

Breaking changes

  • The List<RuleSet> rulesets field on MediaDirective, HostDirective, and StyletDirective has been replaced by List<TreeNode> rules to allow nested at-rules in addition to rulesets.


  • Adds support for @viewport.
  • Adds support for -webkit-calc() and -moz-calc().
  • Adds support for querying media features without specifying an expression. For example: @media (transform-3d) { ... }.
  • Prevents exception being thrown for invalid dimension terms, and instead issues an error.


  • Adds support for @-moz-document.
  • Adds support for @supports.


  • Parses CSS 2.1 pseudo-elements as pseudo-elements instead of pseudo-classes.
  • Supports signed decimal numbers with no integer part.
  • Fixes parsing hexadecimal numbers when followed by an identifier.
  • Fixes parsing strings which contain unicode-range character sequences.


  • Fixes analyzer error.


  • Adds support for shadow host selectors :host() and :host-context().
  • Adds support for shadow-piercing descendant combinator >>> and its alias /deep/ for backwards compatibility.
  • Adds support for non-functional IE filter properties (i.e. filter: FlipH).
  • Fixes emitted CSS for @page directive when body includes declarations and page-margin boxes.
  • Exports Message from parser.dart so it's no longer necessary to import src/messages.dart to use the parser API.


  • Fix static warnings.


  • Fix new strong mode error.


  • Relax type of TreeNode.visit, to allow returning values from visitors.


  • Fix two checked mode bugs introduced in 0.13.0.


  • BREAKING Fix all strong mode errors and warnings. This involved adding more precise on some public APIs, which is why it may break users.


  • Fix to handle calc functions however, the expressions are treated as a LiteralTerm and not fully parsed into the AST.


  • Fix to handling of escapes in strings.


  • Allow the lastest version of logging package.


  • Top-level methods in parser.dart now take PreprocessorOptions instead of List<String>.

  • PreprocessorOptions.inputFile is now final.


  • Cleanup some ambiguous and some incorrect type signatures.


  • Improve the speed and memory efficiency of parsing.


  • Fix another test that was failing on IE10.


  • Fix a test that was failing on IE10.


  • Switch from source_maps' Span class to source_span's SourceSpan class.

Use this package as a library

1. Depend on it

Add this to your package's pubspec.yaml file:

  csslib: ^0.14.6

2. Install it

You can install packages from the command line:

with pub:

$ pub get

with Flutter:

$ flutter packages get

Alternatively, your editor might support pub get or flutter packages get. Check the docs for your editor to learn more.

3. Import it

Now in your Dart code, you can use:

import 'package:csslib/css.dart';
import 'package:csslib/parser.dart';
import 'package:csslib/visitor.dart';
Version Uploaded Documentation Archive
0.14.6 Oct 4, 2018 Go to the documentation of csslib 0.14.6 Download csslib 0.14.6 archive
0.14.5 Aug 14, 2018 Go to the documentation of csslib 0.14.5 Download csslib 0.14.5 archive
0.14.4+1 Jul 16, 2018 Go to the documentation of csslib 0.14.4+1 Download csslib 0.14.4+1 archive
0.14.4 May 10, 2018 Go to the documentation of csslib 0.14.4 Download csslib 0.14.4 archive
0.14.3 May 10, 2018 Go to the documentation of csslib 0.14.3 Download csslib 0.14.3 archive
0.14.2 May 1, 2018 Go to the documentation of csslib 0.14.2 Download csslib 0.14.2 archive
0.14.1 Sep 21, 2017 Go to the documentation of csslib 0.14.1 Download csslib 0.14.1 archive
0.14.0 May 30, 2017 Go to the documentation of csslib 0.14.0 Download csslib 0.14.0 archive
0.13.7+1 May 22, 2017 Go to the documentation of csslib 0.13.7+1 Download csslib 0.13.7+1 archive
0.13.7 May 22, 2017 Go to the documentation of csslib 0.13.7 Download csslib 0.13.7 archive

All 105 versions...

Describes how popular the package is relative to other packages. [more]
Code health derived from static analysis. [more]
Reflects how tidy and up-to-date the package is. [more]
Weighted score of the above. [more]
Learn more about scoring.

We analyzed this package on Dec 5, 2018, and provided a score, details, and suggestions below. Analysis was completed with status completed using:

  • Dart: 2.1.0
  • pana: 0.12.7


Detected platforms: Flutter, other

Platform components identified in package: io.

Health suggestions

Fix bin/css.dart. (-0.50 points)

Analysis of bin/css.dart reported 1 hint:

line 6 col 1: 'css' is deprecated and shouldn't be used.

Fix lib/src/tree.dart. (-0.50 points)

Analysis of lib/src/tree.dart reported 1 hint:

line 1242 col 7: Name types using UpperCamelCase.

Maintenance suggestions

The description is too short. (-20 points)

Add more detail about the package, what it does and what is its target use case. Try to write at least 60 characters.

Maintain an example.

None of the files in your example/ directory matches a known example patterns. Common file name patterns include: main.dart, example.dart or you could also use csslib.dart. Packages with multiple examples should use example/readme.md.


Package Constraint Resolved Available
Direct dependencies
Dart SDK >=2.0.0-dev.17.0 <3.0.0
args ^1.4.3 1.5.1
logging ^0.11.3 0.11.3+2
path ^1.6.1 1.6.2
source_span ^1.4.0 1.4.1
Transitive dependencies
charcode 1.1.2
Dev dependencies
test ^1.2.0