cssstyle 2.3.0 → 4.0.0

package/lib/properties/clip.js

@@ -4,7 +4,7 @@ var parseMeasurement = require('../parsers').parseMeasurement;
 
 var shape_regex = /^rect\((.*)\)$/i;
 
-var parse = function(val) {
+var parse = function (val) {
   if (val === '' || val === null) {
     return val;
   }
@@ -23,7 +23,7 @@ var parse = function(val) {
   if (parts.length !== 4) {
     return undefined;
   }
-  var valid = parts.every(function(part, index) {
+  var valid = parts.every(function (part, index) {
     var measurement = parseMeasurement(part);
     parts[index] = measurement;
     return measurement !== undefined;
@@ -36,10 +36,10 @@ var parse = function(val) {
 };
 
 module.exports.definition = {
-  set: function(v) {
+  set: function (v) {
     this._setProperty('clip', parse(v));
   },
-  get: function() {
+  get: function () {
     return this.getPropertyValue('clip');
   },
   enumerable: true,

package/lib/properties/color.js

@@ -3,10 +3,10 @@
 var parseColor = require('../parsers').parseColor;
 
 module.exports.definition = {
-  set: function(v) {
+  set: function (v) {
     this._setProperty('color', parseColor(v));
   },
-  get: function() {
+  get: function () {
     return this.getPropertyValue('color');
   },
   enumerable: true,

package/lib/properties/cssFloat.js

@@ -1,10 +1,10 @@
 'use strict';
 
 module.exports.definition = {
-  set: function(v) {
+  set: function (v) {
     this._setProperty('float', v);
   },
-  get: function() {
+  get: function () {
     return this.getPropertyValue('float');
   },
   enumerable: true,

package/lib/properties/flex.js

@@ -17,10 +17,8 @@ module.exports.isValid = function isValid(v) {
 };
 
 module.exports.definition = {
-  set: function(v) {
-    var normalizedValue = String(v)
-      .trim()
-      .toLowerCase();
+  set: function (v) {
+    var normalizedValue = String(v).trim().toLowerCase();
 
     if (normalizedValue === 'none') {
       myShorthandSetter.call(this, '0 0 auto');

package/lib/properties/flexBasis.js

@@ -17,10 +17,10 @@ module.exports.isValid = function isValid(v) {
 };
 
 module.exports.definition = {
-  set: function(v) {
+  set: function (v) {
     this._setProperty('flex-basis', parse(v));
   },
-  get: function() {
+  get: function () {
     return this.getPropertyValue('flex-basis');
   },
   enumerable: true,

package/lib/properties/flexGrow.js

@@ -8,10 +8,10 @@ module.exports.isValid = function isValid(v, positionAtFlexShorthand) {
 };
 
 module.exports.definition = {
-  set: function(v) {
+  set: function (v) {
     this._setProperty('flex-grow', parseNumber(v));
   },
-  get: function() {
+  get: function () {
     return this.getPropertyValue('flex-grow');
   },
   enumerable: true,

package/lib/properties/flexShrink.js

@@ -8,10 +8,10 @@ module.exports.isValid = function isValid(v, positionAtFlexShorthand) {
 };
 
 module.exports.definition = {
-  set: function(v) {
+  set: function (v) {
     this._setProperty('flex-shrink', parseNumber(v));
   },
-  get: function() {
+  get: function () {
     return this.getPropertyValue('flex-shrink');
   },
   enumerable: true,

package/lib/properties/float.js

@@ -1,10 +1,10 @@
 'use strict';
 
 module.exports.definition = {
-  set: function(v) {
+  set: function (v) {
     this._setProperty('float', v);
   },
-  get: function() {
+  get: function () {
     return this.getPropertyValue('float');
   },
   enumerable: true,

package/lib/properties/floodColor.js

@@ -3,10 +3,10 @@
 var parseColor = require('../parsers').parseColor;
 
 module.exports.definition = {
-  set: function(v) {
+  set: function (v) {
     this._setProperty('flood-color', parseColor(v));
   },
-  get: function() {
+  get: function () {
     return this.getPropertyValue('flood-color');
   },
   enumerable: true,

package/lib/properties/font.js

@@ -28,7 +28,7 @@ var static_fonts = [
 var setter = shorthandSetter('font', shorthand_for);
 
 module.exports.definition = {
-  set: function(v) {
+  set: function (v) {
     var short = shorthandParser(v, shorthand_for);
     if (short !== undefined) {
       return setter.call(this, v);

package/lib/properties/fontFamily.js

@@ -22,10 +22,10 @@ module.exports.isValid = function isValid(v) {
 };
 
 module.exports.definition = {
-  set: function(v) {
+  set: function (v) {
     this._setProperty('font-family', v);
   },
-  get: function() {
+  get: function () {
     return this.getPropertyValue('font-family');
   },
   enumerable: true,

package/lib/properties/fontSize.js

@@ -7,7 +7,7 @@ var parseMeasurement = require('../parsers').parseMeasurement;
 var absoluteSizes = ['xx-small', 'x-small', 'small', 'medium', 'large', 'x-large', 'xx-large'];
 var relativeSizes = ['larger', 'smaller'];
 
-module.exports.isValid = function(v) {
+module.exports.isValid = function (v) {
   var type = valueType(v.toLowerCase());
   return (
     type === TYPES.LENGTH ||
@@ -21,16 +21,16 @@ function parse(v) {
   const valueAsString = String(v).toLowerCase();
   const optionalArguments = absoluteSizes.concat(relativeSizes);
   const isOptionalArgument = optionalArguments.some(
-    stringValue => stringValue.toLowerCase() === valueAsString
+    (stringValue) => stringValue.toLowerCase() === valueAsString
   );
   return isOptionalArgument ? valueAsString : parseMeasurement(v);
 }
 
 module.exports.definition = {
-  set: function(v) {
+  set: function (v) {
     this._setProperty('font-size', parse(v));
   },
-  get: function() {
+  get: function () {
     return this.getPropertyValue('font-size');
   },
   enumerable: true,

package/lib/properties/fontStyle.js

@@ -2,15 +2,15 @@
 
 var valid_styles = ['normal', 'italic', 'oblique', 'inherit'];
 
-module.exports.isValid = function(v) {
+module.exports.isValid = function (v) {
   return valid_styles.indexOf(v.toLowerCase()) !== -1;
 };
 
 module.exports.definition = {
-  set: function(v) {
+  set: function (v) {
     this._setProperty('font-style', v);
   },
-  get: function() {
+  get: function () {
     return this.getPropertyValue('font-style');
   },
   enumerable: true,

package/lib/properties/fontVariant.js

@@ -7,10 +7,10 @@ module.exports.isValid = function isValid(v) {
 };
 
 module.exports.definition = {
-  set: function(v) {
+  set: function (v) {
     this._setProperty('font-variant', v);
   },
-  get: function() {
+  get: function () {
     return this.getPropertyValue('font-variant');
   },
   enumerable: true,

package/lib/properties/fontWeight.js

@@ -22,10 +22,10 @@ module.exports.isValid = function isValid(v) {
 };
 
 module.exports.definition = {
-  set: function(v) {
+  set: function (v) {
     this._setProperty('font-weight', v);
   },
-  get: function() {
+  get: function () {
     return this.getPropertyValue('font-weight');
   },
   enumerable: true,

package/lib/properties/height.js

@@ -13,10 +13,10 @@ function parse(v) {
 }
 
 module.exports.definition = {
-  set: function(v) {
+  set: function (v) {
     this._setProperty('height', parse(v));
   },
-  get: function() {
+  get: function () {
     return this.getPropertyValue('height');
   },
   enumerable: true,

package/lib/properties/left.js

@@ -3,10 +3,10 @@
 var parseMeasurement = require('../parsers').parseMeasurement;
 
 module.exports.definition = {
-  set: function(v) {
+  set: function (v) {
     this._setProperty('left', parseMeasurement(v));
   },
-  get: function() {
+  get: function () {
     return this.getPropertyValue('left');
   },
   enumerable: true,

package/lib/properties/lightingColor.js

@@ -3,10 +3,10 @@
 var parseColor = require('../parsers').parseColor;
 
 module.exports.definition = {
-  set: function(v) {
+  set: function (v) {
     this._setProperty('lighting-color', parseColor(v));
   },
-  get: function() {
+  get: function () {
     return this.getPropertyValue('lighting-color');
   },
   enumerable: true,

package/lib/properties/lineHeight.js

@@ -15,10 +15,10 @@ module.exports.isValid = function isValid(v) {
 };
 
 module.exports.definition = {
-  set: function(v) {
+  set: function (v) {
     this._setProperty('line-height', v);
   },
-  get: function() {
+  get: function () {
     return this.getPropertyValue('line-height');
   },
   enumerable: true,

package/lib/properties/margin.js

@@ -3,19 +3,20 @@
 var parsers = require('../parsers.js');
 var TYPES = parsers.TYPES;
 
-var isValid = function(v) {
+var isValid = function (v) {
   if (v.toLowerCase() === 'auto') {
     return true;
   }
   var type = parsers.valueType(v);
   return (
+    type === TYPES.NULL_OR_EMPTY_STR ||
     type === TYPES.LENGTH ||
     type === TYPES.PERCENT ||
     (type === TYPES.INTEGER && (v === '0' || v === 0))
   );
 };
 
-var parser = function(v) {
+var parser = function (v) {
   var V = v.toLowerCase();
   if (V === 'auto') {
     return V;
@@ -27,19 +28,22 @@ var mySetter = parsers.implicitSetter('margin', '', isValid, parser);
 var myGlobal = parsers.implicitSetter(
   'margin',
   '',
-  function() {
+  function () {
     return true;
   },
-  function(v) {
+  function (v) {
     return v;
   }
 );
 
 module.exports.definition = {
-  set: function(v) {
+  set: function (v) {
     if (typeof v === 'number') {
       v = String(v);
     }
+    if (v === null) {
+      v = '';
+    }
     if (typeof v !== 'string') {
       return;
     }
@@ -57,7 +61,7 @@ module.exports.definition = {
         break;
     }
   },
-  get: function() {
+  get: function () {
     return this.getPropertyValue('margin');
   },
   enumerable: true,

package/lib/properties/marginBottom.js

@@ -5,7 +5,7 @@ var parsers = require('../parsers.js');
 
 module.exports.definition = {
   set: parsers.subImplicitSetter('margin', 'bottom', margin.isValid, margin.parser),
-  get: function() {
+  get: function () {
     return this.getPropertyValue('margin-bottom');
   },
   enumerable: true,

package/lib/properties/marginLeft.js

@@ -5,7 +5,7 @@ var parsers = require('../parsers.js');
 
 module.exports.definition = {
   set: parsers.subImplicitSetter('margin', 'left', margin.isValid, margin.parser),
-  get: function() {
+  get: function () {
     return this.getPropertyValue('margin-left');
   },
   enumerable: true,

package/lib/properties/marginRight.js

@@ -5,7 +5,7 @@ var parsers = require('../parsers.js');
 
 module.exports.definition = {
   set: parsers.subImplicitSetter('margin', 'right', margin.isValid, margin.parser),
-  get: function() {
+  get: function () {
     return this.getPropertyValue('margin-right');
   },
   enumerable: true,

package/lib/properties/marginTop.js

@@ -5,7 +5,7 @@ var parsers = require('../parsers.js');
 
 module.exports.definition = {
   set: parsers.subImplicitSetter('margin', 'top', margin.isValid, margin.parser),
-  get: function() {
+  get: function () {
     return this.getPropertyValue('margin-top');
   },
   enumerable: true,

package/lib/properties/opacity.js

@@ -3,10 +3,10 @@
 var parseNumber = require('../parsers').parseNumber;
 
 module.exports.definition = {
-  set: function(v) {
+  set: function (v) {
     this._setProperty('opacity', parseNumber(v));
   },
-  get: function() {
+  get: function () {
     return this.getPropertyValue('opacity');
   },
   enumerable: true,

package/lib/properties/outlineColor.js

@@ -3,10 +3,10 @@
 var parseColor = require('../parsers').parseColor;
 
 module.exports.definition = {
-  set: function(v) {
+  set: function (v) {
     this._setProperty('outline-color', parseColor(v));
   },
-  get: function() {
+  get: function () {
     return this.getPropertyValue('outline-color');
   },
   enumerable: true,

package/lib/properties/padding.js

@@ -3,16 +3,17 @@
 var parsers = require('../parsers.js');
 var TYPES = parsers.TYPES;
 
-var isValid = function(v) {
+var isValid = function (v) {
   var type = parsers.valueType(v);
   return (
+    type === TYPES.NULL_OR_EMPTY_STR ||
     type === TYPES.LENGTH ||
     type === TYPES.PERCENT ||
     (type === TYPES.INTEGER && (v === '0' || v === 0))
   );
 };
 
-var parser = function(v) {
+var parser = function (v) {
   return parsers.parseMeasurement(v);
 };
 
@@ -20,19 +21,22 @@ var mySetter = parsers.implicitSetter('padding', '', isValid, parser);
 var myGlobal = parsers.implicitSetter(
   'padding',
   '',
-  function() {
+  function () {
     return true;
   },
-  function(v) {
+  function (v) {
     return v;
   }
 );
 
 module.exports.definition = {
-  set: function(v) {
+  set: function (v) {
     if (typeof v === 'number') {
       v = String(v);
     }
+    if (v === null) {
+      v = '';
+    }
     if (typeof v !== 'string') {
       return;
     }
@@ -50,7 +54,7 @@ module.exports.definition = {
         break;
     }
   },
-  get: function() {
+  get: function () {
     return this.getPropertyValue('padding');
   },
   enumerable: true,

package/lib/properties/paddingBottom.js

@@ -5,7 +5,7 @@ var parsers = require('../parsers.js');
 
 module.exports.definition = {
   set: parsers.subImplicitSetter('padding', 'bottom', padding.isValid, padding.parser),
-  get: function() {
+  get: function () {
     return this.getPropertyValue('padding-bottom');
   },
   enumerable: true,

package/lib/properties/paddingLeft.js

@@ -5,7 +5,7 @@ var parsers = require('../parsers.js');
 
 module.exports.definition = {
   set: parsers.subImplicitSetter('padding', 'left', padding.isValid, padding.parser),
-  get: function() {
+  get: function () {
     return this.getPropertyValue('padding-left');
   },
   enumerable: true,

package/lib/properties/paddingRight.js

@@ -5,7 +5,7 @@ var parsers = require('../parsers.js');
 
 module.exports.definition = {
   set: parsers.subImplicitSetter('padding', 'right', padding.isValid, padding.parser),
-  get: function() {
+  get: function () {
     return this.getPropertyValue('padding-right');
   },
   enumerable: true,

package/lib/properties/paddingTop.js

@@ -5,7 +5,7 @@ var parsers = require('../parsers.js');
 
 module.exports.definition = {
   set: parsers.subImplicitSetter('padding', 'top', padding.isValid, padding.parser),
-  get: function() {
+  get: function () {
     return this.getPropertyValue('padding-top');
   },
   enumerable: true,

package/lib/properties/right.js

@@ -3,10 +3,10 @@
 var parseMeasurement = require('../parsers').parseMeasurement;
 
 module.exports.definition = {
-  set: function(v) {
+  set: function (v) {
     this._setProperty('right', parseMeasurement(v));
   },
-  get: function() {
+  get: function () {
     return this.getPropertyValue('right');
   },
   enumerable: true,

package/lib/properties/stopColor.js

@@ -3,10 +3,10 @@
 var parseColor = require('../parsers').parseColor;
 
 module.exports.definition = {
-  set: function(v) {
+  set: function (v) {
     this._setProperty('stop-color', parseColor(v));
   },
-  get: function() {
+  get: function () {
     return this.getPropertyValue('stop-color');
   },
   enumerable: true,

package/lib/properties/textLineThroughColor.js

@@ -3,10 +3,10 @@
 var parseColor = require('../parsers').parseColor;
 
 module.exports.definition = {
-  set: function(v) {
+  set: function (v) {
     this._setProperty('text-line-through-color', parseColor(v));
   },
-  get: function() {
+  get: function () {
     return this.getPropertyValue('text-line-through-color');
   },
   enumerable: true,

package/lib/properties/textOverlineColor.js

@@ -3,10 +3,10 @@
 var parseColor = require('../parsers').parseColor;
 
 module.exports.definition = {
-  set: function(v) {
+  set: function (v) {
     this._setProperty('text-overline-color', parseColor(v));
   },
-  get: function() {
+  get: function () {
     return this.getPropertyValue('text-overline-color');
   },
   enumerable: true,

package/lib/properties/textUnderlineColor.js

@@ -3,10 +3,10 @@
 var parseColor = require('../parsers').parseColor;
 
 module.exports.definition = {
-  set: function(v) {
+  set: function (v) {
     this._setProperty('text-underline-color', parseColor(v));
   },
-  get: function() {
+  get: function () {
     return this.getPropertyValue('text-underline-color');
   },
   enumerable: true,

package/lib/properties/top.js

@@ -3,10 +3,10 @@
 var parseMeasurement = require('../parsers').parseMeasurement;
 
 module.exports.definition = {
-  set: function(v) {
+  set: function (v) {
     this._setProperty('top', parseMeasurement(v));
   },
-  get: function() {
+  get: function () {
     return this.getPropertyValue('top');
   },
   enumerable: true,

package/lib/properties/webkitBorderAfterColor.js

@@ -3,10 +3,10 @@
 var parseColor = require('../parsers').parseColor;
 
 module.exports.definition = {
-  set: function(v) {
+  set: function (v) {
     this._setProperty('-webkit-border-after-color', parseColor(v));
   },
-  get: function() {
+  get: function () {
     return this.getPropertyValue('-webkit-border-after-color');
   },
   enumerable: true,

package/lib/properties/webkitBorderBeforeColor.js

@@ -3,10 +3,10 @@
 var parseColor = require('../parsers').parseColor;
 
 module.exports.definition = {
-  set: function(v) {
+  set: function (v) {
     this._setProperty('-webkit-border-before-color', parseColor(v));
   },
-  get: function() {
+  get: function () {
     return this.getPropertyValue('-webkit-border-before-color');
   },
   enumerable: true,

package/lib/properties/webkitBorderEndColor.js

@@ -3,10 +3,10 @@
 var parseColor = require('../parsers').parseColor;
 
 module.exports.definition = {
-  set: function(v) {
+  set: function (v) {
     this._setProperty('-webkit-border-end-color', parseColor(v));
   },
-  get: function() {
+  get: function () {
     return this.getPropertyValue('-webkit-border-end-color');
   },
   enumerable: true,

package/lib/properties/webkitBorderStartColor.js

@@ -3,10 +3,10 @@
 var parseColor = require('../parsers').parseColor;
 
 module.exports.definition = {
-  set: function(v) {
+  set: function (v) {
     this._setProperty('-webkit-border-start-color', parseColor(v));
   },
-  get: function() {
+  get: function () {
     return this.getPropertyValue('-webkit-border-start-color');
   },
   enumerable: true,