From 327f6e0c2cd76f8733ed3630859e4245a37477cf Mon Sep 17 00:00:00 2001
From: Wliu <50Wliu@users.noreply.github.com>
Date: Wed, 20 Sep 2017 11:54:00 +0200
Subject: [PATCH 1/2] Showcase off-by-one error in language-html

---
 spec/fixtures/css.cson             | 2071 ++++++++++++++++++++++++++++
 spec/fixtures/css.json             |  629 ---------
 spec/fixtures/html-css-inline.cson |   78 ++
 spec/grammar-spec.coffee           |   29 +-
 4 files changed, 2177 insertions(+), 630 deletions(-)
 create mode 100644 spec/fixtures/css.cson
 delete mode 100644 spec/fixtures/css.json
 create mode 100644 spec/fixtures/html-css-inline.cson

diff --git a/spec/fixtures/css.cson b/spec/fixtures/css.cson
new file mode 100644
index 0000000..679b888
--- /dev/null
+++ b/spec/fixtures/css.cson
@@ -0,0 +1,2071 @@
+'scopeName': 'source.css'
+'name': 'CSS'
+'fileTypes': [
+  'css'
+  'css.erb'
+]
+'firstLineMatch': '''(?xi)
+  # Emacs modeline
+  -\\*-(?:\\s*(?=[^:;\\s]+\\s*-\\*-)|(?:.*?[;\\s]|(?<=-\\*-))mode\\s*:\\s*)
+    css
+  (?=[\\s;]|(?<![-*])-\\*-).*?-\\*-
+  |
+  # Vim modeline
+  (?:(?:\\s|^)vi(?:m[<=>]?\\d+|m)?|\\sex)(?=:(?=\\s*set?\\s[^\\n:]+:)|:(?!\\s*set?\\s))(?:(?:\\s|\\s*:\\s*)\\w*(?:\\s*=(?:[^\\n\\\\\\s]|\\\\.)*)?)*[\\s:](?:filetype|ft|syntax)\\s*=
+    css
+  (?=\\s|:|$)
+'''
+'patterns': [
+  {
+    'include': '#comment-block'
+  }
+  {
+    'include': '#escapes'
+  }
+  {
+    'include': '#combinators'
+  }
+  {
+    'include': '#selector'
+  }
+  {
+    'include': '#at-rules'
+  }
+  {
+    'include': '#rule-list'
+  }
+]
+'repository':
+  'at-rules':
+    'patterns': [
+      {
+        # @charset, with possible preceding BOM sequence
+        'begin': '\\A(?:\\xEF\\xBB\\xBF)?(?i:(?=\\s*@charset\\b))'
+        'end': ';|(?=$)'
+        'endCaptures':
+          '0':
+            'name': 'punctuation.terminator.rule.css'
+        'name': 'meta.at-rule.charset.css'
+        'patterns': [
+          {
+            'captures':
+              '1':
+                'name': 'invalid.illegal.not-lowercase.charset.css'
+              '2':
+                'name': 'invalid.illegal.leading-whitespace.charset.css'
+              '3':
+                'name': 'invalid.illegal.no-whitespace.charset.css'
+              '4':
+                'name': 'invalid.illegal.whitespace.charset.css'
+              '5':
+                'name': 'invalid.illegal.not-double-quoted.charset.css'
+              '6':
+                'name': 'invalid.illegal.unclosed-string.charset.css'
+              '7':
+                'name': 'invalid.illegal.unexpected-characters.charset.css'
+            'match': '''(?x)        # Possible errors:
+              \\G
+              ((?!@charset)@\\w+)   # Not lowercase (@charset is case-sensitive)
+              |
+              \\G(\\s+)             # Preceding whitespace
+              |
+              (@charset\\S[^;]*)    # No whitespace after @charset
+              |
+              (?<=@charset)         # Before quoted charset name
+              (\\x20{2,}|\\t+)      # More than one space used, or a tab
+              |
+              (?<=@charset\\x20)    # Beginning of charset name
+              ([^";]+)              # Not double-quoted
+              |
+              ("[^"]+$)             # Unclosed quote
+              |
+              (?<=")                # After charset name
+              ([^;]+)               # Unexpected junk instead of semicolon
+            '''
+          }
+          {
+            'captures':
+              '1':
+                'name': 'keyword.control.at-rule.charset.css'
+              '2':
+                'name': 'punctuation.definition.keyword.css'
+            'match': '((@)charset)(?=\\s)'
+          }
+          {
+            'begin': '"'
+            'beginCaptures':
+              '0':
+                'name': 'punctuation.definition.string.begin.css'
+            'end': '"|$'
+            'endCaptures':
+              '0':
+                'name': 'punctuation.definition.string.end.css'
+            'name': 'string.quoted.double.css'
+            'patterns': [
+              {
+                'begin': '(?:\\G|^)(?=(?:[^"])+$)'
+                'end': '$'
+                'name': 'invalid.illegal.unclosed.string.css'
+              }
+            ]
+          }
+        ]
+      }
+      {
+        # @import
+        'begin': '(?i)((@)import)(?:\\s+|$|(?=[\'"]|/\\*))'
+        'beginCaptures':
+          '1':
+            'name': 'keyword.control.at-rule.import.css'
+          '2':
+            'name': 'punctuation.definition.keyword.css'
+        'end': ';'
+        'endCaptures':
+          '0':
+            'name': 'punctuation.terminator.rule.css'
+        'name': 'meta.at-rule.import.css'
+        'patterns': [
+          {
+            'begin': '\\G\\s*(?=/\\*)'
+            'end': '(?<=\\*/)\\s*'
+            'patterns': [
+              {
+                'include': '#comment-block'
+              }
+            ]
+          }
+          {
+            'include': '#string'
+          }
+          {
+            'include': '#url'
+          }
+          {
+            'include': '#media-query-list'
+          }
+        ]
+      }
+      {
+        # @font-face
+        'begin': '(?i)((@)font-face)(?=\\s*|{|/\\*|$)'
+        'beginCaptures':
+          '1':
+            'name': 'keyword.control.at-rule.font-face.css'
+          '2':
+            'name': 'punctuation.definition.keyword.css'
+        'end': '(?!\\G)'
+        'name': 'meta.at-rule.font-face.css'
+        'patterns': [
+          {
+            'include': '#comment-block'
+          }
+          {
+            'include': '#escapes'
+          }
+          {
+            'include': '#rule-list'
+          }
+        ]
+      }
+      {
+        # @page
+        'begin': '(?i)(@)page(?=[\\s:{]|/\\*|$)'
+        'captures':
+          '0':
+            'name': 'keyword.control.at-rule.page.css'
+          '1':
+            'name': 'punctuation.definition.keyword.css'
+        'end': '(?=\\s*($|[:{;]))'
+        'name': 'meta.at-rule.page.css'
+        'patterns': [
+          {
+            'include': '#rule-list'
+          }
+        ]
+      }
+      {
+        # @media
+        'begin': '(?i)(?=@media(\\s|\\(|/\\*|$))'
+        'end': '(?<=})(?!\\G)'
+        'patterns': [
+          {
+            'begin': '(?i)\\G(@)media'
+            'beginCaptures':
+              '0':
+                'name': 'keyword.control.at-rule.media.css'
+              '1':
+                'name': 'punctuation.definition.keyword.css'
+            'end': '(?=\\s*[{;])'
+            'name': 'meta.at-rule.media.header.css'
+            'patterns': [
+              {
+                'include': '#media-query-list'
+              }
+            ]
+          }
+          {
+            'begin': '{'
+            'beginCaptures':
+              '0':
+                'name': 'punctuation.section.media.begin.bracket.curly.css'
+            'end': '}'
+            'endCaptures':
+              '0':
+                'name': 'punctuation.section.media.end.bracket.curly.css'
+            'name': 'meta.at-rule.media.body.css'
+            'patterns': [
+              {
+                'include': '$self'
+              }
+            ]
+          }
+        ]
+      }
+      {
+        # @counter-style
+        'begin': '(?i)(?=@counter-style([\\s\'"{;]|/\\*|$))'
+        'end': '(?<=})(?!\\G)'
+        'patterns': [
+          {
+            'begin': '(?i)\\G(@)counter-style'
+            'beginCaptures':
+              '0':
+                'name': 'keyword.control.at-rule.counter-style.css'
+              '1':
+                'name': 'punctuation.definition.keyword.css'
+            'end': '(?=\\s*{)'
+            'name': 'meta.at-rule.counter-style.header.css'
+            'patterns': [
+              {
+                'include': '#comment-block'
+              }
+              {
+                'include': '#escapes'
+              }
+              {
+                'captures':
+                  '0':
+                    'patterns': [
+                      {
+                        'include': '#escapes'
+                      }
+                    ]
+                'match': '''(?x)
+                  (?:[-a-zA-Z_]    | [^\\x00-\\x7F])     # First letter
+                  (?:[-a-zA-Z0-9_] | [^\\x00-\\x7F]      # Remainder of identifier
+                    |\\\\(?:[0-9a-fA-F]{1,6}|.)
+                  )*
+                '''
+                'name': 'variable.parameter.style-name.css'
+              }
+            ]
+          }
+          {
+            'begin': '{'
+            'beginCaptures':
+              '0':
+                'name': 'punctuation.section.property-list.begin.bracket.curly.css'
+            'end': '}'
+            'endCaptures':
+              '0':
+                'name': 'punctuation.section.property-list.end.bracket.curly.css'
+            'name': 'meta.at-rule.counter-style.body.css'
+            'patterns': [
+              {
+                'include': '#comment-block'
+              }
+              {
+                'include': '#escapes'
+              }
+              {
+                'include': '#rule-list-innards'
+              }
+            ]
+          }
+        ]
+      }
+      {
+        # @document
+        'begin': '(?i)(?=@document([\\s\'"{;]|/\\*|$))'
+        'end': '(?<=})(?!\\G)'
+        'patterns': [
+          {
+            'begin': '(?i)\\G(@)document'
+            'beginCaptures':
+              '0':
+                'name': 'keyword.control.at-rule.document.css'
+              '1':
+                'name': 'punctuation.definition.keyword.css'
+            'end': '(?=\\s*[{;])'
+            'name': 'meta.at-rule.document.header.css'
+            'patterns': [
+              {
+                'begin': '(?i)(?<![\\w-])(url-prefix|domain|regexp)(\\()'
+                'beginCaptures':
+                  '1':
+                    'name': 'support.function.document-rule.css'
+                  '2':
+                    'name': 'punctuation.section.function.begin.bracket.round.css'
+                'end': '\\)'
+                'endCaptures':
+                  '0':
+                    'name': 'punctuation.section.function.end.bracket.round.css'
+                'name': 'meta.function.document-rule.css'
+                'patterns': [
+                  {
+                    'include': '#string'
+                  }
+                  {
+                    'include': '#comment-block'
+                  }
+                  {
+                    'include': '#escapes'
+                  }
+                  {
+                    'match': '[^\'")\\s]+'
+                    'name': 'variable.parameter.document-rule.css'
+                  }
+                ]
+              }
+              {
+                'include': '#url'
+              }
+              {
+                'include': '#commas'
+              }
+              {
+                'include': '#comment-block'
+              }
+              {
+                'include': '#escapes'
+              }
+            ]
+          }
+          {
+            'begin': '{'
+            'beginCaptures':
+              '0':
+                'name': 'punctuation.section.document.begin.bracket.curly.css'
+            'end': '}'
+            'endCaptures':
+              '0':
+                'name': 'punctuation.section.document.end.bracket.curly.css'
+            'name': 'meta.at-rule.document.body.css'
+            'patterns': [
+              {
+                'include': '$self'
+              }
+            ]
+          }
+        ]
+      }
+      {
+        # @keyframes
+        'begin': '(?i)(?=@(?:-(?:webkit|moz|o|ms)-)?keyframes([\\s\'"{;]|/\\*|$))'
+        'end': '(?<=})(?!\\G)'
+        'patterns': [
+          {
+            'begin': '(?i)\\G(@)(?:-(?:webkit|moz|o|ms)-)?keyframes'
+            'beginCaptures':
+              '0':
+                'name': 'keyword.control.at-rule.keyframes.css'
+              '1':
+                'name': 'punctuation.definition.keyword.css'
+            'end': '(?=\\s*{)'
+            'name': 'meta.at-rule.keyframes.header.css'
+            'patterns': [
+              {
+                'include': '#comment-block'
+              }
+              {
+                'include': '#escapes'
+              }
+              {
+                'captures':
+                  '0':
+                    'patterns': [
+                      {
+                        'include': '#escapes'
+                      }
+                    ]
+                'match': '''(?x)
+                  (?:[-a-zA-Z_]    | [^\\x00-\\x7F])     # First letter
+                  (?:[-a-zA-Z0-9_] | [^\\x00-\\x7F]      # Remainder of identifier
+                    |\\\\(?:[0-9a-fA-F]{1,6}|.)
+                  )*
+                '''
+                'name': 'variable.parameter.keyframe-list.css'
+              }
+            ]
+          }
+          {
+            'begin': '{'
+            'beginCaptures':
+              '0':
+                'name': 'punctuation.section.keyframes.begin.bracket.curly.css'
+            'end': '}'
+            'endCaptures':
+              '0':
+                'name': 'punctuation.section.keyframes.end.bracket.curly.css'
+            'name': 'meta.at-rule.keyframes.body.css'
+            'patterns': [
+              {
+                'include': '#comment-block'
+              }
+              {
+                'include': '#escapes'
+              }
+              {
+                'captures':
+                  '1':
+                    'name': 'entity.other.keyframe-offset.css'
+                  '2':
+                    'name': 'entity.other.keyframe-offset.percentage.css'
+                'match': '''(?xi)
+                  (?<![\\w-]) (from|to) (?![\\w-])         # Keywords for 0% | 100%
+                  |
+                  ([-+]?(?:\\d+(?:\\.\\d+)?|\\.\\d+)%)     # Percentile value
+                '''
+              }
+              {
+                'include': '#rule-list'
+              }
+            ]
+          }
+        ]
+      }
+      {
+        # @supports
+        'begin': '(?i)(?=@supports(\\s|\\(|/\\*|$))'
+        'end': '(?<=})(?!\\G)|(?=;)'
+        'patterns': [
+          {
+            'begin': '(?i)\\G(@)supports'
+            'beginCaptures':
+              '0':
+                'name': 'keyword.control.at-rule.supports.css'
+              '1':
+                'name': 'punctuation.definition.keyword.css'
+            'end': '(?=\\s*[{;])'
+            'name': 'meta.at-rule.supports.header.css'
+            'patterns': [
+              {
+                'include': '#feature-query-operators'
+              }
+              {
+                'include': '#feature-query'
+              }
+              {
+                'include': '#comment-block'
+              }
+              {
+                'include': '#escapes'
+              }
+            ]
+          }
+          {
+            'begin': '{'
+            'beginCaptures':
+              '0':
+                'name': 'punctuation.section.supports.begin.bracket.curly.css'
+            'end': '}'
+            'endCaptures':
+              '0':
+                'name': 'punctuation.section.supports.end.bracket.curly.css'
+            'name': 'meta.at-rule.supports.body.css'
+            'patterns': [
+              {
+                'include': '$self'
+              }
+            ]
+          }
+        ]
+      }
+      {
+        # @viewport
+        'begin': '(?i)((@)viewport)(?=[\\s\'"{;]|/\\*|$)'
+        'beginCaptures':
+          '1':
+            'name': 'keyword.control.at-rule.viewport.css'
+          '2':
+            'name': 'punctuation.definition.keyword.css'
+        'end': '(?=\\s*[@{;])'
+        'name': 'meta.at-rule.viewport.css'
+        'patterns': [
+          {
+            'include': '#comment-block'
+          }
+          {
+            'include': '#escapes'
+          }
+        ]
+      }
+      {
+        # @font-feature-values
+        'begin': '(?i)((@)font-feature-values)(?=[\\s\'"{;]|/\\*|$)\\s*'
+        'beginCaptures':
+          '1':
+            'name': 'keyword.control.at-rule.font-feature-values.css'
+          '2':
+            'name': 'punctuation.definition.keyword.css'
+        'contentName': 'variable.parameter.font-name.css'
+        'end': '(?=\\s*[@{;])'
+        'name': 'meta.at-rule.font-features.css'
+        'patterns': [
+          {
+            'include': '#comment-block'
+          }
+          {
+            'include': '#escapes'
+          }
+        ]
+      }
+      {
+        # @annotation, @character-variant, @ornaments, @styleset, @stylistic, @swash
+        'include': '#font-features'
+      }
+      {
+        # @namespace
+        'begin': '(?i)((@)namespace)(?=[\\s\'";]|/\\*|$)'
+        'beginCaptures':
+          '1':
+            'name': 'keyword.control.at-rule.namespace.css'
+          '2':
+            'name': 'punctuation.definition.keyword.css'
+        'end': ';|(?=[@{])'
+        'endCaptures':
+          '0':
+            'name': 'punctuation.terminator.rule.css'
+        'name': 'meta.at-rule.namespace.css'
+        'patterns': [
+          {
+            'include': '#url'
+          }
+          {
+            'captures':
+              '1':
+                'patterns': [
+                  {
+                    'include': '#comment-block'
+                  }
+                ]
+              '2':
+                'name': 'entity.name.function.namespace-prefix.css'
+                'patterns': [
+                  {
+                    'include': '#escapes'
+                  }
+                ]
+            'match': '''(?xi)
+              (?:\\G|^|(?<=\\s))
+              (?=
+                (?<=\\s|^)                             # Starts with whitespace
+                (?:[-a-zA-Z_]|[^\\x00-\\x7F])          # Then a valid identifier character
+                |
+                \\s*                                   # Possible adjoining whitespace
+                /\\*(?:[^*]|\\*[^/])*\\*/              # Injected comment
+              )
+              (.*?)                                    # Grouped to embed #comment-block
+              (
+                (?:[-a-zA-Z_]    | [^\\x00-\\x7F])     # First letter
+                (?:[-a-zA-Z0-9_] | [^\\x00-\\x7F]      # Remainder of identifier
+                  |\\\\(?:[0-9a-fA-F]{1,6}|.)
+                )*
+              )
+            '''
+          }
+          {
+            'include': '#comment-block'
+          }
+          {
+            'include': '#escapes'
+          }
+          {
+            'include': '#string'
+          }
+        ]
+      }
+    ]
+  'color-keywords':
+    'patterns': [
+      {
+        # CSS 2.1 colours: http://www.w3.org/TR/CSS21/syndata.html#value-def-color
+        'match': '(?i)(?<![\\w-])(aqua|black|blue|fuchsia|gray|green|lime|maroon|navy|olive|orange|purple|red|silver|teal|white|yellow)(?![\\w-])'
+        'name': 'support.constant.color.w3c-standard-color-name.css'
+      }
+      {
+        # SVG/CSS3 colour names: http://www.w3.org/TR/css3-color/#svg-color
+        'match': '''(?xi) (?<![\\w-])
+          (aliceblue|antiquewhite|aquamarine|azure|beige|bisque|blanchedalmond|blueviolet|brown|burlywood
+          |cadetblue|chartreuse|chocolate|coral|cornflowerblue|cornsilk|crimson|cyan|darkblue|darkcyan
+          |darkgoldenrod|darkgray|darkgreen|darkgrey|darkkhaki|darkmagenta|darkolivegreen|darkorange
+          |darkorchid|darkred|darksalmon|darkseagreen|darkslateblue|darkslategray|darkslategrey|darkturquoise
+          |darkviolet|deeppink|deepskyblue|dimgray|dimgrey|dodgerblue|firebrick|floralwhite|forestgreen
+          |gainsboro|ghostwhite|gold|goldenrod|greenyellow|grey|honeydew|hotpink|indianred|indigo|ivory|khaki
+          |lavender|lavenderblush|lawngreen|lemonchiffon|lightblue|lightcoral|lightcyan|lightgoldenrodyellow
+          |lightgray|lightgreen|lightgrey|lightpink|lightsalmon|lightseagreen|lightskyblue|lightslategray
+          |lightslategrey|lightsteelblue|lightyellow|limegreen|linen|magenta|mediumaquamarine|mediumblue
+          |mediumorchid|mediumpurple|mediumseagreen|mediumslateblue|mediumspringgreen|mediumturquoise
+          |mediumvioletred|midnightblue|mintcream|mistyrose|moccasin|navajowhite|oldlace|olivedrab|orangered
+          |orchid|palegoldenrod|palegreen|paleturquoise|palevioletred|papayawhip|peachpuff|peru|pink|plum
+          |powderblue|rebeccapurple|rosybrown|royalblue|saddlebrown|salmon|sandybrown|seagreen|seashell
+          |sienna|skyblue|slateblue|slategray|slategrey|snow|springgreen|steelblue|tan|thistle|tomato
+          |transparent|turquoise|violet|wheat|whitesmoke|yellowgreen)
+          (?![\\w-])
+        '''
+        'name': 'support.constant.color.w3c-extended-color-name.css'
+      }
+      {
+        # Current text colour
+        'match': '(?i)(?<![\\w-])currentColor(?![\\w-])'
+        'name': 'support.constant.color.current.css'
+      }
+      {
+        # These colours are deprecated in CSS3: http://www.w3.org/TR/css3-color/#css2-system
+        'match': '''(?xi) (?<![\\w-])
+          (ActiveBorder|ActiveCaption|AppWorkspace|Background|ButtonFace|ButtonHighlight|ButtonShadow
+          |ButtonText|CaptionText|GrayText|Highlight|HighlightText|InactiveBorder|InactiveCaption
+          |InactiveCaptionText|InfoBackground|InfoText|Menu|MenuText|Scrollbar|ThreeDDarkShadow
+          |ThreeDFace|ThreeDHighlight|ThreeDLightShadow|ThreeDShadow|Window|WindowFrame|WindowText)
+          (?![\\w-])
+        '''
+        'name': 'invalid.deprecated.color.system.css'
+      }
+    ]
+  'combinators':
+    'patterns': [
+      {
+        'match': '/deep/|>>>'
+        'name': 'invalid.deprecated.combinator.css'
+      }
+      {
+        'match': '>>|>|\\+|~'
+        'name': 'keyword.operator.combinator.css'
+      }
+    ]
+  'commas':
+    'match': ','
+    'name': 'punctuation.separator.list.comma.css'
+  'comment-block':
+    'begin': '/\\*'
+    'beginCaptures':
+      '0':
+        'name': 'punctuation.definition.comment.begin.css'
+    'end': '\\*/'
+    'endCaptures':
+      '0':
+        'name': 'punctuation.definition.comment.end.css'
+    'name': 'comment.block.css'
+  'escapes':
+    'patterns': [
+      {
+        'match': '\\\\[0-9a-fA-F]{1,6}'
+        'name': 'constant.character.escape.codepoint.css'
+      }
+      {
+        'begin': '\\\\$\\s*'
+        'end': '^(?<!\\G)'
+        'name': 'constant.character.escape.newline.css'
+      }
+      {
+        'match': '\\\\.'
+        'name': 'constant.character.escape.css'
+      }
+    ]
+  'feature-query':
+    'begin': '\\('
+    'beginCaptures':
+      '0':
+        'name': 'punctuation.definition.condition.begin.bracket.round.css'
+    'end': '\\)'
+    'endCaptures':
+      '0':
+        'name': 'punctuation.definition.condition.end.bracket.round.css'
+    'name': 'meta.feature-query.css'
+    'patterns': [
+      {
+        'include': '#feature-query-operators'
+      }
+      {
+        'include': '#feature-query'
+      }
+    ]
+  'feature-query-operators':
+    'patterns': [
+      {
+        'match': '(?i)(?<=[\\s()]|^|\\*/)(and|not|or)(?=[\\s()]|/\\*|$)'
+        'name': 'keyword.operator.logical.feature.$1.css'
+      }
+      {
+        'include': '#rule-list-innards'
+      }
+    ]
+  'font-features':
+    'begin': '''(?xi)
+      ((@)(annotation|character-variant|ornaments|styleset|stylistic|swash))
+      (?=[\\s@'"{;]|/\\*|$)
+    '''
+    'beginCaptures':
+      '1':
+        'name': 'keyword.control.at-rule.${3:/downcase}.css'
+      '2':
+        'name': 'punctuation.definition.keyword.css'
+    'end': '(?<=})'
+    'name': 'meta.at-rule.${3:/downcase}.css'
+    'patterns': [
+      {
+        'begin': '{'
+        'beginCaptures':
+          '0':
+            'name': 'punctuation.section.property-list.begin.bracket.curly.css'
+        'end': '}'
+        'endCaptures':
+          '0':
+            'name': 'punctuation.section.property-list.end.bracket.curly.css'
+        'name': 'meta.property-list.font-feature.css'
+        'patterns': [
+          {
+            # Font-feature name
+            'captures':
+              '0':
+                'patterns': [
+                  {
+                    'include': '#escapes'
+                  }
+                ]
+            'match': '''(?x)
+              (?: [-a-zA-Z_]    | [^\\x00-\\x7F] )   # First letter
+              (?: [-a-zA-Z0-9_] | [^\\x00-\\x7F]     # Remainder of identifier
+                | \\\\(?:[0-9a-fA-F]{1,6}|.)
+              )*
+            '''
+            'name': 'variable.font-feature.css'
+          }
+          {
+            'include': '#rule-list-innards'
+          }
+        ]
+      }
+    ]
+  'functions':
+    'patterns': [
+      # Calculation
+      {
+        'begin': '(?i)(?<![\\w-])(calc)(\\()'
+        'beginCaptures':
+          '1':
+            'name': 'support.function.calc.css'
+          '2':
+            'name': 'punctuation.section.function.begin.bracket.round.css'
+        'end': '\\)'
+        'endCaptures':
+          '0':
+            'name': 'punctuation.section.function.end.bracket.round.css'
+        'name': 'meta.function.calc.css'
+        'patterns': [
+          {
+            'match': '[*/]|(?<=\\s|^)[-+](?=\\s|$)'
+            'name': 'keyword.operator.arithmetic.css'
+          }
+          {
+            'include': '#property-values'
+          }
+        ]
+      }
+      # Colours
+      {
+        'begin': '(?i)(?<![\\w-])(rgba?|hsla?)(\\()'
+        'beginCaptures':
+          '1':
+            'name': 'support.function.misc.css'
+          '2':
+            'name': 'punctuation.section.function.begin.bracket.round.css'
+        'end': '\\)'
+        'endCaptures':
+          '0':
+            'name': 'punctuation.section.function.end.bracket.round.css'
+        'name': 'meta.function.color.css'
+        'patterns': [
+          {
+            'include': '#property-values'
+          }
+        ]
+      }
+      # Gradients
+      {
+        'begin': '''(?xi) (?<![\\w-])
+          (
+            (?:-webkit-|-moz-|-o-)?    # Accept prefixed/historical variants
+            (?:repeating-)?            # "Repeating"-type gradient
+            (?:linear|radial|conic)    # Shape
+            -gradient
+          )
+          (\\()
+        '''
+        'beginCaptures':
+          '1':
+            'name': 'support.function.gradient.css'
+          '2':
+            'name': 'punctuation.section.function.begin.bracket.round.css'
+        'end': '\\)'
+        'endCaptures':
+          '0':
+            'name': 'punctuation.section.function.end.bracket.round.css'
+        'name': 'meta.function.gradient.css'
+        'patterns': [
+          {
+            'match': '(?i)(?<![\\w-])(from|to|at)(?![\\w-])'
+            'name': 'keyword.operator.gradient.css'
+          }
+          {
+            'include': '#property-values'
+          }
+        ]
+      }
+      # Gradients (Deprecated/original Webkit syntax)
+      {
+        'begin': '(?i)(?<![\\w-])(-webkit-gradient)(\\()'
+        'beginCaptures':
+          '1':
+            'name': 'invalid.deprecated.gradient.function.css'
+          '2':
+            'name': 'punctuation.section.function.begin.bracket.round.css'
+        'end': '\\)'
+        'endCaptures':
+          '0':
+            'name': 'punctuation.section.function.end.bracket.round.css'
+        'name': 'meta.function.gradient.invalid.deprecated.gradient.css'
+        'patterns': [
+          {
+            'begin': '(?i)(?<![\\w-])(from|to|color-stop)(\\()'
+            'beginCaptures':
+              '1':
+                'name': 'invalid.deprecated.function.css'
+              '2':
+                'name': 'punctuation.section.function.begin.bracket.round.css'
+            'end': '\\)'
+            'endCaptures':
+              '0':
+                'name': 'punctuation.section.function.end.bracket.round.css'
+            'patterns': [
+              {
+                'include': '#property-values'
+              }
+            ]
+          }
+          {
+            'include': '#property-values'
+          }
+        ]
+      }
+      # Misc functions
+      {
+        'begin': '''(?xi) (?<![\\w-])
+          (annotation|attr|blur|brightness|character-variant|contrast|counters?
+          |cross-fade|drop-shadow|element|fit-content|format|grayscale|hue-rotate
+          |image-set|invert|local|minmax|opacity|ornaments|repeat|saturate|sepia
+          |styleset|stylistic|swash|symbols)
+          (\\()
+        '''
+        'beginCaptures':
+          '1':
+            'name': 'support.function.misc.css'
+          '2':
+            'name': 'punctuation.section.function.begin.bracket.round.css'
+        'end': '\\)'
+        'endCaptures':
+          '0':
+            'name': 'punctuation.section.function.end.bracket.round.css'
+        'name': 'meta.function.misc.css'
+        'patterns': [
+          {
+            'match': '(?i)(?<=[,\\s"]|\\*/|^)\\d+x(?=[\\s,"\')]|/\\*|$)'
+            'name': 'constant.numeric.other.density.css'
+          }
+          {
+            'include': '#property-values'
+          }
+          {
+            'match': '[^\'"),\\s]+'
+            'name': 'variable.parameter.misc.css'
+          }
+        ]
+      }
+      # Shapes
+      {
+        'begin': '(?i)(?<![\\w-])(circle|ellipse|inset|polygon|rect)(\\()'
+        'beginCaptures':
+          '1':
+            'name': 'support.function.shape.css'
+          '2':
+            'name': 'punctuation.section.function.begin.bracket.round.css'
+        'end': '\\)'
+        'endCaptures':
+          '0':
+            'name': 'punctuation.section.function.end.bracket.round.css'
+        'name': 'meta.function.shape.css'
+        'patterns': [
+          {
+            'match': '(?i)(?<=\\s|^|\\*/)(at|round)(?=\\s|/\\*|$)'
+            'name': 'keyword.operator.shape.css'
+          }
+          {
+            'include': '#property-values'
+          }
+        ]
+      }
+      # Timing-functions
+      {
+        'begin': '(?i)(?<![\\w-])(cubic-bezier|steps)(\\()'
+        'beginCaptures':
+          '1':
+            'name': 'support.function.timing-function.css'
+          '2':
+            'name': 'punctuation.section.function.begin.bracket.round.css'
+        'end': '\\)'
+        'endCaptures':
+          '0':
+            'name': 'punctuation.section.function.end.bracket.round.css'
+        'name': 'meta.function.timing-function.css'
+        'patterns': [
+          {
+            'match': '(?i)(?<![\\w-])(start|end)(?=\\s*\\)|$)'
+            'name': 'support.constant.step-direction.css'
+          }
+          {
+            'include': '#property-values'
+          }
+        ]
+      }
+      # Transform functions
+      {
+        'begin': '''(?xi) (?<![\\w-])
+          ( (?:translate|scale|rotate)(?:[XYZ]|3D)?
+          | matrix(?:3D)?
+          | skew[XY]?
+          | perspective
+          )
+          (\\()
+        '''
+        'beginCaptures':
+          '1':
+            'name': 'support.function.transform.css'
+          '2':
+            'name': 'punctuation.section.function.begin.bracket.round.css'
+        'end': '\\)'
+        'endCaptures':
+          '0':
+            'name': 'punctuation.section.function.end.bracket.round.css'
+        'patterns': [
+          {
+            'include': '#property-values'
+          }
+        ]
+      }
+      {
+        'include': '#url'
+      }
+      # Variable expansion
+      {
+        'begin': '(?i)(?<![\\w-])(var)(\\()'
+        'beginCaptures':
+          '1':
+            'name': 'support.function.misc.css'
+          '2':
+            'name': 'punctuation.section.function.begin.bracket.round.css'
+        'end': '\\)'
+        'endCaptures':
+          '0':
+            'name': 'punctuation.section.function.end.bracket.round.css'
+        'name': 'meta.function.variable.css'
+        'patterns': [
+          {
+            'name': 'variable.argument.css'
+            'match': '''(?x)
+              --
+              (?:[-a-zA-Z_]    | [^\\x00-\\x7F])     # First letter
+              (?:[-a-zA-Z0-9_] | [^\\x00-\\x7F]      # Remainder of identifier
+                |\\\\(?:[0-9a-fA-F]{1,6}|.)
+              )*
+            '''
+          }
+          {
+            'include': '#property-values'
+          }
+        ]
+      }
+    ]
+  'functional-pseudo-classes':
+    'patterns': [
+      {
+        # Text direction
+        'begin': '(?i)((:)dir)(\\()'
+        'beginCaptures':
+          '1':
+            'name': 'entity.other.attribute-name.pseudo-class.css'
+          '2':
+            'name': 'punctuation.definition.entity.css'
+          '3':
+            'name': 'punctuation.section.function.begin.bracket.round.css'
+        'end': '\\)'
+        'endCaptures':
+          '0':
+            'name': 'punctuation.section.function.end.bracket.round.css'
+        'patterns': [
+          {
+            'include': '#comment-block'
+          }
+          {
+            'include': '#escapes'
+          }
+          {
+            'match': '(?i)(?<![\\w-])(ltr|rtl)(?![\\w-])'
+            'name': 'support.constant.text-direction.css'
+          }
+          {
+            'include': '#property-value'
+          }
+        ]
+      }
+      {
+        # Language
+        'begin': '(?i)((:)lang)(\\()'
+        'beginCaptures':
+          '1':
+            'name': 'entity.other.attribute-name.pseudo-class.css'
+          '2':
+            'name': 'punctuation.definition.entity.css'
+          '3':
+            'name': 'punctuation.section.function.begin.bracket.round.css'
+        'end': '\\)'
+        'endCaptures':
+          '0':
+            'name': 'punctuation.section.function.end.bracket.round.css'
+        'patterns': [
+          {
+            'match': '(?<=[(,\\s])[a-zA-Z]+(-[a-zA-Z0-9]*|\\\\(?:[0-9a-fA-F]{1,6}|.))*(?=[),\\s])'
+            'name': 'support.constant.language-range.css'
+          }
+          {
+            'begin': '"'
+            'beginCaptures':
+              '0':
+                'name': 'punctuation.definition.string.begin.css'
+            'end': '"'
+            'endCaptures':
+              '0':
+                'name': 'punctuation.definition.string.end.css'
+            'name': 'string.quoted.double.css'
+            'patterns': [
+              {
+                'include': '#escapes'
+              }
+              {
+                'match': '(?<=["\\s])[a-zA-Z*]+(-[a-zA-Z0-9*]*)*(?=["\\s])'
+                'name': 'support.constant.language-range.css'
+              }
+            ]
+          }
+          {
+            'begin': "'"
+            'beginCaptures':
+              '0':
+                'name': 'punctuation.definition.string.begin.css'
+            'end': "'"
+            'endCaptures':
+              '0':
+                'name': 'punctuation.definition.string.end.css'
+            'name': 'string.quoted.single.css'
+            'patterns': [
+              {
+                'include': '#escapes'
+              }
+              {
+                'match': "(?<=['\\s])[a-zA-Z*]+(-[a-zA-Z0-9*]*)*(?=['\\s])"
+                'name': 'support.constant.language-range.css'
+              }
+            ]
+          }
+          {
+            'include': '#commas'
+          }
+        ]
+      }
+      {
+        # Logical / Selector-based
+        'begin': '(?i)((:)(?:not|has|matches))(\\()'
+        'beginCaptures':
+          '1':
+            'name': 'entity.other.attribute-name.pseudo-class.css'
+          '2':
+            'name': 'punctuation.definition.entity.css'
+          '3':
+            'name': 'punctuation.section.function.begin.bracket.round.css'
+        'end': '\\)'
+        'endCaptures':
+          '0':
+            'name': 'punctuation.section.function.end.bracket.round.css'
+        'patterns': [
+          {
+            'include': '#selector-innards'
+          }
+        ]
+      }
+      {
+        # Child-indexed
+        'begin': '(?i)((:)nth-(?:last-)?(?:child|of-type))(\\()'
+        'beginCaptures':
+          '1':
+            'name': 'entity.other.attribute-name.pseudo-class.css'
+          '2':
+            'name': 'punctuation.definition.entity.css'
+          '3':
+            'name': 'punctuation.section.function.begin.bracket.round.css'
+        'end': '\\)'
+        'endCaptures':
+          '0':
+            'name': 'punctuation.section.function.end.bracket.round.css'
+        'patterns': [
+          {
+            'match': '(?i)[+-]?(\\d+n?|n)(\\s*[+-]\\s*\\d+)?'
+            'name': 'constant.numeric.css'
+          }
+          {
+            'match': '(?i)even|odd'
+            'name': 'support.constant.parity.css'
+          }
+        ]
+      }
+    ]
+  'media-features':
+    'captures':
+      '1':
+        'name': 'support.type.property-name.media.css'
+      '2':
+        'name': 'invalid.deprecated.media.css'
+      '3':
+        'name': 'support.type.vendored.property-name.media.css'
+    'match': '''(?xi)
+      (?<=^|\\s|\\(|\\*/)           # Preceded by whitespace, bracket or comment
+      (?:
+        # Standardised features
+        (
+          (?:min-|max-)?            # Range features
+          (?: height
+            | width
+            | aspect-ratio
+            | color
+            | color-index
+            | monochrome
+            | resolution
+          )
+          | grid                    # Discrete features
+          | scan
+          | orientation
+          | display-mode
+        )
+        |
+        # Deprecated features
+        (
+          (?:min-|max-)?            # Deprecated in Media Queries 4
+          device-
+          (?: height
+            | width
+            | aspect-ratio
+          )
+        )
+        |
+        # Vendor extensions
+        (
+          (?:
+            # Spec-compliant syntax
+            [-_]
+            (?: webkit              # Webkit/Blink
+              | apple|khtml         # Webkit aliases
+              | epub                # ePub3
+              | moz                 # Gecko
+              | ms                  # Microsoft
+              | o                   # Presto (pre-Opera 15)
+              | xv|ah|rim|atsc|     # Less common vendors
+                hp|tc|wap|ro
+            )
+            |
+            # Non-standard prefixes
+            (?: mso                 # Microsoft Office
+              | prince              # YesLogic
+            )
+          )
+          -
+          [\\w-]+                   # Feature name
+          (?=                       # Terminates correctly
+            \\s*                    # Possible whitespace
+            (?:                     # Possible injected comment
+              /\\*
+              (?:[^*]|\\*[^/])*
+              \\*/
+            )?
+            \\s*
+            [:)]                    # Ends with a colon or closed bracket
+          )
+        )
+      )
+      (?=\\s|$|[><:=]|\\)|/\\*)     # Terminates cleanly
+    '''
+  'media-feature-keywords':
+    'match': '''(?xi)
+      (?<=^|\\s|:|\\*/)
+      (?: portrait                  # Orientation
+        | landscape
+        | progressive               # Scan types
+        | interlace
+        | fullscreen                # Display modes
+        | standalone
+        | minimal-ui
+        | browser
+      )
+      (?=\\s|\\)|$)
+    '''
+    'name': 'support.constant.property-value.css'
+  'media-query':
+    'begin': '\\G'
+    'end': '(?=\\s*[{;])'
+    'patterns': [
+      {
+        'include': '#comment-block'
+      }
+      {
+        'include': '#escapes'
+      }
+      {
+        'include': '#media-types'
+      }
+      {
+        'match': '(?i)(?<=\\s|^|,|\\*/)(only|not)(?=\\s|{|/\\*|$)'
+        'name': 'keyword.operator.logical.$1.media.css'
+      }
+      {
+        'match': '(?i)(?<=\\s|^|\\*/|\\))and(?=\\s|/\\*|$)'
+        'name': 'keyword.operator.logical.and.media.css'
+      }
+      {
+        'match': ',(?:(?:\\s*,)+|(?=\\s*[;){]))'
+        'name': 'invalid.illegal.comma.css'
+      }
+      {
+        'include': '#commas'
+      }
+      {
+        'begin': '\\('
+        'beginCaptures':
+          '0':
+            'name': 'punctuation.definition.parameters.begin.bracket.round.css'
+        'end': '\\)'
+        'endCaptures':
+          '0':
+            'name': 'punctuation.definition.parameters.end.bracket.round.css'
+        'patterns': [
+          {
+            'include': '#media-features'
+          }
+          {
+            'include': '#media-feature-keywords'
+          }
+          {
+            'match': ':'
+            'name': 'punctuation.separator.key-value.css'
+          }
+          {
+            'match': '>=|<=|=|<|>'
+            'name': 'keyword.operator.comparison.css'
+          }
+          {
+            'captures':
+              '1':
+                'name': 'constant.numeric.css'
+              '2':
+                'name': 'keyword.operator.arithmetic.css'
+              '3':
+                'name': 'constant.numeric.css'
+            'match': '(\\d+)\\s*(/)\\s*(\\d+)'
+            'name': 'meta.ratio.css'
+          }
+          {
+            'include': '#numeric-values'
+          }
+          {
+            'include': '#comment-block'
+          }
+        ]
+      }
+    ]
+  'media-query-list':
+    'begin': '(?=\\s*[^{;])'
+    'end': '(?=\\s*[{;])'
+    'patterns': [
+      {
+        'include': '#media-query'
+      }
+    ]
+  'media-types':
+    'captures':
+      '1':
+        'name': 'support.constant.media.css'
+      '2':
+        'name': 'invalid.deprecated.constant.media.css'
+    'match': '''(?xi)
+      (?<=^|\\s|,|\\*/)
+      (?:
+        # Valid media types
+        (all|print|screen|speech)
+        |
+        # Deprecated in Media Queries 4: http://dev.w3.org/csswg/mediaqueries/#media-types
+        (aural|braille|embossed|handheld|projection|tty|tv)
+      )
+      (?=$|[{,\\s;]|/\\*)
+    '''
+  'numeric-values':
+    'patterns': [
+      {
+        'captures':
+          '1':
+            'name': 'punctuation.definition.constant.css'
+        'match': '(#)(?:[0-9a-fA-F]{3,4}|[0-9a-fA-F]{6}|[0-9a-fA-F]{8})\\b'
+        'name': 'constant.other.color.rgb-value.hex.css'
+      }
+      {
+        'captures':
+          '1':
+            'name': 'keyword.other.unit.percentage.css'
+          '2':
+            'name': 'keyword.other.unit.${2:/downcase}.css'
+        'match': '''(?xi) (?<![\\w-])
+          [-+]?                               # Sign indicator
+
+          (?:                                 # Numerals
+              [0-9]+ (?:\\.[0-9]+)?           # Integer/float with leading digits
+            | \\.[0-9]+                       # Float without leading digits
+          )
+
+          (?:                                 # Scientific notation
+            (?<=[0-9])                        # Exponent must follow a digit
+            E                                 # Exponent indicator
+            [-+]?                             # Possible sign indicator
+            [0-9]+                            # Exponent value
+          )?
+
+          (?:                                 # Possible unit for data-type:
+            (%)                               # - Percentage
+            | ( deg|grad|rad|turn             # - Angle
+              | Hz|kHz                        # - Frequency
+              | ch|cm|em|ex|fr|in|mm|mozmm|   # - Length
+                pc|pt|px|q|rem|vh|vmax|vmin|
+                vw
+              | dpi|dpcm|dppx                 # - Resolution
+              | s|ms                          # - Time
+              )
+            \\b                               # Boundary checking intentionally lax to
+          )?                                  # facilitate embedding in CSS-like grammars
+        '''
+        'name': 'constant.numeric.css'
+      }
+    ]
+  'property-keywords':
+    'patterns': [
+      {
+        'match': '''(?xi) (?<![\\w-])
+          (above|absolute|active|add|additive|after-edge|alias|all|all-petite-caps|all-scroll|all-small-caps|alpha|alphabetic|alternate|alternate-reverse
+          |always|antialiased|auto|auto-pos|available|avoid|avoid-column|avoid-page|avoid-region|backwards|balance|baseline|before-edge|below|bevel
+          |bidi-override|blink|block|block-axis|block-start|block-end|bold|bolder|border|border-box|both|bottom|bottom-outside|break-all|break-word|bullets
+          |butt|capitalize|caption|cell|center|central|char|circle|clip|clone|close-quote|closest-corner|closest-side|col-resize|collapse|color|color-burn
+          |color-dodge|column|column-reverse|common-ligatures|compact|condensed|contain|content|content-box|contents|context-menu|contextual|copy|cover
+          |crisp-edges|crispEdges|crosshair|cyclic|darken|dashed|decimal|default|dense|diagonal-fractions|difference|digits|disabled|disc|discretionary-ligatures
+          |distribute|distribute-all-lines|distribute-letter|distribute-space|dot|dotted|double|double-circle|downleft|downright|e-resize|each-line|ease|ease-in
+          |ease-in-out|ease-out|economy|ellipse|ellipsis|embed|end|evenodd|ew-resize|exact|exclude|exclusion|expanded|extends|extra-condensed|extra-expanded
+          |farthest-corner|farthest-side|fill|fill-available|fill-box|filled|fit-content|fixed|flat|flex|flex-end|flex-start|flip|forwards|freeze
+          |from-image|full-width|geometricPrecision|georgian|grab|grabbing|grayscale|grid|groove|hand|hanging|hard-light|help|hidden|hide
+          |historical-forms|historical-ligatures|horizontal|horizontal-tb|hue|icon|ideograph-alpha|ideograph-numeric|ideograph-parenthesis|ideograph-space
+          |ideographic|inactive|infinite|inherit|initial|inline|inline-axis|inline-block|inline-end|inline-flex|inline-grid|inline-list-item|inline-start
+          |inline-table|inset|inside|inter-character|inter-ideograph|inter-word|intersect|invert|isolate|isolate-override|italic|jis04|jis78|jis83
+          |jis90|justify|justify-all|kannada|keep-all|landscape|large|larger|left|lighten|lighter|line|line-edge|line-through|linear|linearRGB
+          |lining-nums|list-item|local|loose|lowercase|lr|lr-tb|ltr|luminance|luminosity|main-size|mandatory|manipulation|manual|margin-box|match-parent
+          |match-source|mathematical|max-content|medium|menu|message-box|middle|min-content|miter|mixed|move|multiply|n-resize|narrower|ne-resize
+          |nearest-neighbor|nesw-resize|newspaper|no-change|no-clip|no-close-quote|no-common-ligatures|no-contextual|no-discretionary-ligatures
+          |no-drop|no-historical-ligatures|no-open-quote|no-repeat|none|nonzero|normal|not-allowed|nowrap|ns-resize|numbers|numeric|nw-resize|nwse-resize
+          |oblique|oldstyle-nums|open|open-quote|optimizeLegibility|optimizeQuality|optimizeSpeed|ordinal|outset|outside|over|overlay|overline|padding
+          |padding-box|page|painted|pan-down|pan-left|pan-right|pan-up|pan-x|pan-y|paused|petite-caps|pixelated|plaintext|pointer|portrait|pre|pre-line
+          |pre-wrap|preserve-3d|progress|progressive|proportional-nums|proportional-width|proximity|radial|recto|region|relative|remove|repeat|repeat-[xy]
+          |reset-size|reverse|revert|ridge|right|rl|rl-tb|round|row|row-resize|row-reverse|row-severse|rtl|ruby|ruby-base|ruby-base-container|ruby-text
+          |ruby-text-container|run-in|running|s-resize|saturation|scale-down|screen|scroll|scroll-position|se-resize|semi-condensed|semi-expanded|separate
+          |sesame|show|sideways|sideways-left|sideways-lr|sideways-right|sideways-rl|simplified|slashed-zero|slice|small|small-caps|small-caption|smaller
+          |smooth|soft-light|solid|space|space-around|space-between|spell-out|square|sRGB|stacked-fractions|start|static|status-bar|step-end|step-start
+          |sticky|stretch|strict|stroke|stroke-box|style|sub|subgrid|subpixel-antialiased|subtract|super|sw-resize|symbolic|table|table-caption|table-cell
+          |table-column|table-column-group|table-footer-group|table-header-group|table-row|table-row-group|tabular-nums|tb|tb-rl|text|text-after-edge
+          |text-before-edge|text-bottom|text-top|thick|thin|titling-caps|top|top-outside|touch|traditional|transparent|triangle|ultra-condensed|ultra-expanded
+          |under|underline|unicase|unset|upleft|uppercase|upright|use-glyph-orientation|use-script|verso|vertical|vertical-ideographic|vertical-lr|vertical-rl
+          |vertical-text|view-box|visible|visibleFill|visiblePainted|visibleStroke|w-resize|wait|wavy|weight|whitespace|wider|words|wrap|wrap-reverse
+          |x-large|x-small|xx-large|xx-small|zero|zoom-in|zoom-out)
+          (?![\\w-])
+        '''
+        'name': 'support.constant.property-value.css'
+      }
+      {
+        'match': '''(?xi) (?<![\\w-])
+          (arabic-indic|armenian|bengali|cambodian|circle|cjk-decimal|cjk-earthly-branch|cjk-heavenly-stem|cjk-ideographic
+          |decimal|decimal-leading-zero|devanagari|disc|disclosure-closed|disclosure-open|ethiopic-halehame-am
+          |ethiopic-halehame-ti-e[rt]|ethiopic-numeric|georgian|gujarati|gurmukhi|hangul|hangul-consonant|hebrew
+          |hiragana|hiragana-iroha|japanese-formal|japanese-informal|kannada|katakana|katakana-iroha|khmer
+          |korean-hangul-formal|korean-hanja-formal|korean-hanja-informal|lao|lower-alpha|lower-armenian|lower-greek
+          |lower-latin|lower-roman|malayalam|mongolian|myanmar|oriya|persian|simp-chinese-formal|simp-chinese-informal
+          |square|tamil|telugu|thai|tibetan|trad-chinese-formal|trad-chinese-informal|upper-alpha|upper-armenian
+          |upper-latin|upper-roman|urdu)
+          (?![\\w-])
+        '''
+        'name': 'support.constant.property-value.list-style-type.css'
+      }
+      {
+        'match': '(?<![\\w-])(?i:-(?:ah|apple|atsc|epub|hp|khtml|moz|ms|o|rim|ro|tc|wap|webkit|xv)|(?:mso|prince))-[a-zA-Z-]+'
+        'name': 'support.constant.vendored.property-value.css'
+      }
+      {
+        'match': '(?<![\\w-])(?i:arial|century|comic|courier|garamond|georgia|helvetica|impact|lucida|symbol|system|tahoma|times|trebuchet|utopia|verdana|webdings|sans-serif|serif|monospace)(?![\\w-])'
+        'name': 'support.constant.font-name.css'
+      }
+    ]
+  'property-names':
+    'patterns': [
+      {
+        'match': '''(?xi) (?<![\\w-])
+          (?:
+              # Standard CSS
+              additive-symbols|align-content|align-items|align-self|all|animation|animation-delay|animation-direction
+            | animation-duration|animation-fill-mode|animation-iteration-count|animation-name|animation-play-state
+            | animation-timing-function|backface-visibility|background|background-attachment|background-blend-mode
+            | background-clip|background-color|background-image|background-origin|background-position|background-position-[xy]
+            | background-repeat|background-size|block-size|border|border-block-end|border-block-end-color|border-block-end-style
+            | border-block-end-width|border-block-start|border-block-start-color|border-block-start-style
+            | border-block-start-width|border-bottom|border-bottom-color|border-bottom-left-radius|border-bottom-right-radius
+            | border-bottom-style|border-bottom-width|border-collapse|border-color|border-image|border-image-outset
+            | border-image-repeat|border-image-slice|border-image-source|border-image-width|border-inline-end
+            | border-inline-end-color|border-inline-end-style|border-inline-end-width|border-inline-start
+            | border-inline-start-color|border-inline-start-style|border-inline-start-width|border-left|border-left-color
+            | border-left-style|border-left-width|border-radius|border-right|border-right-color|border-right-style
+            | border-right-width|border-spacing|border-style|border-top|border-top-color|border-top-left-radius
+            | border-top-right-radius|border-top-style|border-top-width|border-width|bottom|box-decoration-break
+            | box-shadow|box-sizing|break-after|break-before|break-inside|caption-side|clear|clip|clip-path|color
+            | column-count|column-fill|column-gap|column-rule|column-rule-color|column-rule-style|column-rule-width
+            | column-span|column-width|columns|content|counter-increment|counter-reset|cursor|direction|display
+            | empty-cells|filter|flex|flex-basis|flex-direction|flex-flow|flex-grow|flex-shrink|flex-wrap|float
+            | font|font-family|font-feature-settings|font-kerning|font-language-override|font-size|font-size-adjust
+            | font-stretch|font-style|font-synthesis|font-variant|font-variant-alternates|font-variant-caps
+            | font-variant-east-asian|font-variant-ligatures|font-variant-numeric|font-variant-position|font-weight
+            | grid|grid-area|grid-auto-columns|grid-auto-flow|grid-auto-rows|grid-column|grid-column-end|grid-column-gap
+            | grid-column-start|grid-gap|grid-row|grid-row-end|grid-row-gap|grid-row-start|grid-template|grid-template-areas
+            | grid-template-columns|grid-template-rows|height|hyphens|image-orientation|image-rendering|image-resolution
+            | ime-mode|inline-size|isolation|justify-content|left|letter-spacing|line-break|line-height|list-style
+            | list-style-image|list-style-position|list-style-type|margin|margin-block-end|margin-block-start|margin-bottom
+            | margin-inline-end|margin-inline-start|margin-left|margin-right|margin-top|mask|mask-clip|mask-composite
+            | mask-image|mask-mode|mask-origin|mask-position|mask-repeat|mask-size|mask-type|max-block-size|max-height
+            | max-inline-size|max-width|max-zoom|min-block-size|min-height|min-inline-size|min-width|min-zoom|mix-blend-mode
+            | negative|object-fit|object-position|offset-block-end|offset-block-start|offset-inline-end|offset-inline-start
+            | opacity|order|orientation|orphans|outline|outline-color|outline-offset|outline-style|outline-width|overflow
+            | overflow-wrap|overflow-[xy]|pad|padding|padding-block-end|padding-block-start|padding-bottom|padding-inline-end
+            | padding-inline-start|padding-left|padding-right|padding-top|page-break-after|page-break-before|page-break-inside
+            | perspective|perspective-origin|pointer-events|position|prefix|quotes|range|resize|right|ruby-align|ruby-merge
+            | ruby-position|scroll-behavior|scroll-snap-coordinate|scroll-snap-destination|scroll-snap-type|shape-image-threshold
+            | shape-margin|shape-outside|speak-as|src|suffix|symbols|system|tab-size|table-layout|text-align|text-align-last
+            | text-combine-upright|text-decoration|text-decoration-color|text-decoration-line|text-decoration-style|text-emphasis
+            | text-emphasis-color|text-emphasis-position|text-emphasis-style|text-indent|text-orientation|text-overflow
+            | text-rendering|text-shadow|text-transform|text-underline-position|top|touch-action|transform|transform-box
+            | transform-origin|transform-style|transition|transition-delay|transition-duration|transition-property
+            | transition-timing-function|unicode-bidi|unicode-range|user-zoom|vertical-align|visibility|white-space|widows
+            | width|will-change|word-break|word-spacing|word-wrap|writing-mode|z-index|zoom
+
+            # SVG attributes
+            | alignment-baseline|baseline-shift|clip-rule|color-interpolation|color-interpolation-filters|color-profile
+            | color-rendering|dominant-baseline|enable-background|fill|fill-opacity|fill-rule|flood-color|flood-opacity
+            | glyph-orientation-horizontal|glyph-orientation-vertical|kerning|lighting-color|marker-end|marker-mid
+            | marker-start|shape-rendering|stop-color|stop-opacity|stroke|stroke-dasharray|stroke-dashoffset|stroke-linecap
+            | stroke-linejoin|stroke-miterlimit|stroke-opacity|stroke-width|text-anchor|x|y
+
+            # Not listed on MDN; presumably deprecated
+            | adjust|after|align|align-last|alignment|alignment-adjust|appearance|attachment|azimuth|background-break
+            | balance|baseline|before|bidi|binding|bookmark|bookmark-label|bookmark-level|bookmark-target|border-length
+            | bottom-color|bottom-left-radius|bottom-right-radius|bottom-style|bottom-width|box|box-align|box-direction
+            | box-flex|box-flex-group|box-lines|box-ordinal-group|box-orient|box-pack|break|character|collapse|column
+            | column-break-after|column-break-before|count|counter|crop|cue|cue-after|cue-before|decoration|decoration-break
+            | delay|display-model|display-role|down|drop|drop-initial-after-adjust|drop-initial-after-align|drop-initial-before-adjust
+            | drop-initial-before-align|drop-initial-size|drop-initial-value|duration|elevation|emphasis|family|fit|fit-position
+            | flex-group|float-offset|gap|grid-columns|grid-rows|hanging-punctuation|header|hyphenate|hyphenate-after|hyphenate-before
+            | hyphenate-character|hyphenate-lines|hyphenate-resource|icon|image|increment|indent|index|initial-after-adjust
+            | initial-after-align|initial-before-adjust|initial-before-align|initial-size|initial-value|inline-box-align|iteration-count
+            | justify|label|left-color|left-style|left-width|length|level|line|line-stacking|line-stacking-ruby|line-stacking-shift
+            | line-stacking-strategy|lines|list|mark|mark-after|mark-before|marks|marquee|marquee-direction|marquee-play-count|marquee-speed
+            | marquee-style|max|min|model|move-to|name|nav|nav-down|nav-index|nav-left|nav-right|nav-up|new|numeral|offset|ordinal-group
+            | orient|origin|overflow-style|overhang|pack|page|page-policy|pause|pause-after|pause-before|phonemes|pitch|pitch-range
+            | play-count|play-during|play-state|point|presentation|presentation-level|profile|property|punctuation|punctuation-trim
+            | radius|rate|rendering-intent|repeat|replace|reset|resolution|resource|respond-to|rest|rest-after|rest-before|richness
+            | right-color|right-style|right-width|role|rotation|rotation-point|rows|ruby|ruby-overhang|ruby-span|rule|rule-color
+            | rule-style|rule-width|shadow|size|size-adjust|sizing|space|space-collapse|spacing|span|speak|speak-header|speak-numeral
+            | speak-punctuation|speech|speech-rate|speed|stacking|stacking-ruby|stacking-shift|stacking-strategy|stress|stretch
+            | string-set|style|style-image|style-position|style-type|target|target-name|target-new|target-position|text|text-height
+            | text-justify|text-outline|text-replace|text-wrap|timing-function|top-color|top-left-radius|top-right-radius|top-style
+            | top-width|trim|unicode|up|user-select|variant|voice|voice-balance|voice-duration|voice-family|voice-pitch|voice-pitch-range
+            | voice-rate|voice-stress|voice-volume|volume|weight|white|white-space-collapse|word|wrap
+          )
+          (?![\\w-])
+        '''
+        'name': 'support.type.property-name.css'
+      }
+      {
+        'match': '(?<![\\w-])(?i:-(?:ah|apple|atsc|epub|hp|khtml|moz|ms|o|rim|ro|tc|wap|webkit|xv)|(?:mso|prince))-[a-zA-Z-]+'
+        'name': 'support.type.vendored.property-name.css'
+      }
+    ]
+  'property-values':
+    'patterns': [
+      {
+        'include': '#commas'
+      }
+      {
+        'include': '#comment-block'
+      }
+      {
+        'include': '#escapes'
+      }
+      {
+        'include': '#functions'
+      }
+      {
+        'include': '#property-keywords'
+      }
+      {
+        'include': '#unicode-range'
+      }
+      {
+        'include': '#numeric-values'
+      }
+      {
+        'include': '#color-keywords'
+      }
+      {
+        'include': '#string'
+      }
+      {
+        'match': '!\\s*important(?![\\w-])'
+        'name': 'keyword.other.important.css'
+      }
+    ]
+  'pseudo-classes':
+    'captures':
+      '1':
+        'name': 'punctuation.definition.entity.css'
+      '2':
+        'name': 'invalid.illegal.colon.css'
+    'match': '''(?xi)
+      (:)(:*)
+      (?: active|any-link|checked|default|disabled|empty|enabled|first
+        | (?:first|last|only)-(?:child|of-type)|focus|focus-within|fullscreen|host|hover
+        | in-range|indeterminate|invalid|left|link|optional|out-of-range
+        | read-only|read-write|required|right|root|scope|target|unresolved
+        | valid|visited
+      )(?![\\w-]|\\s*[;}])
+    '''
+    'name': 'entity.other.attribute-name.pseudo-class.css'
+  'pseudo-elements':
+    'captures':
+      '1':
+        'name': 'punctuation.definition.entity.css'
+      '2':
+        'name': 'punctuation.definition.entity.css'
+    'match': '''(?xi)
+      (?:
+        (::?)                       # Elements using both : and :: notation
+        (?: after
+          | before
+          | first-letter
+          | first-line
+          | (?:-(?:ah|apple|atsc|epub|hp|khtml|moz
+                  |ms|o|rim|ro|tc|wap|webkit|xv)
+              | (?:mso|prince))
+            -[a-z-]+
+        )
+        |
+        (::)                        # Double-colon only
+        (?: backdrop
+          | content
+          | grammar-error
+          | marker
+          | placeholder
+          | selection
+          | shadow
+          | spelling-error
+        )
+      )
+      (?![\\w-]|\\s*[;}])
+    '''
+    'name': 'entity.other.attribute-name.pseudo-element.css'
+  'rule-list':
+    'begin': '{'
+    'beginCaptures':
+      '0':
+        'name': 'punctuation.section.property-list.begin.bracket.curly.css'
+    'end': '}'
+    'endCaptures':
+      '0':
+        'name': 'punctuation.section.property-list.end.bracket.curly.css'
+    'name': 'meta.property-list.css'
+    'patterns': [
+      {
+        'include': '#rule-list-innards'
+      }
+    ]
+  'rule-list-innards':
+    'patterns': [
+      {
+        'include': '#comment-block'
+      }
+      {
+        'include': '#escapes'
+      }
+      {
+        'include': '#font-features'
+      }
+      {
+        # Custom properties
+        'match': '''(?x) (?<![\\w-])
+          --
+          (?:[-a-zA-Z_]    | [^\\x00-\\x7F])     # First letter
+          (?:[-a-zA-Z0-9_] | [^\\x00-\\x7F]      # Remainder of identifier
+            |\\\\(?:[0-9a-fA-F]{1,6}|.)
+          )*
+        '''
+        'name': 'variable.css'
+      }
+      {
+        'begin': '(?<![-a-zA-Z])(?=[-a-zA-Z])'
+        'end': '$|(?![-a-zA-Z])'
+        'name': 'meta.property-name.css'
+        'patterns': [
+          {
+            'include': '#property-names'
+          }
+        ]
+      }
+      {
+        'begin': '(:)\\s*'
+        'beginCaptures':
+          '1':
+            'name': 'punctuation.separator.key-value.css'
+        'end': '\\s*(;)|\\s*(?=}|\\))'
+        'endCaptures':
+          '1':
+            'name': 'punctuation.terminator.rule.css'
+        'contentName': 'meta.property-value.css'
+        'patterns': [
+          {
+            'include': '#comment-block'
+          }
+          {
+            'include': '#property-values'
+          }
+        ]
+      }
+      {
+        'match': ';'
+        'name': 'punctuation.terminator.rule.css'
+      }
+    ]
+  'selector':
+    'begin': '''(?x)
+      (?=
+        (?:\\|)?                    # Possible anonymous namespace prefix
+        (?:
+          [-\\[:.*\\#a-zA-Z_]       # Valid selector character
+          |
+          [^\\x00-\\x7F]            # Which can include non-ASCII symbols
+          |
+          \\\\                      # Or an escape sequence
+          (?:[0-9a-fA-F]{1,6}|.)
+        )
+      )
+    '''
+    'end': '(?=\\s*[/@{)])'
+    'name': 'meta.selector.css'
+    'patterns': [
+      {
+        'include': '#selector-innards'
+      }
+    ]
+  'selector-innards':
+    'patterns': [
+      {
+        'include': '#comment-block'
+      }
+      {
+        'include': '#commas'
+      }
+      {
+        'include': '#escapes'
+      }
+      {
+        'include': '#combinators'
+      }
+      {
+        'captures':
+          '1':
+            'name': 'entity.other.namespace-prefix.css'
+          '2':
+            'name': 'punctuation.separator.css'
+        'match': '''(?x)
+          (?:^|(?<=[\\s,(};]))         # Follows whitespace, comma, semicolon, or bracket
+          (?!
+            [-\\w*]+
+            \\|
+            (?!
+                [-\\[:.*\\#a-zA-Z_]    # Make sure there's a selector to match
+              | [^\\x00-\\x7F]
+            )
+          )
+          (
+            (?: [-a-zA-Z_]    | [^\\x00-\\x7F] )   # First letter
+            (?: [-a-zA-Z0-9_] | [^\\x00-\\x7F]     # Remainder of identifier
+              | \\\\(?:[0-9a-fA-F]{1,6}|.)
+            )*
+            |
+            \\*     # Universal namespace
+          )?
+          (\\|)     # Namespace separator
+        '''
+      }
+      {
+        'include': '#tag-names'
+      }
+      {
+        'match': '\\*'
+        'name': 'entity.name.tag.wildcard.css'
+      }
+      {
+        'captures':
+          '1':
+            'name': 'punctuation.definition.entity.css'
+          '2':
+            'patterns': [
+              {
+                'include': '#escapes'
+              }
+            ]
+        'match': '''(?x) (?<![@\\w-])
+          ([.\\#])
+          # Invalid identifier
+          (
+            (?:
+              # Starts with ASCII digits, with possible hyphen preceding it
+              -?[0-9]
+              |
+              # Consists of a hyphen only
+              -                                      # Terminated by either:
+              (?= $                                  # - End-of-line
+                | [\\s,.\\#)\\[:{>+~|]               # - Followed by another selector
+                | /\\*                               # - Followed by a block comment
+              )
+              |
+              # Name contains unescaped ASCII symbol
+              (?:                                    # Check for acceptable preceding characters
+                  [-a-zA-Z_0-9]|[^\\x00-\\x7F]       # - Valid selector character
+                | \\\\(?:[0-9a-fA-F]{1,6}|.)         # - Escape sequence
+              )*
+              (?:                                    # Invalid punctuation
+                [!"'%&(*;<?@^`|\\]}]                 # - NOTE: We exempt `)` from the list of checked
+                |                                    #   symbols to avoid matching `:not(.invalid)`
+                / (?!\\*)                            # - Avoid invalidating the start of a comment
+              )+
+            )
+            # Mark remainder of selector invalid
+            (?: [-a-zA-Z_0-9]|[^\\x00-\\x7F]         # - Otherwise valid identifier characters
+              | \\\\(?:[0-9a-fA-F]{1,6}|.)           # - Escape sequence
+            )*
+          )
+        '''
+        'name': 'invalid.illegal.bad-identifier.css'
+      }
+      {
+        'captures':
+          '1':
+            'name': 'punctuation.definition.entity.css'
+          '2':
+            'patterns': [
+              {
+                'include': '#escapes'
+              }
+            ]
+        'match': '''(?x)
+          (\\.)                                  # Valid class-name
+          (
+            (?: [-a-zA-Z_0-9]|[^\\x00-\\x7F]     # Valid identifier characters
+              | \\\\(?:[0-9a-fA-F]{1,6}|.)       # Escape sequence
+            )+
+          )                                      # Followed by either:
+          (?= $                                  # - End of the line
+            | [\\s,.\\#)\\[:{>+~|]               # - Another selector
+            | /\\*                               # - A block comment
+          )
+        '''
+        'name': 'entity.other.attribute-name.class.css'
+      }
+      {
+        'captures':
+          '1':
+            'name': 'punctuation.definition.entity.css'
+          '2':
+            'patterns': [
+              {
+                'include': '#escapes'
+              }
+            ]
+        'match': '''(?x)
+          (\\#)
+          (
+            -?
+            (?![0-9])
+            (?:[-a-zA-Z0-9_]|[^\\x00-\\x7F]|\\\\(?:[0-9a-fA-F]{1,6}|.))+
+          )
+          (?=$|[\\s,.\\#)\\[:{>+~|]|/\\*)
+        '''
+        'name': 'entity.other.attribute-name.id.css'
+      }
+      {
+        'begin': '\\['
+        'beginCaptures':
+          '0':
+            'name': 'punctuation.definition.entity.begin.bracket.square.css'
+        'end': '\\]'
+        'endCaptures':
+          '0':
+            'name': 'punctuation.definition.entity.end.bracket.square.css'
+        'name': 'meta.attribute-selector.css'
+        'patterns': [
+          {
+            'include': '#comment-block'
+          }
+          {
+            'include': '#string'
+          }
+          {
+            'captures':
+              '1':
+                'name': 'storage.modifier.ignore-case.css'
+            'match': '(?<=["\'\\s]|^|\\*/)\\s*([iI])\\s*(?=[\\s\\]]|/\\*|$)'
+          }
+          {
+            'captures':
+              '1':
+                'name': 'string.unquoted.attribute-value.css'
+                'patterns': [
+                  {
+                    'include': '#escapes'
+                  }
+                ]
+            'match': '(?x)(?<==)\\s*((?!/\\*)(?:[^\\\\"\'\\s\\]]|\\\\.)+)'
+          }
+          {
+            'include': '#escapes'
+          }
+          {
+            'match': '[~|^$*]?='
+            'name': 'keyword.operator.pattern.css'
+          }
+          {
+            'match': '\\|'
+            'name': 'punctuation.separator.css'
+          }
+          {
+            'captures':
+              '1':
+                'name': 'entity.other.namespace-prefix.css'
+                'patterns': [
+                  {
+                    'include': '#escapes'
+                  }
+                ]
+            'match': '''(?x)
+              # Qualified namespace prefix
+              ( -?(?!\\d)(?:[\\w-]|[^\\x00-\\x7F]|\\\\(?:[0-9a-fA-F]{1,6}|.))+
+              | \\*
+              )
+              # Lookahead to ensure there's a valid identifier ahead
+              (?=
+                \\| (?!\\s|=|$|\\])
+                (?: -?(?!\\d)
+                 |   [\\\\\\w-]
+                 |   [^\\x00-\\x7F]
+                 )
+              )
+            '''
+          }
+          {
+            'captures':
+              '1':
+                'name': 'entity.other.attribute-name.css'
+                'patterns': [
+                  {
+                    'include': '#escapes'
+                  }
+                ]
+            'match': '''(?x)
+              (-?(?!\\d)(?>[\\w-]|[^\\x00-\\x7F]|\\\\(?:[0-9a-fA-F]{1,6}|.))+)
+              \\s*
+              (?=[~|^\\]$*=]|/\\*)
+            '''
+          }
+        ]
+      }
+      {
+        'include': '#pseudo-classes'
+      }
+      {
+        'include': '#pseudo-elements'
+      }
+      {
+        'include': '#functional-pseudo-classes'
+      }
+      # Custom HTML elements
+      {
+        'match': '''(?x) (?<![@\\w-])
+          (?=            # Custom element names must:
+            [a-z]        # - start with a lowercase ASCII letter,
+            \\w* -       # - contain at least one dash
+          )
+          (?:
+            (?![A-Z])    # No uppercase ASCII letters are allowed
+            [\\w-]       # Allow any other word character or dash
+          )+
+          (?![(\\w-])
+        '''
+        'name': 'entity.name.tag.custom.css'
+      }
+    ]
+  'string':
+    'patterns': [
+      {
+        'begin': '"'
+        'beginCaptures':
+          '0':
+            'name': 'punctuation.definition.string.begin.css'
+        'end': '"|(?<!\\\\)(?=$|\\n)'
+        'endCaptures':
+          '0':
+            'name': 'punctuation.definition.string.end.css'
+        'name': 'string.quoted.double.css'
+        'patterns': [
+          {
+            'begin': '(?:\\G|^)(?=(?:[^\\\\"]|\\\\.)+$)'
+            'end': '$'
+            'name': 'invalid.illegal.unclosed.string.css'
+            'patterns': [
+              {
+                'include': '#escapes'
+              }
+            ]
+          }
+          {
+            'include': '#escapes'
+          }
+        ]
+      }
+      {
+        'begin': '\''
+        'beginCaptures':
+          '0':
+            'name': 'punctuation.definition.string.begin.css'
+        'end': "'|(?<!\\\\)(?=$|\\n)"
+        'endCaptures':
+          '0':
+            'name': 'punctuation.definition.string.end.css'
+        'name': 'string.quoted.single.css'
+        'patterns': [
+          {
+            'begin': "(?:\\G|^)(?=(?:[^\\\\']|\\\\.)+$)"
+            'end': '$'
+            'name': 'invalid.illegal.unclosed.string.css'
+            'patterns': [
+              {
+                'include': '#escapes'
+              }
+            ]
+          }
+          {
+            'include': '#escapes'
+          }
+        ]
+      }
+    ]
+  'tag-names':
+    'match': '''(?xi) (?<![\\w:-])
+      (?:
+          # HTML
+          a|abbr|acronym|address|applet|area|article|aside|audio|b|base|basefont|bdi|bdo|bgsound
+        | big|blink|blockquote|body|br|button|canvas|caption|center|cite|code|col|colgroup|command
+        | content|data|datalist|dd|del|details|dfn|dialog|dir|div|dl|dt|element|em|embed|fieldset
+        | figcaption|figure|font|footer|form|frame|frameset|h[1-6]|head|header|hgroup|hr|html|i
+        | iframe|image|img|input|ins|isindex|kbd|keygen|label|legend|li|link|listing|main|map|mark
+        | marquee|math|menu|menuitem|meta|meter|multicol|nav|nextid|nobr|noembed|noframes|noscript
+        | object|ol|optgroup|option|output|p|param|picture|plaintext|pre|progress|q|rb|rp|rt|rtc
+        | ruby|s|samp|script|section|select|shadow|slot|small|source|spacer|span|strike|strong
+        | style|sub|summary|sup|table|tbody|td|template|textarea|tfoot|th|thead|time|title|tr
+        | track|tt|u|ul|var|video|wbr|xmp
+
+        # SVG
+        | altGlyph|altGlyphDef|altGlyphItem|animate|animateColor|animateMotion|animateTransform
+        | circle|clipPath|color-profile|cursor|defs|desc|discard|ellipse|feBlend|feColorMatrix
+        | feComponentTransfer|feComposite|feConvolveMatrix|feDiffuseLighting|feDisplacementMap
+        | feDistantLight|feDropShadow|feFlood|feFuncA|feFuncB|feFuncG|feFuncR|feGaussianBlur
+        | feImage|feMerge|feMergeNode|feMorphology|feOffset|fePointLight|feSpecularLighting
+        | feSpotLight|feTile|feTurbulence|filter|font-face|font-face-format|font-face-name
+        | font-face-src|font-face-uri|foreignObject|g|glyph|glyphRef|hatch|hatchpath|hkern
+        | line|linearGradient|marker|mask|mesh|meshgradient|meshpatch|meshrow|metadata
+        | missing-glyph|mpath|path|pattern|polygon|polyline|radialGradient|rect|set|solidcolor
+        | stop|svg|switch|symbol|text|textPath|tref|tspan|use|view|vkern
+
+        # MathML
+        | annotation|annotation-xml|maction|maligngroup|malignmark|math|menclose|merror|mfenced
+        | mfrac|mglyph|mi|mlabeledtr|mlongdiv|mmultiscripts|mn|mo|mover|mpadded|mphantom|mroot
+        | mrow|ms|mscarries|mscarry|msgroup|msline|mspace|msqrt|msrow|mstack|mstyle|msub|msubsup
+        | msup|mtable|mtd|mtext|mtr|munder|munderover|semantics
+      )
+      (?=[+~>\\s,.\\#|){:\\[]|/\\*|$)
+    '''
+    'name': 'entity.name.tag.css'
+  'unicode-range':
+    'captures':
+      '0':
+        'name': 'constant.other.unicode-range.css'
+      '1':
+        'name': 'punctuation.separator.dash.unicode-range.css'
+    'match': '(?<![\\w-])[Uu]\\+[0-9A-Fa-f?]{1,6}(?:(-)[0-9A-Fa-f]{1,6})?(?![\\w-])'
+  'url':
+    'begin': '(?i)(?<![\\w@-])(url)(\\()'
+    'beginCaptures':
+      '1':
+        'name': 'support.function.url.css'
+      '2':
+        'name': 'punctuation.section.function.begin.bracket.round.css'
+    'end': '\\)'
+    'endCaptures':
+      '0':
+        'name': 'punctuation.section.function.end.bracket.round.css'
+    'name': 'meta.function.url.css'
+    'patterns': [
+      {
+        'match': '[^\'")\\s]+'
+        'name': 'variable.parameter.url.css'
+      }
+      {
+        'include': '#string'
+      }
+      {
+        'include': '#comment-block'
+      }
+      {
+        'include': '#escapes'
+      }
+    ]
diff --git a/spec/fixtures/css.json b/spec/fixtures/css.json
deleted file mode 100644
index ffc7b5f..0000000
--- a/spec/fixtures/css.json
+++ /dev/null
@@ -1,629 +0,0 @@
-{
-  "fileTypes": [
-    "css",
-    "css.erb"
-  ],
-  "keyEquivalent": "^~C",
-  "name": "CSS",
-  "patterns": [
-    {
-      "include": "#comment-block"
-    },
-    {
-      "include": "#selector"
-    },
-    {
-      "begin": "\\s*((@)charset\\b)\\s*",
-      "captures": {
-        "1": {
-          "name": "keyword.control.at-rule.charset.css"
-        },
-        "2": {
-          "name": "punctuation.definition.keyword.css"
-        }
-      },
-      "end": "\\s*((?=;|$))",
-      "name": "meta.at-rule.charset.css",
-      "patterns": [
-        {
-          "include": "#string-double"
-        },
-        {
-          "include": "#string-single"
-        }
-      ]
-    },
-    {
-      "begin": "\\s*((@)import\\b)\\s*",
-      "captures": {
-        "1": {
-          "name": "keyword.control.at-rule.import.css"
-        },
-        "2": {
-          "name": "punctuation.definition.keyword.css"
-        }
-      },
-      "end": "\\s*((?=;|\\}))",
-      "name": "meta.at-rule.import.css",
-      "patterns": [
-        {
-          "include": "#string-double"
-        },
-        {
-          "include": "#string-single"
-        },
-        {
-          "begin": "\\s*(url)\\s*(\\()\\s*",
-          "beginCaptures": {
-            "1": {
-              "name": "support.function.url.css"
-            },
-            "2": {
-              "name": "punctuation.section.function.css"
-            }
-          },
-          "end": "\\s*(\\))\\s*",
-          "endCaptures": {
-            "1": {
-              "name": "punctuation.section.function.css"
-            }
-          },
-          "patterns": [
-            {
-              "match": "[^'\") \\t]+",
-              "name": "variable.parameter.url.css"
-            },
-            {
-              "include": "#string-single"
-            },
-            {
-              "include": "#string-double"
-            }
-          ]
-        },
-        {
-          "include": "#media-query-list"
-        }
-      ]
-    },
-    {
-      "begin": "^\\s*((@)font-face)\\s*(?=\\{)",
-      "beginCaptures": {
-        "1": {
-          "name": "keyword.control.at-rule.font-face.css"
-        },
-        "2": {
-          "name": "punctuation.definition.keyword.css"
-        }
-      },
-      "end": "(?!\\G)",
-      "name": "meta.at-rule.font-face.css",
-      "patterns": [
-        {
-          "include": "#rule-list"
-        }
-      ]
-    },
-    {
-      "begin": "(?=^\\s*@media\\s*.*?\\{)",
-      "end": "\\s*(\\})",
-      "endCaptures": {
-        "1": {
-          "name": "punctuation.section.property-list.end.css"
-        }
-      },
-      "patterns": [
-        {
-          "begin": "^\\s*((@)media)(?=.*?\\{)",
-          "beginCaptures": {
-            "1": {
-              "name": "keyword.control.at-rule.media.css"
-            },
-            "2": {
-              "name": "punctuation.definition.keyword.css"
-            },
-            "3": {
-              "name": "support.constant.media.css"
-            }
-          },
-          "end": "\\s*(?=\\{)",
-          "name": "meta.at-rule.media.css",
-          "patterns": [
-            {
-              "include": "#media-query-list"
-            }
-          ]
-        },
-        {
-          "begin": "\\s*(\\{)",
-          "beginCaptures": {
-            "1": {
-              "name": "punctuation.section.property-list.begin.css"
-            }
-          },
-          "end": "(?=\\})",
-          "patterns": [
-            {
-              "include": "$self"
-            }
-          ]
-        }
-      ]
-    },
-    {
-      "begin": "(?=\\{)",
-      "end": "(?!\\G)",
-      "patterns": [
-        {
-          "include": "#rule-list"
-        }
-      ]
-    }
-  ],
-  "repository": {
-    "color-values": {
-      "patterns": [
-        {
-          "comment": "http://www.w3.org/TR/CSS21/syndata.html#value-def-color",
-          "match": "\\b(aqua|black|blue|fuchsia|gray|green|lime|maroon|navy|olive|orange|purple|red|silver|teal|white|yellow)\\b",
-          "name": "support.constant.color.w3c-standard-color-name.css"
-        },
-        {
-          "comment": "These colours are mostly recognised but will not validate. ref: http://www.w3schools.com/css/css_colornames.asp",
-          "match": "\\b(aliceblue|antiquewhite|aquamarine|azure|beige|bisque|blanchedalmond|blueviolet|brown|burlywood|cadetblue|chartreuse|chocolate|coral|cornflowerblue|cornsilk|crimson|cyan|darkblue|darkcyan|darkgoldenrod|darkgray|darkgreen|darkgrey|darkkhaki|darkmagenta|darkolivegreen|darkorange|darkorchid|darkred|darksalmon|darkseagreen|darkslateblue|darkslategray|darkslategrey|darkturquoise|darkviolet|deeppink|deepskyblue|dimgray|dimgrey|dodgerblue|firebrick|floralwhite|forestgreen|gainsboro|ghostwhite|gold|goldenrod|greenyellow|grey|honeydew|hotpink|indianred|indigo|ivory|khaki|lavender|lavenderblush|lawngreen|lemonchiffon|lightblue|lightcoral|lightcyan|lightgoldenrodyellow|lightgray|lightgreen|lightgrey|lightpink|lightsalmon|lightseagreen|lightskyblue|lightslategray|lightslategrey|lightsteelblue|lightyellow|limegreen|linen|magenta|mediumaquamarine|mediumblue|mediumorchid|mediumpurple|mediumseagreen|mediumslateblue|mediumspringgreen|mediumturquoise|mediumvioletred|midnightblue|mintcream|mistyrose|moccasin|navajowhite|oldlace|olivedrab|orangered|orchid|palegoldenrod|palegreen|paleturquoise|palevioletred|papayawhip|peachpuff|peru|pink|plum|powderblue|rosybrown|royalblue|saddlebrown|salmon|sandybrown|seagreen|seashell|sienna|skyblue|slateblue|slategray|slategrey|snow|springgreen|steelblue|tan|thistle|tomato|turquoise|violet|wheat|whitesmoke|yellowgreen)\\b",
-          "name": "invalid.deprecated.color.w3c-non-standard-color-name.css"
-        },
-        {
-          "begin": "(hsla?|rgba?)\\s*(\\()",
-          "beginCaptures": {
-            "1": {
-              "name": "support.function.misc.css"
-            },
-            "2": {
-              "name": "punctuation.section.function.css"
-            }
-          },
-          "end": "(\\))",
-          "endCaptures": {
-            "1": {
-              "name": "punctuation.section.function.css"
-            }
-          },
-          "patterns": [
-            {
-              "match": "(?x)\\b\n\t\t\t\t\t\t\t    (0*((1?[0-9]{1,2})|(2([0-4][0-9]|5[0-5])))\\s*,\\s*){2}\n\t\t\t\t\t\t\t    (0*((1?[0-9]{1,2})|(2([0-4][0-9]|5[0-5])))\\b)\n\t\t\t\t\t\t\t    (\\s*,\\s*((0?\\.[0-9]+)|[0-1]))?\n\t\t\t\t\t\t\t",
-              "name": "constant.other.color.rgb-value.css"
-            },
-            {
-              "match": "\\b([0-9]{1,2}|100)\\s*%,\\s*([0-9]{1,2}|100)\\s*%,\\s*([0-9]{1,2}|100)\\s*%",
-              "name": "constant.other.color.rgb-percentage.css"
-            },
-            {
-              "include": "#numeric-values"
-            }
-          ]
-        }
-      ]
-    },
-    "comment-block": {
-      "begin": "/\\*",
-      "captures": {
-        "0": {
-          "name": "punctuation.definition.comment.css"
-        }
-      },
-      "end": "\\*/",
-      "name": "comment.block.css"
-    },
-    "media-query": {
-      "begin": "(?i)\\s*(only|not)?\\s*(all|aural|braille|embossed|handheld|print|projection|screen|tty|tv)?",
-      "beginCaptures": {
-        "1": {
-          "name": "keyword.operator.logic.media.css"
-        },
-        "2": {
-          "name": "support.constant.media.css"
-        }
-      },
-      "end": "\\s*(?:(,)|(?=[{;]))",
-      "endCaptures": {
-        "1": {
-          "name": "punctuation.definition.arbitrary-repetition.css"
-        }
-      },
-      "patterns": [
-        {
-          "begin": "\\s*(and)?\\s*(\\()\\s*",
-          "beginCaptures": {
-            "1": {
-              "name": "keyword.operator.logic.media.css"
-            }
-          },
-          "end": "\\)",
-          "patterns": [
-            {
-              "begin": "(?x)\n\t                            (\n\t                                ((min|max)-)?\n\t                                (\n\t                                    ((device-)?(height|width|aspect-ratio))|\n\t                                    (color(-index)?)|monochrome|resolution\n\t                                )\n\t                            )|grid|scan|orientation\n\t                            \\s*(?=[:)])",
-              "beginCaptures": {
-                "0": {
-                  "name": "support.type.property-name.media.css"
-                }
-              },
-              "end": "(:)|(?=\\))",
-              "endCaptures": {
-                "1": {
-                  "name": "punctuation.separator.key-value.css"
-                }
-              }
-            },
-            {
-              "match": "\\b(portrait|landscape|progressive|interlace)",
-              "name": "support.constant.property-value.css"
-            },
-            {
-              "captures": {
-                "1": {
-                  "name": "constant.numeric.css"
-                },
-                "2": {
-                  "name": "keyword.operator.arithmetic.css"
-                },
-                "3": {
-                  "name": "constant.numeric.css"
-                }
-              },
-              "match": "\\s*(\\d+)(/)(\\d+)"
-            },
-            {
-              "include": "#numeric-values"
-            }
-          ]
-        }
-      ]
-    },
-    "media-query-list": {
-      "begin": "\\s*(?=[^{;])",
-      "end": "\\s*(?=[{;])",
-      "patterns": [
-        {
-          "include": "#media-query"
-        }
-      ]
-    },
-    "numeric-values": {
-      "patterns": [
-        {
-          "captures": {
-            "1": {
-              "name": "punctuation.definition.constant.css"
-            }
-          },
-          "match": "(#)([0-9a-fA-F]{3}|[0-9a-fA-F]{6})\\b",
-          "name": "constant.other.color.rgb-value.css"
-        },
-        {
-          "captures": {
-            "1": {
-              "name": "keyword.other.unit.css"
-            }
-          },
-          "match": "(?x)\n\t\t\t\t\t    (?:-|\\+)?(?:(?:[0-9]+(?:\\.[0-9]+)?)|(?:\\.[0-9]+))\n\t\t\t\t\t    ((?:px|pt|ch|cm|mm|in|r?em|ex|pc|deg|g?rad|dpi|dpcm|s)\\b|%)?\n\t\t\t\t\t",
-          "name": "constant.numeric.css"
-        }
-      ]
-    },
-    "property-values": {
-      "patterns": [
-        {
-          "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"
-        },
-        {
-          "match": "(\\b(?i:arial|century|comic|courier|garamond|georgia|helvetica|impact|lucida|symbol|system|tahoma|times|trebuchet|utopia|verdana|webdings|sans-serif|serif|monospace)\\b)",
-          "name": "support.constant.font-name.css"
-        },
-        {
-          "include": "#numeric-values"
-        },
-        {
-          "include": "#color-values"
-        },
-        {
-          "include": "#string-double"
-        },
-        {
-          "include": "#string-single"
-        },
-        {
-          "begin": "(rect)\\s*(\\()",
-          "beginCaptures": {
-            "1": {
-              "name": "support.function.misc.css"
-            },
-            "2": {
-              "name": "punctuation.section.function.css"
-            }
-          },
-          "end": "(\\))",
-          "endCaptures": {
-            "1": {
-              "name": "punctuation.section.function.css"
-            }
-          },
-          "patterns": [
-            {
-              "include": "#numeric-values"
-            }
-          ]
-        },
-        {
-          "begin": "(format|local|url|attr|counter|counters)\\s*(\\()",
-          "beginCaptures": {
-            "1": {
-              "name": "support.function.misc.css"
-            },
-            "2": {
-              "name": "punctuation.section.function.css"
-            }
-          },
-          "end": "(\\))",
-          "endCaptures": {
-            "1": {
-              "name": "punctuation.section.function.css"
-            }
-          },
-          "patterns": [
-            {
-              "include": "#string-single"
-            },
-            {
-              "include": "#string-double"
-            },
-            {
-              "match": "[^'\") \\t]+",
-              "name": "variable.parameter.misc.css"
-            }
-          ]
-        },
-        {
-          "match": "\\!\\s*important",
-          "name": "keyword.other.important.css"
-        }
-      ]
-    },
-    "rule-list": {
-      "begin": "\\{",
-      "beginCaptures": {
-        "0": {
-          "name": "punctuation.section.property-list.begin.css"
-        }
-      },
-      "end": "\\}",
-      "endCaptures": {
-        "0": {
-          "name": "punctuation.section.property-list.end.css"
-        }
-      },
-      "name": "meta.property-list.css",
-      "patterns": [
-        {
-          "include": "#comment-block"
-        },
-        {
-          "begin": "(?<![-a-z])(?=[-a-z])",
-          "end": "$|(?![-a-z])",
-          "name": "meta.property-name.css",
-          "patterns": [
-            {
-              "match": "\\b(-webkit-[A-Za-z]+|-moz-[A-Za-z]+|-o-[A-Za-z]+|-ms-[A-Za-z]+|-khtml-[A-Za-z]+|zoom|z-index|y|x|wrap|word-wrap|word-spacing|word-break|word|width|widows|white-space-collapse|white-space|white|weight|volume|voice-volume|voice-stress|voice-rate|voice-pitch-range|voice-pitch|voice-family|voice-duration|voice-balance|voice|visibility|vertical-align|variant|user-select|up|unicode-bidi|unicode|trim|transition-timing-function|transition-property|transition-duration|transition-delay|transition|transform|top-width|top-style|top-right-radius|top-left-radius|top-color|top|timing-function|text-wrap|text-transform|text-shadow|text-replace|text-outline|text-justify|text-indent|text-height|text-emphasis|text-decoration|text-align-last|text-align|text|target-position|target-new|target-name|target|table-layout|tab-size|style-type|style-position|style-image|style|string-set|stretch|stress|stacking-strategy|stacking-shift|stacking-ruby|stacking|src|speed|speech-rate|speech|speak-punctuation|speak-numeral|speak-header|speak|span|spacing|space-collapse|space|sizing|size-adjust|size|shadow|respond-to|rule-width|rule-style|rule-color|rule|ruby-span|ruby-position|ruby-overhang|ruby-align|ruby|rows|rotation-point|rotation|role|right-width|right-style|right-color|right|richness|rest-before|rest-after|rest|resource|resolution|resize|reset|replace|repeat|rendering-intent|rate|radius|quotes|punctuation-trim|punctuation|property|profile|presentation-level|presentation|position|pointer-events|point|play-state|play-during|play-count|pitch-range|pitch|phonemes|pause-before|pause-after|pause|page-policy|page-break-inside|page-break-before|page-break-after|page|padding-top|padding-right|padding-left|padding-bottom|padding|pack|overhang|overflow-y|overflow-x|overflow-style|overflow|outline-width|outline-style|outline-offset|outline-color|outline|orphans|origin|orientation|orient|ordinal-group|opacity|offset|numeral|new|nav-up|nav-right|nav-left|nav-index|nav-down|nav|name|move-to|model|min-width|min-height|min|max-width|max-height|max|marquee-style|marquee-speed|marquee-play-count|marquee-direction|marquee|marks|mark-before|mark-after|mark|margin-top|margin-right|margin-left|margin-bottom|margin|mask-image|list-style-type|list-style-position|list-style-image|list-style|list|lines|line-stacking-strategy|line-stacking-shift|line-stacking-ruby|line-stacking|line-height|line|level|letter-spacing|length|left-width|left-style|left-color|left|label|justify|iteration-count|inline-box-align|initial-value|initial-size|initial-before-align|initial-before-adjust|initial-after-align|initial-after-adjust|index|indent|increment|image-resolution|image-orientation|image|icon|hyphens|hyphenate-resource|hyphenate-lines|hyphenate-character|hyphenate-before|hyphenate-after|hyphenate|height|header|hanging-punctuation|grid-rows|grid-columns|grid|gap|font-weight|font-variant|font-style|font-stretch|font-size-adjust|font-size|font-family|font|float-offset|float|flex-group|flex|fit-position|fit|fill|filter|family|empty-cells|emphasis|elevation|duration|drop-initial-value|drop-initial-size|drop-initial-before-align|drop-initial-before-adjust|drop-initial-after-align|drop-initial-after-adjust|drop|down|dominant-baseline|display-role|display-model|display|direction|delay|decoration-break|decoration|cursor|cue-before|cue-after|cue|crop|counter-reset|counter-increment|counter|count|content|columns|column-width|column-span|column-rule-width|column-rule-style|column-rule-color|column-rule|column-gap|column-fill|column-count|column-break-before|column-break-after|column|color-profile|color|collapse|clip|clear|character|caption-side|break-inside|break-before|break-after|break|box-sizing|box-shadow|box-pack|box-orient|box-ordinal-group|box-lines|box-flex-group|box-flex|box-direction|box-decoration-break|box-align|box|bottom-width|bottom-style|bottom-right-radius|bottom-left-radius|bottom-color|bottom|border-width|border-top-width|border-top-style|border-top-right-radius|border-top-left-radius|border-top-color|border-top|border-style|border-spacing|border-right-width|border-right-style|border-right-color|border-right|border-radius|border-length|border-left-width|border-left-style|border-left-color|border-left|border-image|border-color|border-collapse|border-bottom-width|border-bottom-style|border-bottom-right-radius|border-bottom-left-radius|border-bottom-color|border-bottom|border|bookmark-target|bookmark-level|bookmark-label|bookmark|binding|bidi|before|baseline-shift|baseline|balance|background-size|background-repeat|background-position|background-origin|background-image|background-color|background-clip|background-break|background-attachment|background|azimuth|attachment|appearance|animation-timing-function|animation-play-state|animation-name|animation-iteration-count|animation-duration|animation-direction|animation-delay|animation|alignment-baseline|alignment-adjust|alignment|align-last|align|after|adjust)\\b",
-              "name": "support.type.property-name.css"
-            }
-          ]
-        },
-        {
-          "begin": "(:)\\s*",
-          "beginCaptures": {
-            "1": {
-              "name": "punctuation.separator.key-value.css"
-            }
-          },
-          "end": "\\s*(;|(?=\\}))",
-          "endCaptures": {
-            "1": {
-              "name": "punctuation.terminator.rule.css"
-            }
-          },
-          "name": "meta.property-value.css",
-          "patterns": [
-            {
-              "include": "#property-values"
-            }
-          ]
-        }
-      ]
-    },
-    "selector": {
-      "begin": "\\s*(?=[:.*#a-zA-Z])",
-      "end": "(?=[/@{)])",
-      "name": "meta.selector.css",
-      "patterns": [
-        {
-          "match": "\\b(a|abbr|acronym|address|area|article|aside|audio|b|base|big|blockquote|body|br|button|canvas|caption|cite|code|col|colgroup|datalist|dd|del|details|dfn|dialog|div|dl|dt|em|eventsource|fieldset|figure|figcaption|footer|form|frame|frameset|(h[1-6])|head|header|hgroup|hr|html|i|iframe|img|input|ins|kbd|label|legend|li|link|map|mark|menu|meta|meter|nav|noframes|noscript|object|ol|optgroup|option|output|p|param|pre|progress|q|samp|script|section|select|small|span|strike|strong|style|sub|summary|sup|table|tbody|td|textarea|tfoot|th|thead|time|title|tr|tt|ul|var|video)\\b",
-          "name": "entity.name.tag.css"
-        },
-        {
-          "captures": {
-            "1": {
-              "name": "punctuation.definition.entity.css"
-            }
-          },
-          "match": "(\\.)[a-zA-Z0-9_-]+",
-          "name": "entity.other.attribute-name.class.css"
-        },
-        {
-          "captures": {
-            "1": {
-              "name": "punctuation.definition.entity.css"
-            }
-          },
-          "match": "(#)[a-zA-Z][a-zA-Z0-9_-]*",
-          "name": "entity.other.attribute-name.id.css"
-        },
-        {
-          "match": "\\*",
-          "name": "entity.name.tag.wildcard.css"
-        },
-        {
-          "captures": {
-            "1": {
-              "name": "punctuation.definition.entity.css"
-            }
-          },
-          "match": "(:+)(after|before|first-letter|first-line|selection)\\b",
-          "name": "entity.other.attribute-name.pseudo-element.css"
-        },
-        {
-          "captures": {
-            "1": {
-              "name": "punctuation.definition.entity.css"
-            }
-          },
-          "match": "(:)((first|last)-child|(first|last|only)-of-type|empty|root|target|first|left|right)\\b",
-          "name": "entity.other.attribute-name.pseudo-class.css"
-        },
-        {
-          "captures": {
-            "1": {
-              "name": "punctuation.definition.entity.css"
-            }
-          },
-          "match": "(:)(checked|enabled|default|disabled|indeterminate|invalid|optional|required|valid)\\b",
-          "name": "entity.other.attribute-name.pseudo-class.ui-state.css"
-        },
-        {
-          "begin": "((:)not)(\\()",
-          "beginCaptures": {
-            "1": {
-              "name": "entity.other.attribute-name.pseudo-class.css"
-            },
-            "2": {
-              "name": "punctuation.definition.entity.css"
-            },
-            "3": {
-              "name": "punctuation.section.function.css"
-            }
-          },
-          "end": "\\)",
-          "endCaptures": {
-            "0": {
-              "name": "punctuation.section.function.css"
-            }
-          },
-          "patterns": [
-            {
-              "include": "#selector"
-            }
-          ]
-        },
-        {
-          "captures": {
-            "1": {
-              "name": "entity.other.attribute-name.pseudo-class.css"
-            },
-            "2": {
-              "name": "punctuation.definition.entity.css"
-            },
-            "3": {
-              "name": "punctuation.section.function.css"
-            },
-            "4": {
-              "name": "constant.numeric.css"
-            },
-            "5": {
-              "name": "punctuation.section.function.css"
-            }
-          },
-          "match": "((:)nth-(?:(?:last-)?child|(?:last-)?of-type))(\\()(\\-?(?:\\d+n?|n)(?:\\+\\d+)?|even|odd)(\\))"
-        },
-        {
-          "captures": {
-            "1": {
-              "name": "punctuation.definition.entity.css"
-            }
-          },
-          "match": "(:)(active|hover|link|visited|focus)\\b",
-          "name": "entity.other.attribute-name.pseudo-class.css"
-        },
-        {
-          "captures": {
-            "1": {
-              "name": "punctuation.definition.entity.css"
-            },
-            "2": {
-              "name": "entity.other.attribute-name.attribute.css"
-            },
-            "3": {
-              "name": "punctuation.separator.operator.css"
-            },
-            "4": {
-              "name": "string.unquoted.attribute-value.css"
-            },
-            "5": {
-              "name": "string.quoted.double.attribute-value.css"
-            },
-            "6": {
-              "name": "punctuation.definition.string.begin.css"
-            },
-            "7": {
-              "name": "punctuation.definition.string.end.css"
-            }
-          },
-          "match": "(?i)(\\[)\\s*(-?[_a-z\\\\[[:^ascii:]]][_a-z0-9\\-\\\\[[:^ascii:]]]*)(?:\\s*([~|^$*]?=)\\s*(?:(-?[_a-z\\\\[[:^ascii:]]][_a-z0-9\\-\\\\[[:^ascii:]]]*)|((?>(['\"])(?:[^\\\\]|\\\\.)*?(\\6)))))?\\s*(\\])",
-          "name": "meta.attribute-selector.css"
-        }
-      ]
-    },
-    "string-double": {
-      "begin": "\"",
-      "beginCaptures": {
-        "0": {
-          "name": "punctuation.definition.string.begin.css"
-        }
-      },
-      "end": "\"",
-      "endCaptures": {
-        "0": {
-          "name": "punctuation.definition.string.end.css"
-        }
-      },
-      "name": "string.quoted.double.css",
-      "patterns": [
-        {
-          "match": "\\\\.",
-          "name": "constant.character.escape.css"
-        }
-      ]
-    },
-    "string-single": {
-      "begin": "'",
-      "beginCaptures": {
-        "0": {
-          "name": "punctuation.definition.string.begin.css"
-        }
-      },
-      "end": "'",
-      "endCaptures": {
-        "0": {
-          "name": "punctuation.definition.string.end.css"
-        }
-      },
-      "name": "string.quoted.single.css",
-      "patterns": [
-        {
-          "match": "\\\\.",
-          "name": "constant.character.escape.css"
-        }
-      ]
-    }
-  },
-  "scopeName": "source.css"
-}
diff --git a/spec/fixtures/html-css-inline.cson b/spec/fixtures/html-css-inline.cson
new file mode 100644
index 0000000..0e8ae52
--- /dev/null
+++ b/spec/fixtures/html-css-inline.cson
@@ -0,0 +1,78 @@
+'scopeName': 'text.html.basic.css'
+'name': 'HTML with CSS (test)'
+'patterns': [
+  {
+    'begin': '(</?)((?i:a|abbr|acronym|area|b|base|basefont|bdo|big|br|button|caption|cite|code|col|colgroup|del|dfn|em|font|head|html|i|img|input|ins|isindex|kbd|label|legend|li|link|map|meta|noscript|optgroup|option|param|q|s|samp|script|select|small|span|strike|strong|style|sub|sup|table|tbody|td|textarea|tfoot|th|thead|title|tr|tt|u|var)(?=\\s|/?>))'
+    'beginCaptures':
+      '1':
+        'name': 'punctuation.definition.tag.begin.html'
+      '2':
+        'name': 'entity.name.tag.inline.any.html'
+    'end': '((?: ?/)?>)'
+    'endCaptures':
+      '1':
+        'name': 'punctuation.definition.tag.end.html'
+    'name': 'meta.tag.inline.any.html'
+    'patterns': [
+      {
+        'include': '#tag-style-attribute'
+      }
+    ]
+  }
+]
+'repository':
+  'tag-style-attribute':
+    'begin': '\\b(style)(=)'
+    'beginCaptures':
+      '1':
+        'name': 'entity.other.attribute-name.style.html'
+      '2':
+        'name': 'punctuation.separator.key-value.html'
+    'end': '(?=\\s|/?>)'
+    'name': 'meta.attribute-with-value.style.html'
+    'patterns': [
+      {
+        'match': '(")(.+)(")'
+        'name': 'string.quoted.double.html'
+        'captures':
+          '1':
+            'name': 'punctuation.definition.string.begin.html'
+          '2':
+            'name': 'source.css.style.html'
+            'patterns': [
+              {
+                'include': 'source.css#rule-list-innards'
+              }
+            ]
+          '3':
+            'name': 'punctuation.definition.string.end.html'
+      }
+      {
+        'match': "(')(.+)(')"
+        'name': 'string.quoted.single.html'
+        'captures':
+          '1':
+            'name': 'punctuation.definition.string.begin.html'
+          '2':
+            'name': 'source.css.style.html'
+            'patterns': [
+              {
+                'include': 'source.css#rule-list-innards'
+              }
+            ]
+          '3':
+            'name': 'punctuation.definition.string.end.html'
+      }
+      {
+        'match': '([^\\s&>"\'<=`]|&(?=>))+'
+        'name': 'string.unquoted.html'
+        'captures':
+          '0':
+            'name': 'source.css.style.html'
+            'patterns': [
+              {
+                'include': 'source.css#rule-list-innards'
+              }
+            ]
+      }
+    ]
diff --git a/spec/grammar-spec.coffee b/spec/grammar-spec.coffee
index 51ae11a..f5346b3 100644
--- a/spec/grammar-spec.coffee
+++ b/spec/grammar-spec.coffee
@@ -933,7 +933,7 @@ describe "Grammar tokenization", ->
     describe "HTML", ->
       describe "when it contains CSS", ->
         it "correctly parses the CSS rules", ->
