add options

README.md

@@ -15,6 +15,15 @@ var css = rework(inputCSS)
   .toString()
 ```
 
+#### Inherit(options{})
+
+Option parameters:
+
+* `propertyRegExp` - Regular expression to match the "inherit" property.
+  By default, it is `/^inherits?$/`, so it matches "inherit" as well as "inherits".
+  Set as `/^extends?$/` if you want to use the "extend" keyword.
+* `disableMediaInheritance` - Disable inheritance from within media queries.
+
 ### Examples
 
 #### Regular inherit

index.js

@@ -1,22 +1,28 @@
-exports = module.exports = function () {
-  return Inherit
+exports = module.exports = function (options) {
+  return function inherit(style) {
+    return new Inherit(style, options || {})
+  }
 }
 
 exports.Inherit = Inherit
 
-function Inherit(style) {
+function Inherit(style, options) {
   if (!(this instanceof Inherit))
-    return new Inherit(style);
+    return new Inherit(style, options);
+
+  this.propertyRegExp = options.propertyRegExp || /^inherits?$/
 
   var rules = this.rules = style.rules
   this.matches = {}
 
   for (var i = 0; i < rules.length; i++) {
     var rule = rules[i]
-    if (rule.rules) {
+    if (rule.rules && !options.disableMediaInheritance) {
+      // Media queries
       this.inheritMedia(rule)
       if (!rule.rules.length) rules.splice(i--, 1);
     } else if (rule.selectors) {
+      // Regular rules
       this.inheritRules(rule)
       if (!rule.declarations.length) rules.splice(i--, 1);
     }
@@ -80,7 +86,7 @@ Inherit.prototype.inheritRules = function (rule) {
 
   for (var i = 0; i < declarations.length; i++) {
     var decl = declarations[i]
-    if (!/^inherits?$/.test(decl.property)) continue;
+    if (!this.propertyRegExp.test(decl.property)) continue;
 
     decl.value.split(',').map(trim).forEach(function (val) {
       this.inheritRule(val, selectors)

package.json

@@ -1,8 +1,8 @@
 {
   "name": "rework-inherit",
   "description": "Inherit rules from other selectors",
-  "version": "0.0.2",
+  "version": "0.1.0",
   "peerDependencies": {
-    "rework": "*"
+    "rework": ">= 0.13.2"
   }
 }

test/fixtures/disable.media.out.css

@@ -0,0 +1,9 @@
+.gray {
+  color: gray
+}
+
+@media (min-width: 320px) {
+  .button {
+    inherit: .gray
+  }
+}

test/fixtures/extend.css

@@ -0,0 +1,11 @@
+.a {
+  color: red;
+}
+
+.b {
+  extend: .a;
+}
+
+.c {
+  extends: .b;
+}

test/index.js

@@ -22,4 +22,16 @@ test('substring', 'Inherit substring failed')
 test('multiple', 'Inherit multiple selectors failed')
 test('tag', 'Inherit a tag failed')
 test('chain', 'Chained inheritance failed')
-test('unordered', 'Out of order inheritance failed')
+test('unordered', 'Out of order inheritance failed')
+
+var ext = rework(read('extend')).use(inherit({
+  propertyRegExp: /^extends?$/
+})).toString()
+
+assert.equal(ext, read('chain.out'), 'Extends regexp failed:\n' + ext)
+
+var media = rework(read('media')).use(inherit({
+  disableMediaInheritance: true
+})).toString()
+
+assert.equal(media, read('disable.media.out'), 'Disable media inheritance failed:\n' + media)