From 7ab2e3b989813631a03fbf1773cf3bffb0fbe3e5 Mon Sep 17 00:00:00 2001
From: leafOfTree <node_github@163.com>
Date: Wed, 2 Dec 2020 14:45:20 +0800
Subject: [PATCH] Extend cssValueNumber for scss/sass

---
 syntax/vue.vim | 8 ++++++--
 1 file changed, 6 insertions(+), 2 deletions(-)

diff --git a/syntax/vue.vim b/syntax/vue.vim
index 1f393a5..a7e6711 100644
--- a/syntax/vue.vim
+++ b/syntax/vue.vim
@@ -268,6 +268,11 @@ if s:use_scss && !hlexists('scssNestedProperty')
         \ contains=@ScssSyntax,cssScssDefinition
         \ contained containedin=cssScssVueStyle
         \ start="{" end="}" 
+
+  " Extend to highlight all numbers in expression
+  syntax match cssValueNumber
+        \ /\W\zs\d\+\(\.\d\+\)\?\ze\W/
+        \ contained containedin=cssScssDefinition
 endif
 if s:use_stylus
   silent! syntax clear stylusDefinition
@@ -277,8 +282,7 @@ if s:use_stylus
         \ start="{" end="}" 
 endif
 
-" Avoid css syntax interference
-" Have to use a different name
+" Use a different name in order to avoid css syntax interference
 silent! syntax clear cssUnitDecorators
 syntax match cssUnitDecorators2 
       \ /\(#\|-\|+\|%\|mm\|cm\|in\|pt\|pc\|em\|ex\|px\|ch\|rem\|vh\|vw\|vmin\|vmax\|dpi\|dppx\|dpcm\|Hz\|kHz\|s\|ms\|deg\|grad\|rad\)\ze\(;\|$\)/