Add excluding rules

Author: 7rulnik

README.md

@@ -38,6 +38,23 @@ postcss([ require('postcss-flexibility') ])
 
 See [PostCSS] docs for examples for your environment.
 
+### Excluding rules
+
+You can exclude rule from transformation by adding `/* flexibility-disable */` comment.
+
+```css
+.foo {
+	/* flexibility-disable */
+	display: flex;
+}
+```
+will be processed to:
+```css
+.foo {
+	/* flexibility-disable */
+	display: flex;
+}
+```
 
 --
 

index.js

@@ -2,9 +2,11 @@ import postcss from 'postcss';
 
 const postcssFlexibility = postcss.plugin('postcss-flexibility', () => css => {
 	css.walkRules(rule => {
-		const jsDisplayExist = rule.some(({prop}) => prop === '-js-display');
+		const isDisabled = rule.some(({prop, text}) =>
+			prop === '-js-display' || text === 'flexibility-disable'
+		);
 
-		if (!jsDisplayExist) {
+		if (!isDisabled) {
 			rule.walkDecls('display', decl => {
 				const {value} = decl;
 				if (value === 'flex') {

test.js

@@ -6,8 +6,8 @@ import plugin from './';
 function run(t, input, output) {
 	return postcss([plugin()]).process(input)
 		.then(result => {
-			t.same(result.css, output);
-			t.same(result.warnings().length, 0);
+			t.deepEqual(result.css, output);
+			t.deepEqual(result.warnings().length, 0);
 		});
 }
 
@@ -37,3 +37,17 @@ test('Don\'add "-js-display: flex" if it\'s already exist', t => {
 		}`
 	);
 });
+
+test('Don\'add "-js-display: flex" if comment "flexibility-disable" is exist', t => {
+	return run(
+		t,
+		`a {
+			/* flexibility-disable */
+			display: flex;
+		}`,
+		`a {
+			/* flexibility-disable */
+			display: flex;
+		}`
+	);
+});