add placeholder selector support

reworkcss · Jan 16, 2013 · 0b3fa2d · 0b3fa2d
1 parent 2f5e1ac
commit 0b3fa2d
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 5 deletions.
diff --git a/examples/extend-nesting.css b/examples/extend-nesting.css
@@ -1,18 +1,18 @@
 
-.dark-button {
+%dark-button {
   background: black;
 }
 
-.dark-button:hover {
+%dark-button:hover {
   background: rgba(0,0,0,.5);
 }
 
-.dark-button:hover .icon {
+%dark-button:hover .icon {
   color: rgba(255,255,255,.5);
 }
 
 button,
 .actions a {
-  extend: .dark-button;
+  extend: %dark-button;
   padding: 5px 10px;
 }
diff --git a/lib/plugins/extend.js b/lib/plugins/extend.js
@@ -15,8 +15,9 @@ module.exports = function() {
     var map = {};
     style.rules.forEach(function(rule){
       if (!rule.declarations) return;
-      rule.selectors.forEach(function(sel){
+      rule.selectors.forEach(function(sel, i){
         map[sel] = rule;
+        if ('%' == sel[0]) rule.selectors.splice(i, 1);
       });
       visit(rule, map);
     });