1 | const postcssPresetEnv = require('postcss-preset-env')
|
2 | const postcssEasings = require('postcss-easings')
|
3 | const postcssImport = require('postcss-import')
|
4 | const cssnano = require('cssnano')
|
5 | const combineSelectors = require('postcss-combine-duplicated-selectors')
|
6 |
|
7 | const lib = process.env.npm_lifecycle_event
|
8 |
|
9 | const inlineMediaQueries = lib === 'lib:media' || lib === 'lib:supports'
|
10 | // todo: inline MQs for 'lib:all' when it's supported better
|
11 |
|
12 | module.exports = {
|
13 | plugins: [
|
14 | postcssEasings(),
|
15 | postcssImport(),
|
16 | postcssPresetEnv({
|
17 | stage: 0,
|
18 | autoprefixer: false,
|
19 | features: {
|
20 | 'logical-properties-and-values': false,
|
21 | 'prefers-color-scheme-query': false,
|
22 | 'gap-properties': false,
|
23 | 'custom-properties': false,
|
24 | 'place-properties': false,
|
25 | 'not-pseudo-class': false,
|
26 | 'focus-visible-pseudo-class': false,
|
27 | 'focus-within-pseudo-class': false,
|
28 | 'color-functional-notation': false,
|
29 | 'custom-media-queries': {preserve:inlineMediaQueries}
|
30 | }
|
31 | }),
|
32 | combineSelectors(),
|
33 | cssnano({
|
34 | preset: 'default'
|
35 | }),
|
36 | ]
|
37 | }
|