Add attribute selector support (#8)

* add attribute selector support

* chore: fix commit email address

Co-authored-by: foo <[email protected]>

Author: dword-design

.tape.js

@@ -22,6 +22,11 @@ module.exports = {
 			expect: '.foo { color: blue; &:hover, &:focus { color: rebeccapurple; } &:focus-within { color: red; } }',
 			args: ['always']
 		},
+		{
+			source: '.foo { color: blue; } .foo[data-bar] { color: red; }',
+			expect: '.foo { color: blue; &[data-bar] { color: red; } }',
+			args: ['always']
+		},
 		{
 			source: '.foo { color: blue; } .foo:hover, .foo:focus { color: rebeccapurple; } .foo:focus-within { color: red; }',
 			expect: '.foo { color: blue; &:hover, &:focus { color: rebeccapurple; } } .foo:focus-within { color: red; }',

src/lib/are-rules-potential-nesting-rule.js

@@ -2,12 +2,12 @@ export default function areRulesPotentialNestingRule(rule1, rule2, opts) {
 	const except = [].concat(Object(opts).except || []);
 	const only = [].concat(Object(opts).only || []);
 
-	return rule1.selectors && rule2.selectors && rule2.selectors.every(
+	const result = rule1.selectors && rule2.selectors && rule2.selectors.every(
 		rule2Selector => rule1.selectors.every(
 			rule1Selector =>
 				rule2Selector.length < rule1Selector.length &&
 				rule2Selector === rule1Selector.slice(0, rule2Selector.length) &&
-				!/^[A-z0-9-_]/.test(rule1Selector.slice(rule2Selector.length)) &&
+				!/^[A-Za-z0-9-_]/.test(rule1Selector.slice(rule2Selector.length)) &&
 				(!except.length || except.some(
 					entry => entry instanceof RegExp
 						? !entry.test(rule1Selector.slice(rule2Selector.length))
@@ -20,4 +20,5 @@ export default function areRulesPotentialNestingRule(rule1, rule2, opts) {
 				))
 		)
 	);
+	return result
 }