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

Only use "future" plugins #385

Closed
wants to merge 24 commits into from
Closed
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
1 change: 0 additions & 1 deletion .travis.yml
Original file line number Diff line number Diff line change
Expand Up @@ -5,7 +5,6 @@ node_js:
- '6'
- '5'
- '4'
- '0.12'

script:
- npm run test
Expand Down
1 change: 0 additions & 1 deletion appveyor.yml
Original file line number Diff line number Diff line change
Expand Up @@ -5,7 +5,6 @@ environment:
- nodejs_version: 6
- nodejs_version: 5
- nodejs_version: 4
- nodejs_version: 0.12

version: "{build}"
build: off
Expand Down
61 changes: 0 additions & 61 deletions docs/content/features.md
Original file line number Diff line number Diff line change
Expand Up @@ -259,22 +259,6 @@ body {
|
[Plugin documentation](https://github.com/postcss/postcss-color-hex-alpha)

## `rgba` function (`rgb` fallback)

Add solid colors fallback for rgba colors
(if your browser scope cover old browsers, eg: IE8).

```css
body {
background: rgba(153, 221, 153, 0.8);
/* you will have the same value without alpha as a fallback */
}
```

[Specification](http://www.w3.org/TR/css3-color/)
|
[Plugin documentation](https://github.com/postcss/postcss-color-rgba-fallback)

## `rebeccapurple` color

Allows you to use the new color keyword as a homage to
Expand Down Expand Up @@ -313,21 +297,6 @@ at the support of
|
[Plugin documentation](https://github.com/postcss/postcss-font-variant)

## `filter` property

The W3C filters are only transformed as svg filter using the `url(data:*)` trick
for Firefox < 35.

```css
.blur {
filter: blur(4px);
}
```

[Specification](http://www.w3.org/TR/filter-effects/)
|
[Plugin documentation](https://github.com/iamvdo/pleeease-filters)

## `initial` value

Allow you to use `initial` value for any value. This value represents the value
Expand Down Expand Up @@ -356,21 +325,6 @@ div {
|
[Plugin documentation](https://github.com/maximkoretskiy/postcss-initial)

## `rem` unit (`px` fallback)

`rem` fallback to `px`
(if your browser scope cover old browsers, eg: IE8).

```css
h1 {
font-size: 1.5rem;
}
```

[Specification](http://www.w3.org/TR/css3-values/#rem-unit)
|
[Plugin documentation](https://github.com/robwierzbowski/node-pixrem)

## `:any-link` pseudo-class

Allows you to use `:any-link` pseudo class.
Expand Down Expand Up @@ -416,21 +370,6 @@ p:not(:first-child, .special) {
|
[Plugin documentation](https://github.com/postcss/postcss-selector-NOT)

## `::` pseudo syntax (`:` fallback)

Adjust `::` to `:`
(if your browser scope cover old browsers, eg: IE8).

```css
a::before {
/* ... */
}
```

[Specification](http://www.w3.org/TR/css3-selectors/#pseudo-elements)
|
[Plugin documentation](https://github.com/axa-ch/postcss-pseudoelements)

## `overflow-wrap` property (`word-wrap` fallback)

Converts `overflow-wrap` to `word-wrap` (many browser support only the old [word-wrap](http://caniuse.com/#feat=wordwrap) property).
Expand Down
50 changes: 23 additions & 27 deletions package.json
Original file line number Diff line number Diff line change
Expand Up @@ -21,37 +21,32 @@
"!**/__tests__"
],
"dependencies": {
"autoprefixer": "^6.0.2",
"caniuse-api": "^1.5.3",
"autoprefixer": "^7.1.0",
"caniuse-api": "^2.0.0",
"chalk": "^1.1.1",
"pixrem": "^3.0.0",
"pleeease-filters": "^3.0.0",
"postcss": "^5.0.4",
"postcss-apply": "^0.3.0",
"postcss-attribute-case-insensitive": "^1.0.1",
"postcss-calc": "^5.0.0",
"postcss-color-function": "^2.0.0",
"postcss-color-gray": "^3.0.0",
"postcss-color-hex-alpha": "^2.0.0",
"postcss": "^6.0.1",
"postcss-attribute-case-insensitive": "^2.0.0",
"postcss-calc": "^6.0.0",
"postcss-color-function": "^4.0.0",
"postcss-color-gray": "^4.0.0",
"postcss-color-hex-alpha": "^3.0.0",
"postcss-color-hsl": "^1.0.5",
"postcss-color-hwb": "^2.0.0",
"postcss-color-rebeccapurple": "^2.0.0",
"postcss-color-hwb": "^3.0.0",
"postcss-color-rebeccapurple": "^3.0.0",
"postcss-color-rgb": "^1.1.4",
"postcss-color-rgba-fallback": "^2.0.0",
"postcss-custom-media": "^5.0.0",
"postcss-custom-properties": "^5.0.0",
"postcss-custom-selectors": "^3.0.0",
"postcss-font-family-system-ui": "^1.0.1",
"postcss-font-variant": "^2.0.0",
"postcss-custom-media": "^6.0.0",
"postcss-custom-properties": "^6.0.1",
"postcss-custom-selectors": "^4.0.1",
"postcss-font-family-system-ui": "^2.0.1",
"postcss-font-variant": "^3.0.0",
"postcss-image-set-polyfill": "^0.3.3",
"postcss-initial": "^1.3.1",
"postcss-media-minmax": "^2.1.0",
"postcss-nesting": "^2.0.5",
"postcss-pseudo-class-any-link": "^1.0.0",
"postcss-pseudoelements": "^3.0.0",
"postcss-initial": "^2.0.0",
"postcss-media-minmax": "^3.0.0",
"postcss-nesting": "^3.0.0",
"postcss-pseudo-class-any-link": "^4.0.0",
"postcss-replace-overflow-wrap": "^1.0.0",
"postcss-selector-matches": "^2.0.0",
"postcss-selector-not": "^2.0.0"
"postcss-selector-matches": "^3.0.1",
"postcss-selector-not": "^3.0.1"
},
"peerDependencies": {
"caniuse-db": "^1.0.30000652"
Expand Down Expand Up @@ -98,8 +93,9 @@
"npmpub": "^3.1.0",
"object-assign": "^3.0.0",
"opn": "^1.0.2",
"postcss-apply": "^0.7.0",
"postcss-browser-reporter": "^0.4.0",
"postcss-import": "^7.1.3",
"postcss-import": "^10.0.0",
"postcss-loader": "^0.8.0",
"postcss-reporter": "^1.3.0",
"postcss-url": "^5.0.2",
Expand Down
Original file line number Diff line number Diff line change
@@ -1,3 +1,3 @@
body {
background: rgb(102, 51, 153)
background: #639
}
12 changes: 4 additions & 8 deletions src/__tests__/fixtures/features/image-set.expected.css
Original file line number Diff line number Diff line change
@@ -1,13 +1,9 @@
.image {
background-image: url(img/test.png);
}@media (min-resolution: 144dpi) {.image {
background-image: url(img/test-2x.png);
}
@media (min-resolution: 144dpi) {
.image {
background-image: url(img/test-2x.png);
}
}@media (min-resolution: 600dpi) {.image {
background-image: url(my-img-print.png);
}
@media (min-resolution: 600dpi) {
.image {
background-image: url(my-img-print.png);
}
}
6 changes: 1 addition & 5 deletions src/__tests__/fixtures/regression.expected.css
Original file line number Diff line number Diff line change
@@ -1,7 +1,3 @@
.button {
}

.button i {

.button i{
color: black
}
40 changes: 1 addition & 39 deletions src/__tests__/option.browsers.js
Original file line number Diff line number Diff line change
Expand Up @@ -4,16 +4,8 @@ import cssnext from ".."

tape("cssnext browsers option", function(t) {

// no recent browser need pixrem
const remInput = "body{font-size:2rem}"
t.equal(
cssnext({ browsers: "last 1 version" }).process(remInput).css,
remInput,
"should not enable px fallback when all browsers support it"
)

const customPropsInput = ":root{--foo:bar}baz{qux:var(--foo)}"
const customPropsOutput = "baz{qux: bar}"
const customPropsOutput = "baz{qux:bar}"

// fx 30 doesn't handle custom prop
t.equal(
Expand Down Expand Up @@ -60,33 +52,3 @@ tape("cssnext browsers option propagation to autoprefixer", function(t) {

t.end()
})

tape("cssnext browsers option propagation to pixrem", function(t) {
const input = "body{font-size: 1rem}"
const output = "body{font-size: 16px;font-size: 1rem}"

// IE 8 needs rem fallback
t.equal(
cssnext({ browsers: "ie 8" }).process(input).css,
output,
"should propagate browsers option to pixrem"
)

// IE 9 doesn't need rem fallback on a simple font-size
t.equal(
cssnext({ browsers: "ie 9" }).process(input).css,
input,
"should propagate browsers option to pixrem"
)

// IE 9 needs rem on pseudo element
const inputWeirdCase = input.replace("body", "body::before")
const outputWeirdCase = output.replace("body", "body::before")
t.equal(
cssnext({ browsers: "ie 9" }).process(inputWeirdCase).css,
outputWeirdCase,
"should propagate browsers option to pixrem"
)

t.end()
})
12 changes: 0 additions & 12 deletions src/features.js
Original file line number Diff line number Diff line change
Expand Up @@ -60,18 +60,9 @@ export default {
// https://npmjs.com/package/postcss-font-variant
fontVariant: (options) => require("postcss-font-variant")(options),

// https://npmjs.com/package/pleeease-filters
filter: (options) => require("pleeease-filters")(options),

// https://npmjs.com/package/postcss-initial
initial: (options) => require("postcss-initial")(options),

// https://npmjs.com/package/pixrem
rem: (options) => require("pixrem")(options),

// https://npmjs.com/package/postcss-pseudoelements
pseudoElements: (options) => require("postcss-pseudoelements")(options),

// https://npmjs.com/package/postcss-selector-matches
pseudoClassMatches: (options) => require("postcss-selector-matches")(options),

Expand All @@ -81,9 +72,6 @@ export default {
// https://npmjs.com/package/postcss-pseudo-class-any-link
pseudoClassAnyLink: (options) => require("postcss-pseudo-class-any-link")(options),

// https://npmjs.com/package/postcss-color-rgba-fallback
colorRgba: (options) => require("postcss-color-rgba-fallback")(options),

// https://www.npmjs.com/package/postcss-replace-overflow-wrap
overflowWrap: (options) => require("postcss-replace-overflow-wrap")(options),

Expand Down