stylecow-plugin-flex - npm Package Compare versions

Comparing version 1.1.0 to 2.0.0

index.js

@@ -11,8 +11,11 @@ module.exports = function (stylecow) {
 			Declaration: function (declaration) {
-				if (declaration.is(null, 'display', ['flex', 'inline-flex'])) {
-					return declaration.insertBefore('display: -ms-' + declaration.value + 'box');
+				if (declaration.is({
+					name: 'display',
+					value: ['flex', 'inline-flex']
+				})) {
+					return declaration.before('display: -ms-' + declaration.value + 'box');
 				}
 				
 				if (declaration.name === 'flex-wrap') {
-					return declaration.insertBefore('-ms-flex-wrap: ' + (declaration.value === 'nowrap' ? 'none' : declaration.value));
+					return declaration.before('-ms-flex-wrap: ' + (declaration.value === 'nowrap' ? 'none' : declaration.value));
 				}
@@ -33,18 +36,18 @@
 				if (declaration.name === 'justify-content') {
-					return declaration.insertBefore('-ms-flex-pack: ' + alignmentValue(declaration.value));
+					return declaration.before('-ms-flex-pack: ' + alignmentValue(declaration.value));
 				}
 				
 				if (declaration.name === 'align-items') {
-					return declaration.insertBefore('-ms-flex-align: ' + alignmentValue(declaration.value));
+					return declaration.before('-ms-flex-align: ' + alignmentValue(declaration.value));
 				}
 				
 				if (declaration.name === 'align-self') {
-					return declaration.insertBefore('-ms-flex-item-align: ' + alignmentValue(declaration.value));
+					return declaration.before('-ms-flex-item-align: ' + alignmentValue(declaration.value));
 				}
 				
 				if (declaration.name === 'align-content') {
-					return declaration.insertBefore('-ms-flex-line-pack: ' + alignmentValue(declaration.value));
+					return declaration.before('-ms-flex-line-pack: ' + alignmentValue(declaration.value));
 				}
 
-				if (declaration.is(null, /^flex/)) {
+				if (declaration.is({name: /^flex/})) {
 					return declaration.cloneBefore().name = '-ms-' + declaration.name;
@@ -65,4 +68,7 @@ }
 				display: function (declaration) {
-					if (declaration.is(null, null, ['flex', 'inline-flex'])) {
-						declaration.insertBefore('display: -webkit-' + declaration.value.replace('flex', 'box'));
+					if (declaration.is({
+						name: 'display',
+						value: ['flex', 'inline-flex']
+					})) {
+						declaration.before('display: -webkit-' + declaration.value.replace('flex', 'box'));
 					}
@@ -96,6 +102,6 @@ },
 
-					declaration.insertBefore('-webkit-box-orient:' + orient);
+					declaration.before('-webkit-box-orient:' + orient);
 
 					if (direction) {
-						declaration.insertBefore('-webkit-box-direction:' + direction);
+						declaration.before('-webkit-box-direction:' + direction);
 					}
@@ -106,3 +112,3 @@ },
 
-					declaration.insertBefore('-webkit-box-ordinal-group:' + value);
+					declaration.before('-webkit-box-ordinal-group:' + value);
 				},
@@ -116,12 +122,12 @@ "justify-content": function (declaration) {
 
-					declaration.insertBefore('-webkit-box-pack:' + value);
+					declaration.before('-webkit-box-pack:' + value);
 				},
 				"align-items": function (declaration) {
-					declaration.insertBefore('-webkit-box-align:' + alignmentValue(declaration.value));
+					declaration.before('-webkit-box-align:' + alignmentValue(declaration.value));
 				},
 				"flex-grow": function (declaration) {
-					declaration.insertBefore('-webkit-box-flex:' + declaration.value);
+					declaration.before('-webkit-box-flex:' + declaration.value);
 				},
 				"flex": function (declaration) {
-					declaration.insertBefore('-webkit-box-flex:' + declaration.value);
+					declaration.before('-webkit-box-flex:' + declaration.value);
 				}
@@ -140,8 +146,13 @@ }
 			Declaration: function (declaration) {
-				if (declaration.is(null, /^(flex.*|align.*|justify-content|order)$/)) {
-					return declaration.cloneBefore().name = '-webkit-' + declaration.name;
+				if (declaration.is({
+					name: 'display',
+					value: ['flex', 'inline-flex']
+				})) {
+					return declaration.cloneBefore().setContent('-webkit-' + declaration.value);
 				}
 
-				if (declaration.is(null, 'display', ['flex', 'inline-flex'])) {
-					return declaration.cloneBefore().value = '-webkit-' + declaration.value;
+				if (declaration.is({
+					name: /^(flex.*|align.*|justify-content|order)$/
+				})) {
+					return declaration.cloneBefore().name = '-webkit-' + declaration.name;
 				}
@@ -148,0 +159,0 @@ }

package.json

 {
 	"name": "stylecow-plugin-flex",
 	"description": "Stylecow plugin to add vendor prefixes and create fallback in browsers supporting the old flexbox syntax",
-	"version": "1.1.0",
+	"version": "2.0.0",
 	"author": "Oscar Otero <[e-mail]>",
@@ -6,0 +6,0 @@ "homepage": "https://github.com/stylecow/stylecow-plugin-flex",

README.md

@@ -6,2 +6,8 @@ stylecow plugin flex
 
+More info:
+
+* [Complete guide to flexbox](http://css-tricks.com/snippets/css/a-guide-to-flexbox/)
+* [w3c specification](http://www.w3.org/TR/css3-flexbox/)
+* [Old and new syntax](http://css-tricks.com/old-flexbox-and-new-flexbox/)
+
 You write:
@@ -8,0 +14,0 @@

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

7316

increased by3.54%

Lines of code

140

increased by8.53%

Number of lines in readme file

55

increased by12.24%

No dependency changes