Fixed support for 'content' style rules

Author: lukebayes

package.json

@@ -1,6 +1,6 @@
 {
   "name": "nomplate",
-  "version": "1.3.32",
+  "version": "1.3.33",
   "description": "Nomplate: Node template engine",
   "main": "index.js",
   "engines": {

src/element.js

@@ -82,12 +82,21 @@ class Element {
     });
   }
 
+  _wrapContentRules(rules) {
+    Object.keys(rules).forEach((key) => {
+      if (key === 'content') {
+        rules[key] = `"${rules[key]}"`;
+      }
+    });
+    return rules;
+  }
+
   renderSelectors() {
     const entries = [];
     this.selectors.forEach((selector) => {
       const name = selector.selector;
       entries.push(`${name}{`);
-      const rules = selector.rules;
+      const rules = this._wrapContentRules(selector.rules);
       if (name.indexOf('@media') === 0) {
         this.renderMediaSelector(entries, name, rules.selectors);
       } else if (name.indexOf('@') === 0) {

test/element_test.js

@@ -116,6 +116,16 @@ describe('Nomplate Element', () => {
       assert.equal(style.renderSelectors(), 'foo{background-color:#fc0;}');
     });
 
+    it('accepts after selector', () => {
+      const style = dom.style(() => {
+        dom.selector('.sub-elem::after', {
+          content: '-->',
+        });
+      });
+
+      assert.equal(style.renderSelectors(), '.sub-elem::after{content:"-->";}');
+    });
+
     it('accepts keyframes selector', () => {
       const style = dom.style(() => {
         dom.keyframes('foo', {