Read CSS classes with escaped colon

1 files changed, 7 insertions, 5 deletions

diff --git a/lib/style-reader.js b/lib/style-reader.js
index db3bdbc..95fe81d 100644
--- a/lib/style-reader.js
+++ b/lib/style-reader.js
@@ -199,10 +199,12 @@ function htmlPathRule() {
 var identifierRule = lop.rules.tokenOfType("identifier");
 var integerRule = lop.rules.tokenOfType("integer");
     
-var classRule = lop.rules.sequence(
-    lop.rules.tokenOfType("dot"),
-    lop.rules.sequence.capture(identifierRule)
-).head();
+var classRule = lop.rules.then(
+    lop.rules.tokenOfType("cssClassName"),
+    function(text) {
+        return text.substring(1).replace(/\\(.)/g, "$1");
+    }
+);
 
 function parseString(rule, string) {
     var tokens = tokenise(string);
@@ -228,7 +230,7 @@ function describeError(error) {
 function tokenise(string) {
     var tokeniser = new RegexTokeniser([
         {name: "identifier", regex: /([a-zA-Z][a-zA-Z0-9\-]*)/},
-        {name: "dot", regex: /\./},
+        {name: "cssClassName", regex: /(\.(?:[a-zA-Z0-9\-]|\\.)+)/},
         {name: "colon", regex: /:/},
         {name: "gt", regex: />/},
         {name: "whitespace", regex: /\s+/},