Skip to content
This repository has been archived by the owner on Dec 19, 2024. It is now read-only.

[WIP] postcss-cssnext merge #238

Merged
merged 25 commits into from
Jan 4, 2016
Merged
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension


Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
25 changes: 15 additions & 10 deletions .eslintrc
Original file line number Diff line number Diff line change
@@ -1,5 +1,8 @@
---
# babel support more syntax stuff than eslint for now
root: true
extends: eslint:recommended

# babel-eslint support more syntax stuff than eslint for now
parser: babel-eslint

ecmaFeatures:
Expand Down Expand Up @@ -27,31 +30,34 @@ plugins:

# 0: off, 1: warning, 2: error
rules:
no-console: 0

indent: [2, 2] # 2 spaces indentation
max-len: [2, 80, 4]
no-multiple-empty-lines: [2, {"max": 1}]
quotes: [2, "double"]
jsx-quotes: [2, "prefer-double"]
semi: [2, "never"]
no-multiple-empty-lines: [2, {"max": 1}]

brace-style: [2, "stroustrup"]
comma-dangle: [2, "always-multiline"]
comma-style: [2, "last"]
computed-property-spacing: [2, "never"]
dot-location: [2, "property"]

no-var: [2]
no-bitwise: [2]
one-var: [2, "never"]
no-var: [2]
prefer-const: [2]
no-bitwise: [2]

object-curly-spacing: [2, "always"]
array-bracket-spacing: [2, "always"]
#computed-property-spacing: [2, "always"]

array-bracket-spacing: [2, "never"]
object-shorthand: [2, "methods"]
object-curly-spacing: [2, "never"]
space-unary-ops: [2, {"words": true, "nonwords": false}]
space-after-keywords: [2, "always"]
space-before-blocks: [2, "always"]
space-before-function-paren: [2, "never"]
space-in-parens: [2, "never"]
space-unary-ops: [2, {"words": true, "nonwords": false}]
spaced-comment: [2, "always"]

# see globals
Expand All @@ -60,7 +66,6 @@ rules:
# eslint-plugin-react rules
react/jsx-boolean-value: 2
react/jsx-no-undef: 2
react/jsx-quotes: 2
#react/jsx-sort-prop-types: 2
#react/jsx-sort-props: 2
react/jsx-uses-react: 2
Expand Down
4 changes: 3 additions & 1 deletion .gitignore
Original file line number Diff line number Diff line change
@@ -1,4 +1,6 @@
# npm
node_modules

dist
# build
lib
docs/dist
90 changes: 67 additions & 23 deletions CHANGELOG.md
Original file line number Diff line number Diff line change
@@ -1,11 +1,55 @@
# 2.3.0 - 2015-12-16

