# postcss-cssnext

> Use tomorrow’s CSS syntax, today

Latest version **3.1.1** (published 2021-09-13) · MIT license · 0 weekly downloads

> **Deprecated.** This package is deprecated.

## Install

```sh
npm install postcss-cssnext
pnpm add postcss-cssnext
yarn add postcss-cssnext
bun add postcss-cssnext
```

## Health

**Score 10/100 (F)** — status: deprecated.

Negative: deprecated.

## Facts

| | |
|---|---|
| Version | 3.1.1 |
| Published | 2021-09-13 |
| First published | 2015-09-14 |
| Weekly downloads | 0 |
| License | MIT |
| TypeScript types | none |
| Module format | CommonJS |
| Dependencies | 31 |
| Unpacked size | 80.3 KB |
| Known vulnerabilities | 0 (+6 in 1 direct dependencies) |
| Install scripts | no |
| GitHub stars | 5257 |
| Author | Maxime Thirouin |
| Maintainers | moox, semigradsky, jonathantneal |
| Keywords | postcss, postcss-plugin, css, w3c, cssnext |

## Links

- npm: https://www.npmjs.com/package/postcss-cssnext
- Repository: https://github.com/MoOx/postcss-cssnext
- Homepage: https://cssnext.github.io/
- Issues: https://github.com/MoOx/postcss-cssnext/issues
- npm.io page: https://npm.io/package/postcss-cssnext

## Dependencies (31)

- [chalk](https://npm.io/package/chalk.md) ^2.0.1
- [pixrem](https://npm.io/package/pixrem.md) ^4.0.0
- [postcss](https://npm.io/package/postcss.md) ^6.0.5
- [caniuse-api](https://npm.io/package/caniuse-api.md) ^2.0.0
- [autoprefixer](https://npm.io/package/autoprefixer.md) ^7.1.1
- [postcss-calc](https://npm.io/package/postcss-calc.md) ^6.0.0
- [postcss-apply](https://npm.io/package/postcss-apply.md) ^0.8.0
- [postcss-initial](https://npm.io/package/postcss-initial.md) ^2.0.0
- [postcss-nesting](https://npm.io/package/postcss-nesting.md) ^4.0.1
- [pleeease-filters](https://npm.io/package/pleeease-filters.md) ^4.0.0
- [postcss-color-hsl](https://npm.io/package/postcss-color-hsl.md) ^2.0.0
- [postcss-color-hwb](https://npm.io/package/postcss-color-hwb.md) ^3.0.0
- [postcss-color-rgb](https://npm.io/package/postcss-color-rgb.md) ^2.0.0
- [postcss-color-gray](https://npm.io/package/postcss-color-gray.md) ^4.0.0
- [postcss-custom-media](https://npm.io/package/postcss-custom-media.md) ^6.0.0
- [postcss-font-variant](https://npm.io/package/postcss-font-variant.md) ^3.0.0
- [postcss-media-minmax](https://npm.io/package/postcss-media-minmax.md) ^3.0.0
- [postcss-selector-not](https://npm.io/package/postcss-selector-not.md) ^3.0.1
- [postcss-color-function](https://npm.io/package/postcss-color-function.md) ^4.0.0
- [postcss-pseudoelements](https://npm.io/package/postcss-pseudoelements.md) ^5.0.0
- [postcss-color-hex-alpha](https://npm.io/package/postcss-color-hex-alpha.md) ^3.0.0
- [postcss-custom-selectors](https://npm.io/package/postcss-custom-selectors.md) ^4.0.1
- [postcss-selector-matches](https://npm.io/package/postcss-selector-matches.md) ^3.0.1
- [postcss-custom-properties](https://npm.io/package/postcss-custom-properties.md) ^6.1.0
- [postcss-image-set-polyfill](https://npm.io/package/postcss-image-set-polyfill.md) ^0.3.5
- [postcss-color-rebeccapurple](https://npm.io/package/postcss-color-rebeccapurple.md) ^3.0.0
- [postcss-color-rgba-fallback](https://npm.io/package/postcss-color-rgba-fallback.md) ^3.0.0
- [postcss-font-family-system-ui](https://npm.io/package/postcss-font-family-system-ui.md) ^3.0.0
- [postcss-pseudo-class-any-link](https://npm.io/package/postcss-pseudo-class-any-link.md) ^4.0.0
- [postcss-replace-overflow-wrap](https://npm.io/package/postcss-replace-overflow-wrap.md) ^2.0.0
- [postcss-attribute-case-insensitive](https://npm.io/package/postcss-attribute-case-insensitive.md) ^2.0.0

## Alternatives

- [style-dictionary](https://npm.io/package/style-dictionary.md) — 2.0M weekly downloads
- [postcss-merge-idents](https://npm.io/package/postcss-merge-idents.md) — 1.7M weekly downloads
- [@fontsource/noto-sans](https://npm.io/package/@fontsource/noto-sans.md) — 93.0K weekly downloads
- [uglifycss](https://npm.io/package/uglifycss.md) — 71.6K weekly downloads
- [mat4-interpolate](https://npm.io/package/mat4-interpolate.md) — 23.3K weekly downloads

## Recent versions

- 3.1.1 (latest) — 2021-09-13
- 3.1.0 — 2018-01-22
- 3.0.2 — 2017-07-10
- 3.0.1 — 2017-07-10
- 3.0.0 — 2017-07-05
- 2.11.0 — 2017-05-15
- 2.10.0 — 2017-03-16
- 2.9.0 — 2016-11-28
- 2.8.0 — 2016-09-05
- 2.7.0 — 2016-06-28
- 2.6.0 — 2016-06-01
- 2.5.2 — 2016-04-04
- 2.5.1 — 2016-03-14
- 2.5.0 — 2016-03-14
- 2.4.0 — 2016-01-08
- … 5 more at https://npm.io/package/postcss-cssnext/versions

## README

# postcss-cssnext

[![Travis Build Status](https://img.shields.io/travis/MoOx/postcss-cssnext.svg?label=unix%20build)](https://travis-ci.org/MoOx/postcss-cssnext)
[![AppVeyor Build Status](https://img.shields.io/appveyor/ci/MoOx/postcss-cssnext.svg?label=windows%20build)](https://ci.appveyor.com/project/MoOx/postcss-cssnext)
[![Version](https://img.shields.io/npm/v/postcss-cssnext.svg)](https://github.com/MoOx/postcss-cssnext/blob/master/CHANGELOG.md)
[![Support on gitter chat](https://img.shields.io/badge/support-gitter%20chat-E40255.svg)](https://gitter.im/MoOx/postcss-cssnext)


> PostCSS plugin to use tomorrow’s CSS syntax, today.

PostCSS-cssnext is a PostCSS plugin that helps 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.

---

## [Documentation](https://cssnext.github.io/)

- [Features](https://cssnext.github.io/features/)
- [Setup](https://cssnext.github.io/setup/)
- [Usage](https://cssnext.github.io/usage/)
- [Playground](https://cssnext.github.io/playground/)
- [Migration to postcss-cssnext](https://cssnext.github.io/postcss/)

For questions and support please visit the
[support chat](https://gitter.im/MoOx/postcss-cssnext).

For offline documentation, check out `postcss-cssnext/docs/content`.

---

## CONTRIBUTING

* ⇄ Pull requests and ★ Stars are always welcome.
* For bugs and feature requests, please create an issue.
* Pull requests must be accompanied by passing automated tests (`$ npm test`).

## [Changelog](CHANGELOG.md)

## [License](LICENSE)

---
_Source: https://npm.io/package/postcss-cssnext · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._
