Blame view

node_modules/cssnano/dist/lib/reduceDisplayValues.js 1.97 KB
aaac7fed   liuqimichale   add
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
  'use strict';
  
  exports.__esModule = true;
  
  var _postcss = require('postcss');
  
  var _postcss2 = _interopRequireDefault(_postcss);
  
  var _postcssValueParser = require('postcss-value-parser');
  
  var _postcssValueParser2 = _interopRequireDefault(_postcssValueParser);
  
  var _evenValues = require('./evenValues');
  
  var _evenValues2 = _interopRequireDefault(_evenValues);
  
  var _getMatch = require('./getMatch');
  
  var _getMatch2 = _interopRequireDefault(_getMatch);
  
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
  
  /**
   * Specification: https://drafts.csswg.org/css-display/#the-display-properties
   */
  
  var mappings = [['block', ['block', 'flow']], ['flow-root', ['block', 'flow-root']], ['inline', ['inline', 'flow']], ['inline-block', ['inline', 'flow-root']], ['run-in', ['run-in', 'flow']], ['list-item', ['list-item', 'block', 'flow']], ['inline-list-item', ['list-item', 'inline', 'flow']], ['flex', ['block', 'flex']], ['inline-flex', ['inline', 'flex']], ['grid', ['block', 'grid']], ['inline-grid', ['inline', 'grid']], ['ruby', ['inline', 'ruby']], ['table', ['block', 'table']], ['inline-table', ['inline', 'table']], ['table-cell', ['table-cell', 'flow']], ['table-caption', ['table-caption', 'flow']], ['ruby-base', ['ruby-base', 'flow']], ['ruby-text', ['ruby-text', 'flow']]];
  
  var getMatch = (0, _getMatch2.default)(mappings);
  
  function transform(node) {
      var _valueParser = (0, _postcssValueParser2.default)(node.value),
          nodes = _valueParser.nodes;
  
      if (nodes.length === 1) {
          return;
      }
      var match = getMatch(nodes.filter(_evenValues2.default).map(function (n) {
          return n.value;
      }));
      if (match.length) {
          node.value = match[0][0];
      }
  }
  
  var plugin = _postcss2.default.plugin('cssnano-reduce-display-values', function () {
      return function (css) {
          return css.walkDecls('display', transform);
      };
  });
  
  plugin.mappings = mappings;
  
  exports.default = plugin;
  module.exports = exports['default'];