- Added: we use latest version of pixrem(@^3)
([6d44410](https://github.com/MoOx/postcss-cssnext/commit/6d4441023f30895211f010776b142d02359f4d0a))
So now `rem` have
[2 new parameters](https://github.com/robwierzbowski/node-pixrem#options):
- ``rootValue`` to define the root element font-size manually
- ``unitPrecision`` for rounded values

# 2.2.0 - 2015-10-21

- Added: [postcss-nesting](https://github.com/jonathantneal/postcss-nesting)
([b31f167](https://github.com/MoOx/postcss-cssnext/commit/b31f167d7659a18a14fce65a7a94da07560e6a59)).
Supports nesting via the `@nest` syntax. See postcss-nesting documentation.

# 2.1.0 - 2015-09-16

- Added: [postcss-initial](https://github.com/maximkoretskiy/postcss-initial)
([a907881](https://github.com/MoOx/postcss-cssnext/commit/a90788153801a3f898f6cc1ade189d4de2af3367)).
Supports `initial` value for all properties. Also it supports `all: initial`.
_Does not support `all: unset` and `all: inherit`._
Plugin can be useful for creating isolated components.
- `all` specification: https://drafts.csswg.org/css-cascade/#all-shorthand
- `all` browsers support: http://caniuse.com/#feat=css-all
- `initial` value specification: https://drafts.csswg.org/css-cascade/#initial-value
- `initial` value browser support: http://caniuse.com/#feat=css-initial-value

# 2.0.1 - 2015-09-14

- Fixed: plugin can be consumed correctly from es5 environment
([7d6d3c0](https://github.com/MoOx/postcss-cssnext/commit/7d6d3c018d8ca17091d4cfe3d5d61e246ad8775d)).

# 2.0.0 - 2015-09-14

- Added: support for PostCSS v5.x
- Removed: support for PostCSS v4.x
([b5ece99...8907c13](https://github.com/MoOx/postcss-cssnext/compare/b5ece99c1e1b5e4cdfd6c25f856946bbcbc2247c...8907c13d31662a2cb393edb0387144dfbba81659)).

---

**pre 2.0.0 information was related to `cssnext` package.**

---

# 1.8.4 - 2015-08-24

- Fixed: `compress` option now works again correctly. A recent update in cssnano
has introduced some minor breaking changes the way cssnext changed plugins
metadata (`pluginName`).
A direct minor change is that `messages` (in console or in css output) now show
real origin (postcss plugin name) instead of a vague "cssnext" origin.
([#195](https://github.com/cssnext/cssnext/issues/195))
([#195](https://github.com/MoOx/postcss-cssnext/issues/195))

# 1.8.3 - 2015-08-06

Expand All @@ -15,28 +59,28 @@ severals fixes.
# 1.8.2 - 2015-07-23

- Fixed: CLI watcher now works watchs correctl multiples `@import`
([#123](https://github.com/cssnext/cssnext/issues/123))
([#123](https://github.com/MoOx/postcss-cssnext/issues/123))

# 1.8.1 - 2015-07-15

- Added: cssnext now throw an error if used as a webpack loader to prevent
unexpected usage with a recommendation for
[cssnext-loader](https://github.com/cssnext/cssnext-loader)
([#61](https://github.com/cssnext/cssnext/issues/61))
[cssnext-loader](https://github.com/MoOx/postcss-cssnext-loader)
([#61](https://github.com/MoOx/postcss-cssnext/issues/61))

# 1.8.0 - 2015-06-29

- Fixed: replacement of `postcss-log-warnings` (deprecated) by
`postcss-reporter`
([#162](https://github.com/cssnext/cssnext/issues/162))
([#162](https://github.com/MoOx/postcss-cssnext/issues/162))
- Fixed: CLI now add `to` option automatically
([#159](https://github.com/cssnext/cssnext/issues/159))
([#159](https://github.com/MoOx/postcss-cssnext/issues/159))
If you were happy with the previous CLI behavior (which was not rebasing url),
you should probably just add the `--no-url` to keep the CSS as it was.
- Changed: `compress` option now use cssnano v2.x
([#166](https://github.com/cssnext/cssnext/issues/166))
([#166](https://github.com/MoOx/postcss-cssnext/issues/166))
- Added: CLI output file dirname is now automatically created (using `mkdirp`)
([#146](https://github.com/cssnext/cssnext/issues/146))
([#146](https://github.com/MoOx/postcss-cssnext/issues/146))

# 1.7.1 - 2015-06-19

Expand All @@ -52,28 +96,28 @@ Now you must use `@custom-selector :--{name}` syntax instead of
`@custom-selector --{name}`
The support of syntax without : and the warning message will be remove in the
next major release
([#97](https://github.com/cssnext/cssnext/issues/97))
([#97](https://github.com/MoOx/postcss-cssnext/issues/97))
- Added: `plugins` option that allows you to pipe your own transformations
([#118](https://github.com/cssnext/cssnext/issues/118))
([#118](https://github.com/MoOx/postcss-cssnext/issues/118))
- Added: `messages` option that allows you to see messages of transformations
([#88](https://github.com/cssnext/cssnext/issues/88))
([#88](https://github.com/MoOx/postcss-cssnext/issues/88))
- Added: `:any-link` pseudo class support

# 1.6.0 - 2015-06-02

- Added: prevent mutability issues with frozen options objects
([#147](https://github.com/cssnext/cssnext/pull/147))
([#147](https://github.com/MoOx/postcss-cssnext/pull/147))

# 1.5.2 - 2015-05-27

- Fixed: support for autoprefixer 5.2
([#131](https://github.com/cssnext/cssnext/issues/131))
([#131](https://github.com/MoOx/postcss-cssnext/issues/131))

# 1.5.1 - 2015-05-25

- Fixed: when printing a bug report in CLI, url was not printed, due to a
replacement of colors lib by chalk in 1.5.0
([#129](https://github.com/cssnext/cssnext/pull/129))
([#129](https://github.com/MoOx/postcss-cssnext/pull/129))

# 1.5.0 - 2015-05-23

Expand Down Expand Up @@ -121,7 +165,7 @@ files anymore
# 1.0.1 - 2015-02-18

- Fixed: cssnext binary doesn't exit on an error if --watch is enabled
([#69](https://github.com/cssnext/cssnext/pull/69))
([#69](https://github.com/MoOx/postcss-cssnext/pull/69))

# 1.0.0 - 2015-02-06

Expand Down Expand Up @@ -162,7 +206,7 @@ autoprefixer
# 0.6.6 - 2014-12-22

- Fixed: `Cannot find module 'exit'` error when an error came out
([#54](https://github.com/cssnext/cssnext/issues/54))
([#54](https://github.com/MoOx/postcss-cssnext/issues/54))

# 0.6.5 - 2014-12-16

Expand Down Expand Up @@ -216,7 +260,7 @@ v3.0.0 have by default `{inline: true, sourceContent: true}`
# 0.4.3 - 2014-11-09

- Added: font-variant support
([#42](https://github.com/cssnext/cssnext/issues/42))
([#42](https://github.com/MoOx/postcss-cssnext/issues/42))

# 0.4.2 - 2014-11-02

Expand All @@ -225,17 +269,17 @@ v3.0.0 have by default `{inline: true, sourceContent: true}`
- Added: echo a warning when using a non root custom properties
([#13](https://github.com/postcss/postcss-custom-properties/issues/13))
- Added: cssnext can return a postcss instance of no string given
([#3](https://github.com/cssnext/cssnext/issues/3))
([#3](https://github.com/MoOx/postcss-cssnext/issues/3))

# 0.4.1 - 2014-11-01

- Added: gray() support
([#44](https://github.com/cssnext/cssnext/issues/44))
([#44](https://github.com/MoOx/postcss-cssnext/issues/44))

# 0.4.0 - 2014-10-23

- Changed: color feature has been exploded to multiples features
([#40](https://github.com/cssnext/cssnext/issues/40)).
([#40](https://github.com/MoOx/postcss-cssnext/issues/40)).

Before

Expand Down Expand Up @@ -271,7 +315,7 @@ var output = cssnext(input, {

- Changed: cssnext options are not passed to all plugins anymore. You know need
to specify feature options by passing object to `features` properties
([#39](https://github.com/cssnext/cssnext/issues/39)).
([#39](https://github.com/MoOx/postcss-cssnext/issues/39)).

Before

Expand Down Expand Up @@ -306,7 +350,7 @@ This change have been made to avoid collision between options
# 0.3.1 - 2014-08-27

- Fixed: nested custom properties usages
([#25](https://github.com/cssnext/cssnext/issues/25))
([#25](https://github.com/MoOx/postcss-cssnext/issues/25))

# 0.3.0 - 2014-08-26

Expand All @@ -316,7 +360,7 @@ This change have been made to avoid collision between options
# 0.2.3 - 2014-08-26

- Fixed: support empty files
([#24](https://github.com/cssnext/cssnext/issues/24))
([#24](https://github.com/MoOx/postcss-cssnext/issues/24))

# 0.2.2 - 2014-08-22

Expand Down
23 changes: 13 additions & 10 deletions README.md
Original file line number Diff line number Diff line change
@@ -1,29 +1,32 @@
# cssnext
# postcss-cssnext

[![NPM version](http://img.shields.io/npm/v/cssnext.svg?style=flat)](https://www.npmjs.org/package/cssnext)
[![Travis Build Status](https://img.shields.io/travis/cssnext/cssnext.svg?label=unix%20build)](https://travis-ci.org/cssnext/cssnext)
[![AppVeyor Build Status](https://img.shields.io/appveyor/ci/MoOx/cssnext.svg?label=windows%20build)](https://ci.appveyor.com/project/MoOx/cssnext)
[![Join the chat at https://gitter.im/cssnext/cssnext](https://img.shields.io/badge/gitter%20-join%20chat%20%E2%9E%9E-1dce73.svg)](https://gitter.im/cssnext/cssnext)
[![NPM version](http://img.shields.io/npm/v/postcss-cssnext.svg?style=flat)](https://www.npmjs.org/package/postcss-cssnext)
[![Travis Build Status](https://img.shields.io/travis/MoOx/postcss-cssnext.svg?label=unix%20build)](https://travis-ci.org/cssnext/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)
[![Join the chat at https://gitter.im/MoOx/postcss-cssnext](https://img.shields.io/badge/gitter%20-join%20chat%20%E2%9E%9E-1dce73.svg)](https://gitter.im/MoOx/postcss-cssnext)


> Use tomorrow's CSS syntax, today.
> Use tomorrows 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.
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.

---

## Check out [cssnext website](http://cssnext.io/)

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

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

---

_The [issue tracker](https://github.com/cssnext/cssnext/issues) is exclusively for bug reports and feature requests._
_The [issue tracker](https://github.com/MoOx/postcss-cssnext/issues) is exclusively for bug reports and feature requests._

---

Expand Down
5 changes: 3 additions & 2 deletions appveyor.yml
Original file line number Diff line number Diff line change
Expand Up @@ -9,6 +9,8 @@ environment:
version: "{build}"
build: off
deploy: off
matrix:
fast_finish: true

install:
- ps: Install-Product node $env:nodejs_version
Expand All @@ -17,5 +19,4 @@ install:
test_script:
- node --version
- npm --version
- ps: "npm test # PowerShell"
- cmd: "npm test"
- npm test
23 changes: 3 additions & 20 deletions docs/content/features.md
Original file line number Diff line number Diff line change
@@ -1,5 +1,5 @@
---
title: cssnext features
title: postcss-cssnext features
subtitle: Discover the future of CSS

backgroundModifier: darkRoad
Expand Down Expand Up @@ -337,30 +337,13 @@ body {
_Note that according to your [browser scope](#nodejs-options) some might be not
transpiled to avoid extra useless output._

## Bonus features

_The features below are considered as bonus since it's totally not
related to CSS specs._

### `@import`

`@import` inline local files and modules - `node_modules` or `web_modules`
([⇗](https://github.com/postcss/postcss-import)) to output a bundled CSS file.
`url()` referenced are also rebased.

### minification

minification/compression is available ([⇗](https://github.com/ben-eb/cssnano))
if you want to compress the output for production.


## @todo

Any omissions of the CSS specifications (even in draft) that are subject to be
handled by cssnext are not intentional.
You can take a look at the [list of features that are waiting to be implemented](https://github.com/cssnext/cssnext/issues?q=is%3Aopen+is%3Aissue+label%3A%22type%3A+feature+request%22).
You can take a look at the [list of features that are waiting to be implemented](https://github.com/MoOx/postcss-cssnext/issues?q=is%3Aopen+is%3Aissue+label%3A%22type%3A+feature+request%22).
Feel free to work on a feature ready to be added, or
[open a new issue](https://github.com/cssnext/cssnext/issues/new)
[open a new issue](https://github.com/MoOx/postcss-cssnext/issues/new)
if you find something that should be handled.
Keep in mind that, as of right now, this project is intended to support new CSS
*syntax* only.
Loading