147 lines
3.6 KiB
JavaScript
147 lines
3.6 KiB
JavaScript
|
/**
|
||
|
|
* Copyright 2013-present, Facebook, Inc.
|
||
|
|
* All rights reserved.
|
||
|
|
*
|
||
|
|
* This source code is licensed under the BSD-style license found in the
|
||
|
|
* LICENSE file in the root directory of this source tree. An additional grant
|
||
|
|
* of patent rights can be found in the PATENTS file in the same directory.
|
||
|
|
*
|
||
|
|
*/
|
||
|
|
|
||
|
|
'use strict';
|
||
|
|
|
||
|
|
/**
|
||
|
|
* CSS properties which accept numbers but are not in units of "px".
|
||
|
|
*/
|
||
|
|
|
||
|
|
var isUnitlessNumber = {
|
||
|
|
animationIterationCount: true,
|
||
|
|
borderImageOutset: true,
|
||
|
|
borderImageSlice: true,
|
||
|
|
borderImageWidth: true,
|
||
|
|
boxFlex: true,
|
||
|
|
boxFlexGroup: true,
|
||
|
|
boxOrdinalGroup: true,
|
||
|
|
columnCount: true,
|
||
|
|
flex: true,
|
||
|
|
flexGrow: true,
|
||
|
|
flexPositive: true,
|
||
|
|
flexShrink: true,
|
||
|
|
flexNegative: true,
|
||
|
|
flexOrder: true,
|
||
|
|
gridRow: true,
|
||
|
|
gridColumn: true,
|
||
|
|
fontWeight: true,
|
||
|
|
lineClamp: true,
|
||
|
|
lineHeight: true,
|
||
|
|
opacity: true,
|
||
|
|
order: true,
|
||
|
|
orphans: true,
|
||
|
|
tabSize: true,
|
||
|
|
widows: true,
|
||
|
|
zIndex: true,
|
||
|
|
zoom: true,
|
||
|
|
|
||
|
|
// SVG-related properties
|
||
|
|
fillOpacity: true,
|
||
|
|
floodOpacity: true,
|
||
|
|
stopOpacity: true,
|
||
|
|
strokeDasharray: true,
|
||
|
|
strokeDashoffset: true,
|
||
|
|
strokeMiterlimit: true,
|
||
|
|
strokeOpacity: true,
|
||
|
|
strokeWidth: true
|
||
|
|
};
|
||
|
|
|
||
|
|
/**
|
||
|
|
* @param {string} prefix vendor-specific prefix, eg: Webkit
|
||
|
|
* @param {string} key style name, eg: transitionDuration
|
||
|
|
* @return {string} style name prefixed with `prefix`, properly camelCased, eg:
|
||
|
|
* WebkitTransitionDuration
|
||
|
|
*/
|
||
|
|
function prefixKey(prefix, key) {
|
||
|
|
return prefix + key.charAt(0).toUpperCase() + key.substring(1);
|
||
|
|
}
|
||
|
|
|
||
|
|
/**
|
||
|
|
* Support style names that may come passed in prefixed by adding permutations
|
||
|
|
* of vendor prefixes.
|
||
|
|
*/
|
||
|
|
var prefixes = ['Webkit', 'ms', 'Moz', 'O'];
|
||
|
|
|
||
|
|
// Using Object.keys here, or else the vanilla for-in loop makes IE8 go into an
|
||
|
|
// infinite loop, because it iterates over the newly added props too.
|
||
|
|
Object.keys(isUnitlessNumber).forEach(function (prop) {
|
||
|
|
prefixes.forEach(function (prefix) {
|
||
|
|
isUnitlessNumber[prefixKey(prefix, prop)] = isUnitlessNumber[prop];
|
||
|
|
});
|
||
|
|
});
|
||
|
|
|
||
|
|
/**
|
||
|
|
* Most style properties can be unset by doing .style[prop] = '' but IE8
|
||
|
|
* doesn't like doing that with shorthand properties so for the properties that
|
||
|
|
* IE8 breaks on, which are listed here, we instead unset each of the
|
||
|
|
* individual properties. See http://bugs.jquery.com/ticket/12385.
|
||
|
|
* The 4-value 'clock' properties like margin, padding, border-width seem to
|
||
|
|
* behave without any problems. Curiously, list-style works too without any
|
||
|
|
* special prodding.
|
||
|
|
*/
|
||
|
|
var shorthandPropertyExpansions = {
|
||
|
|
background: {
|
||
|
|
backgroundAttachment: true,
|
||
|
|
backgroundColor: true,
|
||
|
|
backgroundImage: true,
|
||
|
|
backgroundPositionX: true,
|
||
|
|
backgroundPositionY: true,
|
||
|
|
backgroundRepeat: true
|
||
|
|
},
|
||
|
|
backgroundPosition: {
|
||
|
|
backgroundPositionX: true,
|
||
|
|
backgroundPositionY: true
|
||
|
|
},
|
||
|
|
border: {
|
||
|
|
borderWidth: true,
|
||
|
|
borderStyle: true,
|
||
|
|
borderColor: true
|
||
|
|
},
|
||
|
|
borderBottom: {
|
||
|
|
borderBottomWidth: true,
|
||
|
|
borderBottomStyle: true,
|
||
|
|
borderBottomColor: true
|
||
|
|
},
|
||
|
|
borderLeft: {
|
||
|
|
borderLeftWidth: true,
|
||
|
|
borderLeftStyle: true,
|
||
|
|
borderLeftColor: true
|
||
|
|
},
|
||
|
|
borderRight: {
|
||
|
|
borderRightWidth: true,
|
||
|
|
borderRightStyle: true,
|
||
|
|
borderRightColor: true
|
||
|
|
},
|
||
|
|
borderTop: {
|
||
|
|
borderTopWidth: true,
|
||
|
|
borderTopStyle: true,
|
||
|
|
borderTopColor: true
|
||
|
|
},
|
||
|
|
font: {
|
||
|
|
fontStyle: true,
|
||
|
|
fontVariant: true,
|
||
|
|
fontWeight: true,
|
||
|
|
fontSize: true,
|
||
|
|
lineHeight: true,
|
||
|
|
fontFamily: true
|
||
|
|
},
|
||
|
|
outline: {
|
||
|
|
outlineWidth: true,
|
||
|
|
outlineStyle: true,
|
||
|
|
outlineColor: true
|
||
|
|
}
|
||
|
|
};
|
||
|
|
|
||
|
|
var CSSProperty = {
|
||
|
|
isUnitlessNumber: isUnitlessNumber,
|
||
|
|
shorthandPropertyExpansions: shorthandPropertyExpansions
|
||
|
|
};
|
||
|
|
|
||
|
|
module.exports = CSSProperty;
|