add backdrop-filter

SublimeText · Oct 14, 2019 · e3777f3 · e3777f3
1 parent 1195db9
commit e3777f3
Show file tree

Hide file tree

Showing 3 changed files with 7 additions and 2 deletions.
diff --git a/Syntaxes/SCSS.sublime-syntax b/Syntaxes/SCSS.sublime-syntax
@@ -123,7 +123,7 @@ contexts:
           | font-smoothing|border-bottom-width|border-right-color|direction
           | border-top-width|src|border-left-color|border-left-width
           | tap-highlight-color|table-layout|background-clip|word-break
-          | transform-origin|resize|filter|backface-visibility|text-rendering
+          | transform-origin|resize|filter|backdrop-filter|backface-visibility|text-rendering
           | box-orient|transition-property|transition-duration|word-spacing
           | quotes|outline-offset|animation-timing-function|animation-duration
           | animation-name|transition-timing-function|border-bottom-style

diff --git a/Syntaxes/Sass.sublime-syntax b/Syntaxes/Sass.sublime-syntax
@@ -94,7 +94,7 @@ variables:
       | font-smoothing|border-bottom-width|border-right-color|direction
       | border-top-width|src|border-left-color|border-left-width
       | tap-highlight-color|table-layout|background-clip|word-break
-      | transform-origin|resize|filter|backface-visibility|text-rendering
+      | transform-origin|resize|filter|backdrop-filter|backface-visibility|text-rendering
       | box-orient|transition-property|transition-duration|word-spacing
       | quotes|outline-offset|animation-timing-function|animation-duration
       | animation-name|transition-timing-function|border-bottom-style

diff --git a/sass_completions.py b/sass_completions.py
@@ -247,6 +247,11 @@
         'drop-shadow($1)', 'grayscale($1)', 'hue-rotate($1)', 'invert($1)',
         'opacity($1)', 'saturate($1)', 'sepia($1)'
     ],
+    'backdrop-filter': [
+        '<uri>', 'url($1)', 'blur($1)', 'brightness($1)', 'contrast($1)',
+        'drop-shadow($1)', 'grayscale($1)', 'hue-rotate($1)', 'invert($1)',
+        'opacity($1)', 'saturate($1)', 'sepia($1)'
+    ],
     'flex': ['none'],
     'flex-grow': ['<number>'],
     'flex-shrink': ['<number>'],