You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
51 lines
1.6 KiB
51 lines
1.6 KiB
4 years ago
|
'use strict';
|
||
|
|
|
||
|
|
Object.defineProperty(exports, "__esModule", {
|
||
|
|
value: true
|
||
|
|
});
|
||
|
|
exports.default = normalizeBorder;
|
||
|
|
|
||
|
|
var _postcssValueParser = require('postcss-value-parser');
|
||
|
|
|
||
|
|
// border: <line-width> || <line-style> || <color>
|
||
|
|
// outline: <outline-color> || <outline-style> || <outline-width>
|
||
|
|
|
||
|
|
const borderWidths = ['thin', 'medium', 'thick'];
|
||
|
|
|
||
|
|
const borderStyles = ['none', 'auto', // only in outline-style
|
||
|
|
'hidden', 'dotted', 'dashed', 'solid', 'double', 'groove', 'ridge', 'inset', 'outset'];
|
||
|
|
|
||
|
|
function normalizeBorder(border) {
|
||
|
|
const order = { width: '', style: '', color: '' };
|
||
|
|
|
||
|
|
border.walk(node => {
|
||
|
|
const { type, value } = node;
|
||
|
|
if (type === 'word') {
|
||
|
|
if (~borderStyles.indexOf(value.toLowerCase())) {
|
||
|
|
order.style = value;
|
||
|
|
return false;
|
||
|
|
}
|
||
|
|
if (~borderWidths.indexOf(value.toLowerCase()) || (0, _postcssValueParser.unit)(value.toLowerCase())) {
|
||
|
|
if (order.width !== '') {
|
||
|
|
order.width = `${order.width} ${value}`;
|
||
|
|
return false;
|
||
|
|
}
|
||
|
|
order.width = value;
|
||
|
|
return false;
|
||
|
|
}
|
||
|
|
order.color = value;
|
||
|
|
return false;
|
||
|
|
}
|
||
|
|
if (type === 'function') {
|
||
|
|
if (value.toLowerCase() === 'calc') {
|
||
|
|
order.width = (0, _postcssValueParser.stringify)(node);
|
||
|
|
} else {
|
||
|
|
order.color = (0, _postcssValueParser.stringify)(node);
|
||
|
|
}
|
||
|
|
return false;
|
||
|
|
}
|
||
|
|
});
|
||
|
|
|
||
|
|
return `${order.width} ${order.style} ${order.color}`.trim();
|
||
|
|
};
|
||
|
|
module.exports = exports['default'];
|