Merge pull request #88 from reworkcss/better-at-rules

Add `@custom-media` support

Author: necolas

index.js

@@ -381,6 +381,23 @@ module.exports = function(css, options){
     });
   }
 
+
+  /**
+   * Parse custom-media.
+   */
+
+  function atcustommedia() {
+    var pos = position();
+    var m = match(/^@custom-media (--[^\s]+) *([^{]+);/);
+    if (!m) return;
+
+    return pos({
+      type: 'custom-media',
+      name: trim(m[1]),
+      media: trim(m[2])
+    });
+  }
+
   /**
    * Parse paged media.
    */
@@ -508,6 +525,7 @@ module.exports = function(css, options){
 
     return atkeyframes()
       || atmedia()
+      || atcustommedia()
       || atsupports()
       || atimport()
       || atcharset()

test/cases/custom-media.css

@@ -0,0 +1 @@
+@custom-media --narrow-window (max-width: 30em);

test/cases/custom-media.json

@@ -0,0 +1,23 @@
+{
+  "type": "stylesheet",
+  "stylesheet": {
+    "rules": [
+      {
+        "type": "custom-media",
+        "name": "--narrow-window",
+        "media": "(max-width: 30em)",
+        "position": {
+          "start": {
+            "line": 1,
+            "column": 1
+          },
+          "end": {
+            "line": 1,
+            "column": 49
+          },
+          "source": "custom-media.css"
+        }
+      }
+    ]
+  }
+}