From 5a32d19c408bce0a0c1786cd451af5d833b7cf26 Mon Sep 17 00:00:00 2001
From: leafOfTree <node_github@163.com>
Date: Wed, 2 Dec 2020 15:17:44 +0800
Subject: [PATCH] Extend cssValueNumber only for scss/sass

---
 syntax/vue.vim | 7 ++++++-
 1 file changed, 6 insertions(+), 1 deletion(-)

diff --git a/syntax/vue.vim b/syntax/vue.vim
index a7e6711..41afee4 100644
--- a/syntax/vue.vim
+++ b/syntax/vue.vim
@@ -260,6 +260,11 @@ if s:use_sass
         \ contains=@SassSyntax,sassDefinition 
         \ contained containedin=sassVueStyle
         \ start="{" end="}" 
+
+  " Extend to highlight all numbers in expression
+  syntax match cssValueNumber
+        \ /\W\zs\d\+\(\.\d\+\)\?%\?\ze\W/
+        \ contained containedin=sassDefinition
 endif
 " If not loading https://github.com/cakebaker/scss-syntax.vim
 if s:use_scss && !hlexists('scssNestedProperty')
@@ -271,7 +276,7 @@ if s:use_scss && !hlexists('scssNestedProperty')
 
   " Extend to highlight all numbers in expression
   syntax match cssValueNumber
-        \ /\W\zs\d\+\(\.\d\+\)\?\ze\W/
+        \ /\W\zs\d\+\(\.\d\+\)\?%\?\ze\W/
         \ contained containedin=cssScssDefinition
 endif
 if s:use_stylus