border.js 1.4 KB
'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'];