-          loadGrammarSync("css.json")
+          loadGrammarSync("css.cson")
           grammar = registry.grammarForScopeName("text.html.basic")
 
           lines = grammar.tokenizeLines """
@@ -958,6 +958,33 @@ describe "Grammar tokenization", ->
             "support.constant.color.w3c-standard-color-name.css"
           ]
 
+      describe "when it contains inline CSS", ->
+        it "correctly stops parsing CSS", ->
+          loadGrammarSync('css.cson')
+          loadGrammarSync('html-css-inline.cson')
+          grammar = registry.grammarForScopeName('text.html.basic.css')
+
+          {tokens} = grammar.tokenizeLine "<span style='s:'></style>"
+          expect(tokens[8]).toEqual value: "'", scopes: [
+            'text.html.basic.css'
+            'meta.tag.inline.any.html'
+            'meta.attribute-with-value.style.html'
+            'string.quoted.single.html'
+            'punctuation.definition.string.end.html'
+          ]
+
+          expect(tokens[9]).toEqual value: ">", scopes: [
+            'text.html.basic.css'
+            'meta.tag.inline.any.html'
+            'punctuation.definition.tag.end.html'
+          ]
+
+          expect(tokens[10]).toEqual value: "<", scopes: [
+            'text.html.basic.css'
+            'meta.tag.inline.any.html'
+            'punctuation.definition.tag.begin.html'
+          ]
+
     describe "Latex", ->
       it "properly emits close tags for scope names containing back-references", ->
         loadGrammarSync("latex.cson")

From 4f864a2dca018fbf72f4c1a19734bb2aa9011f96 Mon Sep 17 00:00:00 2001
From: Wliu <50Wliu@users.noreply.github.com>
Date: Wed, 20 Sep 2017 22:27:24 +0200
Subject: [PATCH 2/2] Fix test to actually pass when it should

---
 spec/grammar-spec.coffee | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/spec/grammar-spec.coffee b/spec/grammar-spec.coffee
index f5346b3..9ac3189 100644
--- a/spec/grammar-spec.coffee
+++ b/spec/grammar-spec.coffee
@@ -979,7 +979,7 @@ describe "Grammar tokenization", ->
             'punctuation.definition.tag.end.html'
           ]
 
-          expect(tokens[10]).toEqual value: "<", scopes: [
+          expect(tokens[10]).toEqual value: "</", scopes: [
             'text.html.basic.css'
             'meta.tag.inline.any.html'
             'punctuation.definition.tag.begin.html'