border.js 1.4 KB

123456789101112131415161718192021222324252627282930313233343536373839404142
  1. 'use strict';
  2. exports.__esModule = true;
  3. exports.default = normalizeBorder;
  4. var _postcssValueParser = require('postcss-value-parser');
  5. // border: <line-width> || <line-style> || <color>
  6. // outline: <outline-color> || <outline-style> || <outline-width>
  7. var borderWidths = ['thin', 'medium', 'thick'];
  8. var borderStyles = ['none', 'auto', // only in outline-style
  9. 'hidden', 'dotted', 'dashed', 'solid', 'double', 'groove', 'ridge', 'inset', 'outset'];
  10. function normalizeBorder(decl, border) {
  11. var order = { width: '', style: '', color: '' };
  12. border.walk(function (node) {
  13. if (node.type === 'word') {
  14. if (~borderStyles.indexOf(node.value)) {
  15. order.style = node.value;
  16. return false;
  17. }
  18. if (~borderWidths.indexOf(node.value) || (0, _postcssValueParser.unit)(node.value)) {
  19. order.width = node.value;
  20. return false;
  21. }
  22. order.color = node.value;
  23. return false;
  24. }
  25. if (node.type === 'function') {
  26. if (node.value === 'calc') {
  27. order.width = (0, _postcssValueParser.stringify)(node);
  28. } else {
  29. order.color = (0, _postcssValueParser.stringify)(node);
  30. }
  31. return false;
  32. }
  33. });
  34. decl.value = (order.width + ' ' + order.style + ' ' + order.color).trim();
  35. };
  36. module.exports = exports['default'];