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
						
					
					
				'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']; |