Use tomorrow's CSS syntax, today.
cssnext is a CSS transpiler that allows you to use the latest CSS syntax today. It transforms CSS specs into more compatible CSS so you don’t need to wait for browser support.
If you're using PostCSS in your build process, and want to add cssnext, you need only postcss-cssnext
(check the "options" section here below).
Otherwise, if you like cssnext to work as a full standalone package with its own cli
(independently of PostCSS), use cssnext
.
cssnext was at first designed to be a complete tool, before PostCSS became
popular; thus, includes some options that don't really belong in a PostCSS
plugin (e.g., import
, url
, compress
, plugins
).
These days, most people use PostCSS directly so we decided to make integration of
cssnext more simple by providing a simple (real) plugin.
If you were using cssnext with some options here is what you need to know:
import
: just add into your plugins listpostcss-import
url
: just add into your plugins listpostcss-url
compress
: just add into your plugins listcssnano
plugins
: just add the plugins directly in your listmessages
: seepostcss-reporter
andpostcss-browser-reporter
sourcemap
,map
,to
,from
: see PostCSS source map documentation
We plan to offer a simple migration by making postcss better. Please track this issue #208
Check out cssnext website
For questions and support please visit the gitter room.
The issue tracker is exclusively for bug reports and feature requests.