42 lines
1.4 KiB
JavaScript
42 lines
1.4 KiB
JavaScript
|
'use strict';
|
||
|
|
|
||
|
|
exports.__esModule = true;
|
||
|
|
exports.default = normalizeBorder;
|
||
|
|
|
||
|
|
var _postcssValueParser = require('postcss-value-parser');
|
||
|
|
|
||
|
|
// border: <line-width> || <line-style> || <color>
|
||
|
|
// outline: <outline-color> || <outline-style> || <outline-width>
|
||
|
|
|
||
|
|
var borderWidths = ['thin', 'medium', 'thick'];
|
||
|
|
|
||
|
|
var borderStyles = ['none', 'auto', // only in outline-style
|
||
|
|
'hidden', 'dotted', 'dashed', 'solid', 'double', 'groove', 'ridge', 'inset', 'outset'];
|
||
|
|
|
||
|
|
function normalizeBorder(decl, border) {
|
||
|
|
var order = { width: '', style: '', color: '' };
|
||
|
|
border.walk(function (node) {
|
||
|
|
if (node.type === 'word') {
|
||
|
|
if (~borderStyles.indexOf(node.value)) {
|
||
|
|
order.style = node.value;
|
||
|
|
return false;
|
||
|
|
}
|
||
|
|
if (~borderWidths.indexOf(node.value) || (0, _postcssValueParser.unit)(node.value)) {
|
||
|
|
order.width = node.value;
|
||
|
|
return false;
|
||
|
|
}
|
||
|
|
order.color = node.value;
|
||
|
|
return false;
|
||
|
|
}
|
||
|
|
if (node.type === 'function') {
|
||
|
|
if (node.value === 'calc') {
|
||
|
|
order.width = (0, _postcssValueParser.stringify)(node);
|
||
|
|
} else {
|
||
|
|
order.color = (0, _postcssValueParser.stringify)(node);
|
||
|
|
}
|
||
|
|
return false;
|
||
|
|
}
|
||
|
|
});
|
||
|
|
decl.value = (order.width + ' ' + order.style + ' ' + order.color).trim();
|
||
|
|
};
|
||
|
|
module.exports = exports['default'];
|