add @host support. Closes #54

Author: tj

index.js

@@ -306,6 +306,28 @@ module.exports = function(css, options){
     });
   }
 
+  /**
+   * Parse host.
+   */
+
+  function athost() {
+    var pos = position();
+    var m = match(/^@host */);
+
+    if (!m) return;
+
+    if (!open()) return error("@host missing '{'");
+
+    var style = comments().concat(rules());
+
+    if (!close()) return error("@host missing '}'");
+
+    return pos({
+      type: 'host',
+      rules: style
+    });
+  }
+
   /**
    * Parse media.
    */
@@ -435,7 +457,8 @@ module.exports = function(css, options){
       || atcharset()
       || atnamespace()
       || atdocument()
-      || atpage();
+      || atpage()
+      || athost();
   }
 
   /**

test/cases/host.css

@@ -0,0 +1,5 @@
+@host {
+  :scope {
+    display: block;
+  }
+}

test/cases/host.json

@@ -0,0 +1,58 @@
+{
+  "type": "stylesheet",
+  "stylesheet": {
+    "rules": [
+      {
+        "type": "host",
+        "rules": [
+          {
+            "type": "rule",
+            "selectors": [
+              ":scope"
+            ],
+            "declarations": [
+              {
+                "type": "declaration",
+                "property": "display",
+                "value": "block",
+                "position": {
+                  "start": {
+                    "line": 3,
+                    "column": 5
+                  },
+                  "end": {
+                    "line": 3,
+                    "column": 19
+                  },
+                  "source": "host.css"
+                }
+              }
+            ],
+            "position": {
+              "start": {
+                "line": 2,
+                "column": 3
+              },
+              "end": {
+                "line": 4,
+                "column": 4
+              },
+              "source": "host.css"
+            }
+          }
+        ],
+        "position": {
+          "start": {
+            "line": 1,
+            "column": 1
+          },
+          "end": {
+            "line": 5,
+            "column": 2
+          },
+          "source": "host.css"
+        }
+      }
+    ]
+  }
+}