Merge pull request #39 from cvharris/support-nunjucks

ecmel · web-flow · commit 004049149596 · 2017-08-12T12:20:00.000+03:00
Support nunjucks
diff --git a/README.md b/README.md
@@ -23,6 +23,7 @@ Missing CSS support for HTML documents.
 - php
 - twig
 - md
+- nunjucks
 - javascript
 - javascriptreact
 
diff --git a/package.json b/package.json
@@ -2,7 +2,7 @@
   "name": "vscode-html-css",
   "displayName": "HTML CSS Support",
   "description": "CSS support for HTML documents",
-  "version": "0.1.8",
+  "version": "0.1.9",
   "publisher": "ecmel",
   "license": "MIT",
   "homepage": "https://github.com/ecmel/vscode-html-css",
@@ -57,6 +57,7 @@
     "onLanguage:php",
     "onLanguage:twig",
     "onLanguage:md",
+    "onLanguage:nunjucks",
     "onLanguage:javascript",
     "onLanguage:javascriptreact"
   ],
diff --git a/src/extension.ts b/src/extension.ts
@@ -185,6 +185,7 @@ export function activate(context: vsc.ExtensionContext) {
     'php',
     'twig',
     'md',
+    'nunjucks',
     'javascript',
     'javascriptreact',
     'erb'
@@ -202,6 +203,7 @@ export function activate(context: vsc.ExtensionContext) {
   context.subscriptions.push(vsc.languages.setLanguageConfiguration('php', { wordPattern: wp }));
   context.subscriptions.push(vsc.languages.setLanguageConfiguration('twig', { wordPattern: wp }));
   context.subscriptions.push(vsc.languages.setLanguageConfiguration('md', { wordPattern: wp }));
+  context.subscriptions.push(vsc.languages.setLanguageConfiguration('nunjucks', { wordPattern: wp }));
   context.subscriptions.push(vsc.languages.setLanguageConfiguration('javascript', { wordPattern: wp }));
   context.subscriptions.push(vsc.languages.setLanguageConfiguration('javascriptreact', { wordPattern: wp }));
   context.subscriptions.push(vsc.languages.setLanguageConfiguration('erb', { wordPattern: wp }));
diff --git a/test/test.njk b/test/test.njk
@@ -0,0 +1,33 @@
+<html>
+
+<head>
+  <style>
+    .internal {
+      color: red;
+    }
+    
+    .internal-test1 .internal-test2 {
+      color: red;
+    }
+    
+    #internal_id {
+      color: red;
+    }
+    
+    #internal_id-test1 #internal_id-test2 {
+      color: red;
+    }
+  </style>
+</head>
+
+<body>
+  <a href="#" id="external_id" style="color: white;" class="external-test1">TEST</a>
+  <a href="#" id="internal_id" style="
+    color: white; 
+    background-color: red;" class="
+  external container
+  internal
+  ">TEST</a>
+</body>
+
+</html>
