Merge pull request reworkcss#17 from philipwalton/paged-media

Add support for @page at-rules with nested @Margin at-rules.

Author: tj

index.js

@@ -213,6 +213,50 @@ module.exports = function(css){
     return { media: media, rules: style };
   }
 
+  /**
+   * Parse paged media.
+   */
+
+  function atpage() {
+    var m = match(/^@page */);
+    if (!m) return;
+
+    var sel = selector() || [];
+    var decls = [];
+
+    if (!open()) return;
+    comments();
+
+    // declarations
+    var decl;
+    while (decl = declaration() || atmargin()) {
+      decls.push(decl);
+      comments();
+    }
+
+    if (!close()) return;
+
+    return {
+      type: "page",
+      selectors: sel,
+      declarations: decls
+    };
+  }
+
+  /**
+   * Parse margin at-rules
+   */
+
+  function atmargin() {
+    var m = match(/^@([a-z\-]+) */);
+    if (!m) return;
+    var type = m[1]
+
+    return {
+      type: type,
+      declarations: declarations()
+    }
+  }
 
   /**
    * Parse import
@@ -281,8 +325,8 @@ module.exports = function(css){
       || supports()
       || atimport()
       || atcharset()
-      || atnamespace();
-
+      || atnamespace()
+      || atpage();
   }
 
   /**

test/cases/paged-media.css

@@ -0,0 +1,15 @@
+@page toc, index:blank {
+  color: green;
+
+  @top-left {
+    content: "foo";
+    color: blue;
+  }
+  @top-right {
+    content: "bar";
+  }
+}
+
+@page {
+  font-size: 16pt;
+}

test/cases/paged-media.json

@@ -0,0 +1,51 @@
+{
+  "stylesheet": {
+    "rules": [
+      {
+        "type": "page",
+        "selectors": [
+          "toc",
+          "index:blank"
+        ],
+        "declarations": [
+          {
+            "property": "color",
+            "value": "green"
+          },
+          {
+            "type": "top-left",
+            "declarations": [
+              {
+                "property": "content",
+                "value": "\"foo\""
+              },
+              {
+                "property": "color",
+                "value": "blue"
+              }
+            ]
+          },
+          {
+            "type": "top-right",
+            "declarations": [
+              {
+                "property": "content",
+                "value": "\"bar\""
+              }
+            ]
+          }
+        ]
+      },
+      {
+        "type": "page",
+        "selectors": [],
+        "declarations": [
+          {
+            "property": "font-size",
+            "value": "16pt"
+          }
+        ]
+      }
+    ]
+  }
+}