From 5bd38fbbf1ba47b4b11723b20919d44aa3da6920 Mon Sep 17 00:00:00 2001
From: Pierre Minik Lynge <hello@miniup.gl>
Date: Thu, 28 Jan 2021 23:52:11 +0000
Subject: [PATCH] v0.1.5

---
 SvelteNova.novaextension/Syntaxes/Svelte.xml | 196 +++++++++++++++----
 1 file changed, 157 insertions(+), 39 deletions(-)

diff --git a/SvelteNova.novaextension/Syntaxes/Svelte.xml b/SvelteNova.novaextension/Syntaxes/Svelte.xml
index 7c0b3a4..bb4ac45 100644
--- a/SvelteNova.novaextension/Syntaxes/Svelte.xml
+++ b/SvelteNova.novaextension/Syntaxes/Svelte.xml
@@ -438,46 +438,164 @@
               </subscopes>
             </scope>
             
-            <!-- Style -->
-            <scope name="html.embedded.style" spell-check="false" lookup="documentation">
-                <starts-with>
-                    <expression>(?=&lt;(?i:style)\b)</expression>
-                </starts-with>
-                <ends-with>
+            <!-- SASS -->
+            <scope name="html.embedded.block.style" spell-check="false" lookup="documentation">
+              <starts-with>
+                <expression>(?=&lt;(?i:style)\b)(?=[^&gt;]*lang=('sass'|\"sass\"))(?![^/&gt;]*/&gt;\s*$)</expression>
+              </starts-with>
+              <ends-with />
+              <subscopes anchored="true" skip-whitespace="false">
+                <scope name="html.tag.style.open">
+                  <symbol type="tag-style">
+                    <context behavior="start" group-by-name="true">
+                      <auto-close string="&lt;/" completion="${name}&gt;" />
+                    </context>
+                  </symbol>
+                  <starts-with>
+                    <expression>&lt;((?i:style))</expression>
+                    <capture number="1" name="html.tag.name" />
+                  </starts-with>
+                  <ends-with>
+                    <expression>/?&gt;</expression>
+                  </ends-with>
+                  <subscopes>
+                    <include syntax="html" collection="attributes" />
+                  </subscopes>
+                </scope>
+                <scope name="html.embedded.block.style.content">
+                  <starts-with>
+                    <expression>(?&lt;=&gt;)</expression>
+                  </starts-with>
+                  <ends-with>
                     <expression>(?=&lt;/(?i:style)\b)</expression>
-                </ends-with>
-                <subscopes>
-                    <scope name="html.tag.style.open">
-                        <symbol type="tag-style">
-                            <context behavior="start" group-by-name="true">
-                                <auto-close string="&lt;/" completion="${name}&gt;" />
-                            </context>
-                        </symbol>
-                        <starts-with>
-                            <expression>&lt;((?i:style))</expression>
-                            <capture number="1" name="html.tag.name" />
-                        </starts-with>
-                        <ends-with>
-                            <expression>/?&gt;</expression>
-                        </ends-with>
-                        <subscopes>
-                            <include syntax="self" collection="attributes" />
-                        </subscopes>
-                    </scope>
-                    <scope name="html.embedded.style.content">
-                        <starts-with>
-                            <expression>(?&lt;=&gt;)</expression>
-                        </starts-with>
-                        <ends-with>
-                            <expression>(?=&lt;/(?i:style)\b)</expression>
-                        </ends-with>
-                        <subsyntax name="css">
-                            <cut-off>
-                                <expression>(?=&lt;/(?i:style|head|body|div)\b)</expression>
-                            </cut-off>
-                        </subsyntax>
-                    </scope>
-                </subscopes>
+                  </ends-with>
+                  <subsyntax name="sass">
+                    <cut-off>
+                      <expression>(?=&lt;/(?i:style)\b)</expression>
+                    </cut-off>
+                  </subsyntax>
+                </scope>
+              </subscopes>
+            </scope>
+            
+            <!-- SCSS -->
+            <scope name="html.embedded.block.style" spell-check="false" lookup="documentation">
+              <starts-with>
+                <expression>(?=&lt;(?i:style)\b)(?=[^&gt;]*lang=('scss'|\"scss\"))(?![^/&gt;]*/&gt;\s*$)</expression>
+              </starts-with>
+              <ends-with />
+              <subscopes anchored="true" skip-whitespace="false">
+                <scope name="html.tag.style.open">
+                  <symbol type="tag-style">
+                    <context behavior="start" group-by-name="true">
+                      <auto-close string="&lt;/" completion="${name}&gt;" />
+                    </context>
+                  </symbol>
+                  <starts-with>
+                    <expression>&lt;((?i:style))</expression>
+                    <capture number="1" name="html.tag.name" />
+                  </starts-with>
+                  <ends-with>
+                    <expression>/?&gt;</expression>
+                  </ends-with>
+                  <subscopes>
+                    <include syntax="html" collection="attributes" />
+                  </subscopes>
+                </scope>
+                <scope name="html.embedded.block.style.content">
+                  <starts-with>
+                    <expression>(?&lt;=&gt;)</expression>
+                  </starts-with>
+                  <ends-with>
+                    <expression>(?=&lt;/(?i:style)\b)</expression>
+                  </ends-with>
+                  <subsyntax name="scss">
+                    <cut-off>
+                      <expression>(?=&lt;/(?i:style)\b)</expression>
+                    </cut-off>
+                  </subsyntax>
+                </scope>
+              </subscopes>
+            </scope>
+            
+            <!-- LESS -->
+            <scope name="html.embedded.block.style" spell-check="false" lookup="documentation">
+              <starts-with>
+                <expression>(?=&lt;(?i:style)\b)(?=[^&gt;]*lang=('less'|\"less\"))(?![^/&gt;]*/&gt;\s*$)</expression>
+              </starts-with>
+              <ends-with />
+              <subscopes anchored="true" skip-whitespace="false">
+                <scope name="html.tag.style.open">
+                  <symbol type="tag-style">
+                    <context behavior="start" group-by-name="true">
+                      <auto-close string="&lt;/" completion="${name}&gt;" />
+                    </context>
+                  </symbol>
+                  <starts-with>
+                    <expression>&lt;((?i:style))</expression>
+                    <capture number="1" name="html.tag.name" />
+                  </starts-with>
+                  <ends-with>
+                    <expression>/?&gt;</expression>
+                  </ends-with>
+                  <subscopes>
+                    <include syntax="html" collection="attributes" />
+                  </subscopes>
+                </scope>
+                <scope name="html.embedded.block.style.content">
+                  <starts-with>
+                    <expression>(?&lt;=&gt;)</expression>
+                  </starts-with>
+                  <ends-with>
+                    <expression>(?=&lt;/(?i:style)\b)</expression>
+                  </ends-with>
+                  <subsyntax name="less">
+                    <cut-off>
+                      <expression>(?=&lt;/(?i:style)\b)</expression>
+                    </cut-off>
+                  </subsyntax>
+                </scope>
+              </subscopes>
+            </scope>
+            
+            <!-- CSS -->
+            <scope name="html.embedded.block.style" spell-check="false" lookup="documentation">
+              <starts-with>
+                <expression>(?=&lt;(?i:style)\b)</expression>
+              </starts-with>
+              <ends-with />
+              <subscopes anchored="true" skip-whitespace="false">
+                <scope name="html.tag.style.open">
+                  <symbol type="tag-style">
+                    <context behavior="start" group-by-name="true">
+                      <auto-close string="&lt;/" completion="${name}&gt;" />
+                    </context>
+                  </symbol>
+                  <starts-with>
+                    <expression>&lt;((?i:style))</expression>
+                    <capture number="1" name="html.tag.name" />
+                  </starts-with>
+                  <ends-with>
+                    <expression>/?&gt;</expression>
+                  </ends-with>
+                  <subscopes>
+                    <include syntax="html" collection="attributes" />
+                  </subscopes>
+                </scope>
+                <scope name="html.embedded.block.style.content">
+                  <starts-with>
+                    <expression>(?&lt;=&gt;)</expression>
+                  </starts-with>
+                  <ends-with>
+                    <expression>(?=&lt;/(?i:style)\b)</expression>
+                  </ends-with>
+                  <subsyntax name="css">
+                    <cut-off>
+                      <expression>(?=&lt;/(?i:style)\b)</expression>
+                    </cut-off>
+                  </subsyntax>
+                </scope>
+              </subscopes>
             </scope>
             
             <!-- Closing Tags -->