Accept new line characters in all at-rules

Author: conradz

lib/parse/index.js

@@ -283,7 +283,7 @@ module.exports = function(css, options){
 
   function atkeyframes() {
     var pos = position();
-    var m = match(/^@([-\w]+)?keyframes */);
+    var m = match(/^@([-\w]+)?keyframes\s*/);
 
     if (!m) return;
     var vendor = m[1];
@@ -342,7 +342,7 @@ module.exports = function(css, options){
 
   function athost() {
     var pos = position();
-    var m = match(/^@host */);
+    var m = match(/^@host\s*/);
 
     if (!m) return;
 
@@ -389,7 +389,7 @@ module.exports = function(css, options){
 
   function atcustommedia() {
     var pos = position();
-    var m = match(/^@custom-media (--[^\s]+) *([^{;]+);/);
+    var m = match(/^@custom-media\s+(--[^\s]+)\s*([^{;]+);/);
     if (!m) return;
 
     return pos({
@@ -506,7 +506,7 @@ module.exports = function(css, options){
 
 
   function _compileAtrule(name) {
-    var re = new RegExp('^@' + name + ' *([^;\\n]+);');
+    var re = new RegExp('^@' + name + '\\s*([^;]+);');
     return function() {
       var pos = position();
       var m = match(re);

test/cases/charset-linebreak/ast.json

@@ -0,0 +1,22 @@
+{
+  "type": "stylesheet",
+  "stylesheet": {
+    "rules": [
+      {
+        "type": "charset",
+        "charset": "\"UTF-8\"",
+        "position": {
+          "start": {
+            "line": 1,
+            "column": 1
+          },
+          "end": {
+            "line": 3,
+            "column": 6
+          },
+          "source": "input.css"
+        }
+      }
+    ]
+  }
+}

test/cases/charset-linebreak/compressed.css

@@ -0,0 +1 @@
+@charset "UTF-8";

test/cases/charset-linebreak/input.css

@@ -0,0 +1,3 @@
+@charset
+    "UTF-8"
+    ;

test/cases/charset-linebreak/output.css

@@ -0,0 +1 @@
+@charset "UTF-8";

test/cases/custom-media-linebreak/ast.json

@@ -0,0 +1,23 @@
+{
+  "type": "stylesheet",
+  "stylesheet": {
+    "rules": [
+      {
+        "type": "custom-media",
+        "name": "--test",
+        "media": "(min-width: 200px)",
+        "position": {
+          "start": {
+            "line": 1,
+            "column": 1
+          },
+          "end": {
+            "line": 4,
+            "column": 2
+          },
+          "source": "input.css"
+        }
+      }
+    ]
+  }
+}

test/cases/custom-media-linebreak/compressed.css

@@ -0,0 +1 @@
+@custom-media --test (min-width: 200px);

test/cases/custom-media-linebreak/input.css

@@ -0,0 +1,4 @@
+@custom-media
+    --test
+    (min-width: 200px)
+;

test/cases/custom-media-linebreak/output.css

@@ -0,0 +1 @@
+@custom-media --test (min-width: 200px);

test/cases/document-linebreak/ast.json

@@ -0,0 +1,60 @@
+{
+  "type": "stylesheet",
+  "stylesheet": {
+    "rules": [
+      {
+        "type": "document",
+        "document": "url-prefix()",
+        "vendor": "",
+        "rules": [
+          {
+            "type": "rule",
+            "selectors": [
+              ".test"
+            ],
+            "declarations": [
+              {
+                "type": "declaration",
+                "property": "color",
+                "value": "blue",
+                "position": {
+                  "start": {
+                    "line": 6,
+                    "column": 13
+                  },
+                  "end": {
+                    "line": 6,
+                    "column": 24
+                  },
+                  "source": "input.css"
+                }
+              }
+            ],
+            "position": {
+              "start": {
+                "line": 5,
+                "column": 9
+              },
+              "end": {
+                "line": 7,
+                "column": 10
+              },
+              "source": "input.css"
+            }
+          }
+        ],
+        "position": {
+          "start": {
+            "line": 1,
+            "column": 1
+          },
+          "end": {
+            "line": 9,
+            "column": 6
+          },
+          "source": "input.css"
+        }
+      }
+    ]
+  }
+}