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
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
|
# postcss-pseudoelements
postcss helper for pseudo element colons, it handles double -> single and single -> double.
## Usage
### Double to Single (default)
```javascript
var pe = require('postcss-pseudoelements');
var postcss = require('postcss');
var options = {
single: true, // default
selectors: ['before','after','first-letter','first-line'], // default
};
var processor = postcss(pe(options));
console.log(processor.process('a:before {}').css) // outputs: a:before {}
console.log(processor.process('a::before {}').css) // outputs: a:before {}
```
### Single to Double
```javascript
var pe = require('postcss-pseudoelements');
var postcss = require('postcss');
var options = {
single: false,
selectors: ['before','after','first-letter','first-line'], // default
};
var processor = postcss(pe(options));
console.log(processor.process('a:before {}').css) // outputs: a::before {}
console.log(processor.process('a::before {}').css) // outputs: a::before {}
```
## Options
`single`: Boolean
* `true` (default) if you want to move from double colon to colon for backwards compatibility
* `false` if you need double colons
`selectors`: `Array` of pseudo-element selectors to rewrite with single and double colons. Note that these values will be used in a regexp without escaping. Defaults to `['before','after','first-letter','first-line']`
example selectors:
```
var options = {
selectors: [
'hover',
'focus',
'active',
'after',
'ms-expand',
'not',
'first-child',
'last-child'
],
};
```
### Defaults
```javascript
var options = {
single: true,
[
'before',
'after',
'first-letter',
'first-line'
]
};
```
|
