@blitz/textmate/grammars/angular/syntaxes/inline-styles.json

TextMate Grammars for StackBlitz

{
	"scopeName": "inline-styles.ng",
	"injectionSelector": "L:source.ts#meta.decorator.ts -comment",
	"patterns": [
		{
			"include": "#inlineStyles"
		}
	],
	"repository": {
		"inlineStyles": {
			"begin": "(styles)\\s*(:)",
			"beginCaptures": {
				"1": {
					"name": "meta.object-literal.key.ts"
				},
				"2": {
					"name": "meta.object-literal.key.ts punctuation.separator.key-value.ts"
				}
			},
			"end": "(?=,|})",
			"patterns": [
				{
					"include": "#tsParenExpression"
				},
				{
					"include": "#tsBracketExpression"
				},
				{
					"include": "#style"
				}
			]
		},
		"tsParenExpression": {
			"begin": "\\G\\s*(\\()",
			"beginCaptures": {
				"1": {
					"name": "meta.brace.round.ts"
				}
			},
			"end": "\\)",
			"endCaptures": {
				"0": {
					"name": "meta.brace.round.ts"
				}
			},
			"patterns": [
				{
					"include": "$self"
				},
				{
					"include": "#tsBracketExpression"
				},
				{
					"include": "#style"
				}
			]
		},
		"tsBracketExpression": {
			"begin": "\\G\\s*(\\[)",
			"beginCaptures": {
				"1": {
					"name": "meta.array.literal.ts meta.brace.square.ts"
				}
			},
			"end": "\\]",
			"endCaptures": {
				"0": {
					"name": "meta.array.literal.ts meta.brace.square.ts"
				}
			},
			"patterns": [
				{
					"include": "#style"
				}
			]
		},
		"style": {
			"begin": "\\s*([`|'|\"])",
			"beginCaptures": {
				"1": {
					"name": "string"
				}
			},
			"end": "\\1",
			"endCaptures": {
				"0": {
					"name": "string"
				}
			},
			"contentName": "source.css.scss",
			"patterns": [
				{
					"include": "source.css.scss"
				}
			]
		}
	}
}