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