{
  "fileTypes": [
    "js",
    "jsx",
    "ts",
    "tsx",
    "html",
    "vue",
    "svelte",
    "php",
    "res"
  ],
  "injectTo": [
    "source.ts",
    "source.js"
  ],
  "injectionSelector": "L:source.js -comment -string, L:source.js -comment -string, L:source.jsx -comment -string,  L:source.js.jsx -comment -string, L:source.ts -comment -string, L:source.tsx -comment -string, L:source.rescript -comment -string, L:source.vue -comment -string, L:source.svelte -comment -string, L:source.php -comment -string, L:source.rescript -comment -string",
  "injections": {
    "L:source": {
      "patterns": [
        {
          "match": "<",
          "name": "invalid.illegal.bad-angle-bracket.html"
        }
      ]
    }
  },
  "name": "es-tag-css",
  "patterns": [
    {
      "begin": "(?i)(\\s?/\\*\\s?((?:|inline-)css)\\s?\\*/\\s?)(`)",
      "beginCaptures": {
        "1": {
          "name": "comment.block"
        }
      },
      "end": "(`)",
      "patterns": [
        {
          "include": "source.ts#template-substitution-element"
        },
        {
          "include": "source.css"
        },
        {
          "include": "inline.es6-htmlx#template"
        }
      ]
    },
    {
      "begin": "(?i)(\\s*((?:|inline-)css))(`)",
      "beginCaptures": {
        "1": {
          "name": "comment.block"
        }
      },
      "end": "(`)",
      "patterns": [
        {
          "include": "source.ts#template-substitution-element"
        },
        {
          "include": "source.css"
        },
        {
          "include": "inline.es6-htmlx#template"
        },
        {
          "include": "string.quoted.other.template.js"
        }
      ]
    },
    {
      "begin": "(?i)(?<=[(,:=\\s]|\\$\\()\\s*(((/\\*)|(//))\\s?((?:|inline-)css) {0,1000}\\*?/?) {0,1000}$",
      "beginCaptures": {
        "1": {
          "name": "comment.line"
        }
      },
      "end": "(`).*",
      "patterns": [
        {
          "begin": "\\G()",
          "end": "(`)"
        },
        {
          "include": "source.ts#template-substitution-element"
        },
        {
          "include": "source.css"
        }
      ]
    },
    {
      "begin": "(\\$\\{)",
      "beginCaptures": {
        "1": {
          "name": "entity.name.tag"
        }
      },
      "end": "(})",
      "endCaptures": {
        "1": {
          "name": "entity.name.tag"
        }
      },
      "patterns": [
        {
          "include": "source.ts#template-substitution-element"
        },
        {
          "include": "source.js"
        }
      ]
    }
  ],
  "scopeName": "inline.es6-css"
}