blob: 9c8f5f3df2279fe02fe39fb724b6edb586ccac68 (
plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
|
# PostCSS Replace Overflow Wrap [![CSS Standard Status][css-img]][css] [![Build Status][ci-img]][ci]
[PostCSS] plugin to replace overflow-wrap with word-wrap. May optionally retain both declarations.
[PostCSS]: https://github.com/postcss/postcss
[css-img]: https://jonathantneal.github.io/css-db/badge/css-text-overflow-wrap-property.svg
[css]: https://jonathantneal.github.io/css-db/#css-text-overflow-wrap-property
[ci-img]: https://travis-ci.org/MattDiMu/postcss-replace-overflow-wrap.svg
[ci]: https://travis-ci.org/MattDiMu/postcss-replace-overflow-wrap
```css
/* before */
.foo {
overflow-wrap: break-word;
}
/* after */
.foo {
word-wrap: break-word;
}
```
```css
/* before, when the option { method: 'copy' } is passed */
.foo {
overflow-wrap: break-word;
}
/* after */
.foo {
word-wrap: break-word;
overflow-wrap: break-word;
}
```
### Installation
`npm install --save-dev postcss postcss-replace-overflow-wrap`
For Postcss 7 or earlier use Version 3 or earlier:
`npm install --save-dev postcss-replace-overflow-wrap@3`
## Usage
```js
/* default usage, with no options (method = replace) */
postcss([ require('postcss-replace-overflow-wrap') ])
```
```js
/* add word-wrap, but keep overflow-wrap */
postcss([ require('postcss-replace-overflow-wrap') ])({ method: 'copy' })
```
See [PostCSS] docs for examples for your environment.
|
