diff --git a/grammars/css.cson b/grammars/css.cson
index b701c19..94e7eca 100644
--- a/grammars/css.cson
+++ b/grammars/css.cson
@@ -257,6 +257,27 @@
     ]
   'property-values':
     'patterns': [
+      {
+        'begin': '(var)\\('
+        'end': '\\)'
+        'captures':
+          '1':
+            'name': 'support.function.misc.css'
+        'patterns': [
+          'name': 'variable.argument.css'
+          'match': '.'
+        ]
+      }
+      {
+        'begin': '(calc)\\('
+        'end': '\\)'
+        'captures':
+          '1':
+            'name': 'support.function.misc.css'
+        'patterns': [
+          'include': '#property-values'
+        ]
+      }
       {
         'match': '\\b(absolute|all(-scroll)?|always|armenian|auto|avoid|baseline|below|bidi-override|block|bold|bolder|both|bottom|break-all|break-word|capitalize|center|char|circle|cjk-ideographic|col-resize|collapse|crosshair|dashed|decimal-leading-zero|decimal|default|disabled|disc|distribute-all-lines|distribute-letter|distribute-space|distribute|dotted|double|e-resize|ellipsis|fixed|geometricPrecision|georgian|groove|hand|hebrew|help|hidden|hiragana-iroha|hiragana|horizontal|ideograph-alpha|ideograph-numeric|ideograph-parenthesis|ideograph-space|inactive|inherit|inline-block|inline|inset|inside|inter-ideograph|inter-word|italic|justify|katakana-iroha|katakana|keep-all|left|lighter|line-edge|line-through|line|list-item|loose|lower-alpha|lower-greek|lower-latin|lower-roman|lowercase|lr-tb|ltr|medium|middle|move|n-resize|ne-resize|newspaper|no-drop|no-repeat|nw-resize|none|normal|not-allowed|nowrap|oblique|optimize(Legibility|Quality|Speed)|outset|outside|overline|pointer|pre(-(wrap|line))?|progress|relative|repeat-x|repeat-y|repeat|right|ridge|row-resize|rtl|s-resize|scroll|se-resize|separate|small-caps|solid|square|static|strict|sub|super|sw-resize|table-footer-group|table-header-group|tb-rl|text-bottom|text-top|text|thick|thin|top|transparent|underline|upper-alpha|upper-latin|upper-roman|uppercase|vertical(-(ideographic|text))?|visible(Painted|Fill|Stroke)?|w-resize|wait|whitespace|zero|smaller|larger|((xx?-)?(small|large))|painted|fill|stroke)\\b'
         'name': 'support.constant.property-value.css'