From 137dad488c1b06aca5ae0663d3d63c11e9a47d42 Mon Sep 17 00:00:00 2001
From: leafOfTree <node_github@163.com>
Date: Tue, 10 Sep 2019 15:49:00 +0800
Subject: [PATCH] Highlight css unit correctly

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

diff --git a/syntax/vue.vim b/syntax/vue.vim
index 2f61b38..fe4abf8 100644
--- a/syntax/vue.vim
+++ b/syntax/vue.vim
@@ -181,7 +181,8 @@ else
 endif
 
 " Style
-" Redefine syn-region to color <style> correctly.
+" Redefine (less|sass)Definition to highlight <style> correctly and 
+" enable emmet-vim css type.
 if s:use_less
   syntax clear lessDefinition
   syntax region cssLessDefinition matchgroup=cssBraces contains=@LessSyntax 
@@ -195,6 +196,12 @@ if s:use_sass
         \ start="{" end="}" 
 endif
 
+" Highlight css unit correctly
+syntax clear cssUnitDecorators
+syntax match cssUnitDecorator 
+      \ /\(#\|-\|+\|%\|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\(;\|$\)/
+      \ containedin=cssAttrRegion,sassCssAttribute,lessCssAttribute
+
 " Coffee
 if s:use_coffee
   silent! syntax clear coffeeConstant