@wooorm/starry-night
Version:
Syntax highlighting, like GitHub
569 lines (566 loc) • 29.5 kB
JavaScript
// This is a TextMate grammar distributed by `starry-night`.
// This grammar is licensed `mit`.
// See <https://github.com/wooorm/starry-night> for more info.
/**
* @import {Grammar} from '@wooorm/starry-night'
*/
/** @type {Grammar} */
const grammar = {
extensions: ['.styl'],
names: ['stylus'],
patterns: [
{include: '#comments'},
{
begin:
'^\\s*(@(?:import|charset|css|font-face|(?:-webkit-)?keyframes)(?:\\s+([\\w-]+))?)\\b',
beginCaptures: {
1: {name: 'keyword.control.at-rule.other.stylus'},
2: {name: 'variable.other.animation-name.stylus'}
},
end: '$|;|(?=\\{)',
patterns: [{include: '#string-quoted'}]
},
{
begin: '^\\s*(@media)\\s*',
beginCaptures: {1: {name: 'keyword.control.at-rule.media.stylus'}},
end: '$|(?=\\{)',
patterns: [{include: '#media-query'}]
},
{
begin:
'(?x)\n(?<=^|;|})\n\\s*\n(?=\n [\\[\\]\'".\\w$-]+\n \\s*\n ([?:]?=)\n (?![^\\[]*\\])\n)\n',
end: '$|;',
patterns: [{include: '#expression'}]
},
{include: '#iteration'},
{include: '#conditionals'},
{include: '#return'},
{
begin:
'(?x) # multi-line regex definition mode\n\n^(\\s*) # starts at the beginning of line\n([\\w$-]+) # identifier (name)\n(\\() # start of argument list\n(?=\n .*?\n \\)\\s*\\{ # we see a curly brace afterwards\n) # which means this is a function definition\n',
beginCaptures: {
2: {name: 'entity.name.function.stylus'},
3: {name: 'punctuation.definition.parameters.start.stylus'}
},
end: '(\\))',
endCaptures: {1: {name: 'punctuation.definition.parameters.end.stylus'}},
name: 'meta.function-call.stylus',
patterns: [{include: '#expression'}]
},
{
begin:
'(?x) # multi-line regex definition mode\n(\n\n (^|;) # starts at the beginning of line or at a ;\n \\s*\n (\\+?\\s* # for block mixins\n [\\w$-]+) # identifier (name)\n (\\() # start of argument list\n (?=\n .*?\n \\)\\s*;?\\s* # if there are only spaces and semicolons\n $|; # then this a\n )\n)\n',
beginCaptures: {
3: {name: 'entity.other.attribute-name.mixin.stylus'},
4: {name: 'punctuation.definition.parameters.start.stylus'}
},
end: '(\\))',
endCaptures: {1: {name: 'punctuation.definition.parameters.end.stylus'}},
name: 'meta.function-call.stylus',
patterns: [{include: '#expression'}]
},
{
begin:
"(?x) # multi-line regex definition mode\n(^|(?<=\\*/|\\}))\\s*\n(?=\n font(?!\n \\s*:\\s\n |\n -\n |\n .*?\n (?:\n \\/|normal|bold|light(er?)|serif|sans|monospace|\n \\b\\d+(?:\\b|px|r?em|%)|\n var\\s*\\(|\n ['\"][^\\]]*$\n )\n ) | # we need to distinguish between tag and property `cursor`\n cursor(?!\n \\s*[:;]\\s\n |\n -\n |\n .*?\n (?:\n (?:url\\s*\\()|\n (?:-moz-|-webkit-|-ms-)?\n (?:auto|default|none|context-menu|help|pointer|progress|\n wait|cell|crosshair|text|vertical-text|alias|copy|\n move|no-drop|not-allowed|e-resize|n-resize|ne-resize|\n nw-resize|s-resize|se-resize|sw-resize|w-resize|\n ew-resize|ns-resize|nesw-resize|nwse-resize|col-resize|\n row-resize|all-scroll|zoom-in|zoom-out|grab|grabbing\n normal|bold|light(er?)|serif|sans|monospace)\n )\n ) | (\n (\n altGlyph|altGlyphDef|altGlyphItem|animate|animateColor|\n animateMotion|animateTransform|circle|clipPath|color-profile|\n defs|desc|ellipse|feBlend|feColorMatrix|\n feComponentTransfer|feComposite|feConvolveMatrix|\n feDiffuseLighting|feDisplacementMap|feDistantLight|feFlood|\n feFuncA|feFuncB|feFuncG|feFuncR|feGaussianBlur|feImage|feMerge|\n feMergeNode|feMorphology|feOffset|fePointLight|\n feSpecularLighting|feSpotLight|feTile|feTurbulence|filter|\n font-face|font-face-format|font-face-name|font-face-src|\n font-face-uri|foreignObject|g|glyph|glyphRef|hkern|image|line|\n linearGradient|marker|mask|metadata|missing-glyph|mpath|path|\n pattern|polygon|polyline|radialGradient|rect|set|stop|svg|\n switch|symbol|text|textPath|tref|tspan|use|view|vkern|\n a|abbr|acronym|address|applet|area|article|aside|audio|b|base|\n basefont|bdi|bdo|bgsound|big|blink|blockquote|body|br|button|\n canvas|caption|center|cite|code|col|colgroup|data|\n datalist|dd|decorator|del|details|dfn|dir|div|dl|dt|element|\n em|embed|fieldset|figcaption|figure|footer|form|frame|\n frameset|h1|h2|h3|h4|h5|h6|head|header|hgroup|hr|html|i|iframe|\n img|input|ins|isindex|kbd|keygen|label|legend|li|link|listing|\n main|map|mark|marquee|menu|menuitem|meta|meter|nav|nobr|\n noframes|noscript|object|ol|optgroup|option|output|p|param|\n plaintext|pre|progress|q|rp|rt|ruby|s|samp|script|section|\n select|shadow|small|source|spacer|span|strike|strong|style|\n sub|summary|sup|table|tbody|td|template|textarea|tfoot|th|\n thead|time|title|tr|track|tt|u|ul|var|video|wbr|xmp)\n\n \\s*([\\s,.#\\[]|:[^\\s]|(?=\\{|$))\n\n ) | (\n [:~>\\[*\\/] # symbols but they are valid for selector\n\n ) | (\n\n \\+\\s*[\\w$-]+\\b\\s* # are an identifier starting with $\n (?!\\() # and they can't have anything besides\n\n ) | ( # for animtions\n\n \\d+(\\.\\d+)?%|(from|to)\\b\n\n ) | ( # Placeholder selectors\n\n \\$[\\w$-]+\\b\\s* # are an identifier starting with $\n (?=$|\\{) # and they can't have anything besides\n\n ) | ( # CSS class\n\n \\.[a-zA-Z0-9_-]+\n\n ) | ( # CSS id\n\n \\#[a-zA-Z0-9_-]+\n\n ) | ( # Reference to parent\n\n ([\\w\\d_-]+)? # matching any word right before &\n (&) # & itself, escaped because of plist\n ([\\w\\d_-]+)? # matching any word right after &\n )\n)\n",
end: '\n|$|(?=\\{\\s*\\}.*$)|(?=\\{.*?[:;])|(?=\\{)(?!.+\\}.*$)',
name: 'meta.selector.stylus',
patterns: [
{include: '#comma'},
{
match: '\\d+(\\.\\d+)?%|from|to',
name: 'entity.other.animation-keyframe.stylus'
},
{include: '#selector-components'},
{match: '.', name: 'entity.other.attribute-name.stylus'}
]
},
{
begin:
"(?x) # multi-line regex definition mode\n(?<=^|;|{)\\s* # starts after begining of line, '{' or ';''\n(?= # lookahead for\n (\n [a-zA-Z0-9_-] # then a letter\n | # or\n (\\{(.*?)\\}) # interpolation\n | # or\n (/\\*.*?\\*/) # comment\n )+\n\n \\s*[:\\s]\\s* # value is separted by colon or space\n\n (?!(\\s*\\{)) # if there are only spaces afterwards\n\n (?!\n [^}]*? # checking for an unclosed curly braces on this\n \\{ # line because if one exists it means that\n [^}]* # this is a selector and not a property\n ($|\\})\n )\n)\n",
end: '(?=\\}|;)|(?<!,)\\s*\\n',
patterns: [
{include: '#comments'},
{include: '#interpolation'},
{
begin: '(?<!^|;|{)\\s*(?:(:)|\\s)',
beginCaptures: {1: {name: 'punctuation.separator.key-value.stylus'}},
end: '(;)|(?=\\})|(?=(?<!\\,)\\s*\\n)',
endCaptures: {1: {name: 'punctuation.terminator.rule.stylus'}},
patterns: [{include: '#comments'}, {include: '#expression'}]
},
{
match: '-(moz|o|ms|webkit|khtml)-',
name: 'support.type.vendor-prefix.stylus'
},
{
match: '.',
name: 'meta.property-name.stylus support.type.property-name.stylus'
}
]
},
{
begin: '@extends?\\s',
beginCaptures: {0: {name: 'keyword.language.stylus'}},
end: '(?=$|;)',
patterns: [{include: '#selector-components'}]
},
{include: '#string-quoted'},
{include: '#escape'},
{include: '#language-constants'},
{include: '#language-operators'},
{include: '#language-keywords'},
{include: '#property-reference'},
{include: '#function-call'},
{match: '\\{', name: 'punctuation.section.start.stylus'},
{match: '\\}', name: 'punctuation.section.end.stylus'}
],
repository: {
'attribute-selector': {
begin: '\\[(?=[^\\]]*\\])',
beginCaptures: {0: {name: 'punctuation.definition.entity.start.stylus'}},
end: '\\]',
endCaptures: {0: {name: 'punctuation.definition.entity.end.stylus'}},
name: 'meta.attribute-selector.stylus',
patterns: [
{
begin: '(?<=\\[)|(?<=\\{)',
end: '(?=[|~=\\]\\s])',
patterns: [
{include: '#interpolation'},
{
captures: {0: {name: 'entity.other.attribute-name.stylus'}},
match: '.'
}
]
},
{include: '#interpolation'},
{captures: {1: {name: 'keyword.operator.stylus'}}, match: '([|~]?=)'},
{include: '#string-quoted'},
{captures: {0: {name: 'string.unquoted.stylus'}}, match: '.'}
]
},
'color-values': {
patterns: [
{
match:
'\\b(aqua|black|blue|fuchsia|gray|green|lime|maroon|navy|olive|orange|purple|red|silver|teal|white|yellow)\\b',
name: 'constant.color.w3c-standard-color-name.stylus'
},
{
begin: '(hsla?|rgba?)\\s*(\\()',
beginCaptures: {
1: {name: 'keyword.language.function.misc.stylus'},
2: {name: 'punctuation.definition.parameters.start.stylus'}
},
end: '\\)',
endCaptures: {
0: {name: 'punctuation.definition.parameters.end.stylus'}
},
patterns: [
{
captures: {
1: {
name: 'constant.other.color.rgb-value.stylus constant.other.color.rgb-value.red.stylus'
},
2: {name: 'punctuation.delimiter.comma.stylus'},
3: {
name: 'constant.other.color.rgb-value.stylus constant.other.color.rgb-value.green.stylus'
},
4: {name: 'punctuation.delimiter.comma.stylus'},
5: {
name: 'constant.other.color.rgb-value.stylus constant.other.color.rgb-value.blue.stylus'
}
},
match:
'(?x) # multi-line regex definition mode\n\\b\n(?:0*((?:1?[0-9]{1,2})|(?:2(?:[0-4][0-9]|5[0-5])))\\s*(,)\\s*)\n(?:0*((?:1?[0-9]{1,2})|(?:2(?:[0-4][0-9]|5[0-5])))\\s*(,)\\s*)\n(?:0*((?:1?[0-9]{1,2})|(?:2(?:[0-4][0-9]|5[0-5])))\\b)\n'
},
{
captures: {
1: {
name: 'constant.other.color.rgb-value.stylus constant.other.color.rgb-value.red.stylus'
},
2: {name: 'punctuation.delimiter.comma.stylus'},
3: {
name: 'constant.other.color.rgb-value.stylus constant.other.color.rgb-value.green.stylus'
},
4: {name: 'punctuation.delimiter.comma.stylus'},
5: {
name: 'constant.other.color.rgb-value.stylus constant.other.color.rgb-value.blue.stylus'
}
},
match:
'(?x) # multi-line regex definition mode\n\\b\n((?:[0-9]{1,2}|100)%)(,) # red\n\\s*\n((?:[0-9]{1,2}|100)%)(,) # green\n\\s*\n((?:[0-9]{1,2}|100)%) # blue\n'
},
{
captures: {
1: {name: 'punctuation.delimiter.comma.stylus'},
2: {
name: 'constant.other.color.rgb-value.stylus constant.other.color.rgb-value.alpha.stylus'
}
},
match:
'(?x) # multi-line regex definition mode\n(?:\\s*(,)\\s*((0?\\.[0-9]+)|[0-1]))?\n'
},
{include: '#numeric-values'}
]
},
{include: '#numeric-values'}
]
},
comma: {match: '\\s*,\\s*', name: 'punctuation.delimiter.comma.stylus'},
comments: {
patterns: [
{include: '#single-line-comment'},
{
begin: '\\/\\*',
captures: {0: {name: 'punctuation.definition.comment.stylus'}},
end: '\\*\\/',
name: 'comment.block.stylus'
}
]
},
conditionals: {
begin: '(^\\s*|\\s+)(if|unless|else)(?=[\\s({]|$)\\s*',
beginCaptures: {2: {name: 'keyword.control.stylus'}},
end: '(?=$|\\{)',
patterns: [{include: '#expression'}]
},
escape: {match: '\\\\.', name: 'constant.character.escape.stylus'},
expression: {
patterns: [
{include: '#single-line-comment'},
{include: '#comma'},
{include: '#iteration'},
{include: '#conditionals'},
{include: '#language-operators'},
{include: '#language-keywords'},
{include: '#hash-definition'},
{include: '#color-values'},
{include: '#url'},
{include: '#function-call'},
{include: '#string-quoted'},
{include: '#escape'},
{include: '#hash-access'},
{include: '#language-constants'},
{include: '#language-property-value-constants'},
{include: '#property-reference'},
{include: '#variable'}
]
},
'function-call': {
begin: '([\\w$-]+)(\\()',
beginCaptures: {
1: {name: 'entity.function-name.stylus'},
2: {name: 'punctuation.definition.parameters.start.stylus'}
},
end: '(\\))',
endCaptures: {1: {name: 'punctuation.definition.parameters.end.stylus'}},
name: 'meta.function-call.stylus',
patterns: [{include: '#expression'}]
},
'hash-access': {
begin: '(?=[\\w$-]+(?:\\.|\\[[^\\]=]*\\]))',
end: '(?=[^\'\'""\\[\\]\\w.$-]|\\s|$)',
name: 'meta.hash-access.stylus',
patterns: [
{match: '\\.', name: 'punctuation.delimiter.hash.stylus'},
{match: '\\[', name: 'punctuation.definition.entity.start.stylus'},
{match: '\\]', name: 'punctuation.definition.entity.end.stylus'},
{include: '#string-quoted'},
{include: '#variable'}
]
},
'hash-definition': {
begin: '\\{',
beginCaptures: {0: {name: 'punctuation.section.embedded.start.stylus'}},
end: '\\}',
endCaptures: {0: {name: 'punctuation.section.embedded.end.stylus'}},
name: 'meta.hash.stylus',
patterns: [
{include: '#single-line-comment'},
{
begin:
'(?x)\n(?:\n ([\\w$-]+)\n |\n (\'[^\']*\')\n |\n ("[^"]*")\n)\n\\s*\n(:)\n\\s*\n',
beginCaptures: {
1: {name: 'support.type.property-name.stylus'},
2: {name: 'string.quoted.single.stylus'},
3: {name: 'string.quoted.double.stylus'},
4: {name: 'punctuation.separator.key-value.stylus'}
},
end: '(;)|(?=\\}|$)',
endCaptures: {1: {name: 'punctuation.terminator.statement.stylus'}},
patterns: [{include: '#expression'}]
}
]
},
interpolation: {
begin: '\\{',
beginCaptures: {0: {name: 'punctuation.section.embedded.start.stylus'}},
end: '\\}',
endCaptures: {0: {name: 'punctuation.section.embedded.end.stylus'}},
name: 'stylus.embedded.source',
patterns: [{include: '#expression'}]
},
iteration: {
begin: '(^\\s*|\\s+)(for)\\s+(?=.*?\\s+in\\s+)',
beginCaptures: {2: {name: 'keyword.control.stylus'}},
end: '$|\\{',
patterns: [{include: '#expression'}]
},
'language-constants': {
match: '\\b(true|false|null)\\b',
name: 'constant.language.stylus'
},
'language-keywords': {
patterns: [
{match: '(\\b|\\s)(return|else)\\b', name: 'keyword.control.stylus'},
{
match: '(\\b|\\s)(!important|in|is defined|is a)\\b',
name: 'keyword.other.stylus'
},
{match: '\\barguments\\b', name: 'variable.language.stylus'}
]
},
'language-operators': {
match:
'((?:\\?|:|!|~|\\+|-|(?:\\*)?\\*|\\/|%|(\\.)?\\.\\.|<|>|(?:=|:|\\?|\\+|-|\\*|\\/|%|<|>)?=|!=)|\\b(?:in|is(?:nt)?|(?<!:)not)\\b)',
name: 'keyword.operator.stylus'
},
'language-property-value-constants': {
match:
'\\b(absolute|all(-scroll)?|always|armenian|auto|avoid|baseline|below|bidi-override|block|bold(er)?|(border|content|padding)-box|both|bottom|break-all|break-word|capitalize|center|char|circle|cjk-ideographic|col-resize|collapse|crosshair|cursive|dashed|decimal-leading-zero|decimal|default|disabled|disc|distribute-all-lines|distribute-letter|distribute-space|distribute|dotted|double|e-resize|ellipsis|fantasy|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|monospace|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|(sans-)?serif|s-resize|scroll|se-resize|separate|small-caps|solid|square|static|strict|sub|super|sw-resize|table(-(row|cell|footer-group|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(er)?|large(r)?))|painted|fill|stroke)\\b',
name: 'constant.property-value.stylus'
},
'media-query': {
patterns: [
{
begin: '\\s*(?![{;]|$)',
end: '\\s*(?=[{;]|$)',
name: 'meta.at-rule.media.stylus',
patterns: [
{
begin:
'(?i)\\s*(only|not)?\\s*(all|aural|braille|embossed|handheld|print|projection|screen|tty|tv)?(?![\\w\\d$-]+)',
beginCaptures: {
1: {name: 'keyword.operator.logic.media.stylus'},
2: {name: 'support.constant.media.stylus'}
},
end: '\\s*(?:(,)|(?=[{;]|$))',
patterns: [{include: '#media-query-list'}]
},
{include: '#variable'}
]
}
]
},
'media-query-list': {
begin: '\\s*(and)?\\s*(\\()\\s*',
beginCaptures: {
1: {name: 'keyword.operator.logic.media.stylus'},
2: {name: 'punctuation.definition.parameters.start.stylus'}
},
end: '\\)',
endCaptures: {0: {name: 'punctuation.definition.parameters.end.stylus'}},
patterns: [
{include: '#media-query-properties'},
{include: '#numeric-values'}
]
},
'media-query-properties': {
patterns: [
{
captures: {0: {name: 'punctuation.separator.key-value.stylus'}},
match: '\\s*:\\s*'
},
{
captures: {0: {name: 'support.type.property-name.media.stylus'}},
match:
'(?x)\n(\n ((min|max)-)?\n (\n ((device-)?(height|width|aspect-ratio))|\n (color(-index)?)|monochrome|resolution\n )\n)|grid|scan|orientation\n'
},
{
captures: {1: {name: 'support.constant.property-value.stylus'}},
match: '\\b(portrait|landscape|progressive|interlace)\\b'
}
]
},
'numeric-values': {
patterns: [
{
captures: {
1: {name: 'punctuation.definition.constant.stylus'},
2: {name: 'constant.other.color.rgb-value.red.stylus'},
3: {name: 'constant.other.color.rgb-value.green.stylus'},
4: {name: 'constant.other.color.rgb-value.blue.stylus'},
5: {name: 'constant.other.color.rgb-value.alpha.stylus'},
6: {name: 'constant.other.color.rgb-value.red.stylus'},
7: {name: 'constant.other.color.rgb-value.green.stylus'},
8: {name: 'constant.other.color.rgb-value.blue.stylus'},
9: {name: 'constant.other.color.rgb-value.alpha.stylus'}
},
match:
'(?x) # multi-line regex definition mode\n(\\#)(?:\n ([0-9a-fA-F])\n ([0-9a-fA-F])\n ([0-9a-fA-F])\n ([0-9a-fA-F])?\n| ([0-9a-fA-F]{2})\n ([0-9a-fA-F]{2})\n ([0-9a-fA-F]{2})\n ([0-9a-fA-F]{2})?\n)\\b\n',
name: 'constant.other.color.rgb-value.stylus'
},
{
captures: {1: {name: 'keyword.other.unit.stylus'}},
match:
'(?x) # multi-line regex definition mode\n(?:-|\\+)? # negative / positive\n(?:\n (?:\n [0-9]+ # integer part\n (?:\\.[0-9]+)? # fraction\n ) |\n (?:\\.[0-9]+) # fraction without leading zero\n)\n((?: # units\n px|pt|ch|cm|mm|in|\n r?em|ex|pc|vw|vh|vmin|vmax|deg|\n g?rad|turn|dpi|dpcm|dppx|m?s|k?Hz\n)\\b|%)?\n',
name: 'constant.numeric.stylus'
}
]
},
'property-reference': {
match: '@[a-z-]+',
name: 'variable.other.property.stylus'
},
pseudo: {
patterns: [
{
captures: {1: {name: 'puncutation.definition.entity.stylus'}},
match:
'(:)(active|checked|default|disabled|empty|enabled|first-child|first-of-type|first|fullscreen|focus|hover|indeterminate|in-range|invalid|last-child|last-of-type|left|link|only-child|only-of-type|optional|out-of-range|read-only|read-write|required|right|root|scope|target|valid|visited)\\b',
name: 'entity.other.attribute-name.pseudo-class.stylus'
},
{
captures: {1: {name: 'puncutation.definition.entity.stylus'}},
match: '(:?:)(before|after)\\b',
name: 'entity.other.attribute-name.pseudo-element.stylus'
},
{
captures: {1: {name: 'puncutation.definition.entity.stylus'}},
match: '(::)(first-letter|first-number|selection)\\b',
name: 'entity.other.attribute-name.pseudo-element.stylus'
},
{
captures: {
1: {name: 'entity.other.attribute-name.pseudo-element.stylus'},
2: {name: 'puncutation.definition.entity.stylus'},
3: {name: 'puncutation.definition.parameters.start.stylus'},
4: {name: 'constant.language.stylus'},
5: {name: 'puncutation.definition.parameters.end.stylus'}
},
match: '((:)dir)\\s*(?:(\\()(ltr|rtl)?(\\)))?'
},
{
captures: {
1: {name: 'entity.other.attribute-name.pseudo-element.stylus'},
2: {name: 'puncutation.definition.entity.stylus'},
3: {name: 'puncutation.definition.parameters.start.stylus'},
4: {name: 'constant.language.stylus'},
5: {name: 'puncutation.definition.parameters.end.stylus'}
},
match: '((:)lang)\\s*(?:(\\()(\\w+(-\\w+)?)?(\\)))?'
},
{include: '#pseudo-nth'},
{include: '#pseudo-not'}
]
},
'pseudo-not': {
begin: '((:)not)\\s*(\\()',
beginCaptures: {
1: {name: 'entity.other.attribute-name.pseudo-element.stylus'},
2: {name: 'puncutation.definition.entity.stylus'},
3: {name: 'puncutation.definition.parameters.start.stylus'}
},
end: '\\)',
endCaptures: {0: {name: 'puncutation.definition.parameters.end.stylus'}},
patterns: [{include: '#selector-components'}]
},
'pseudo-nth': {
begin:
'((:)(?:nth-child|nth-last-child|nth-of-type|nth-last-of-type|nth-match|nth-last-match|nth-column|nth-last-column))\\s*(\\()',
beginCaptures: {
1: {name: 'entity.other.attribute-name.pseudo-class.stylus'},
2: {name: 'puncutation.definition.entity.stylus'},
3: {name: 'puncutation.definition.parameters.start.stylus'}
},
end: '\\)',
endCaptures: {0: {name: 'puncutation.definition.parameters.end.stylus'}},
patterns: [
{include: '#language-operators'},
{include: '#interpolation'},
{match: '\\b(odd|even)\\b', name: 'constant.language.stylus'},
{
captures: {1: {name: 'constant.numeric.stylus'}},
match: '\\b(\\d+)?n\\b',
name: 'variable.language.stylus'
},
{match: '\\d+', name: 'constant.numeric.stylus'}
]
},
return: {
begin: '^\\s*(return)',
beginCaptures: {1: {name: 'keyword.control.stylus'}},
end: '(;)|(?=$)',
endCaptures: {1: {name: 'punctuation.terminator.statement.stylus'}},
patterns: [{include: '#expression'}]
},
'selector-components': {
patterns: [
{include: '#comments'},
{include: '#interpolation'},
{include: '#attribute-selector'},
{include: '#pseudo'},
{match: '\\$[\\w$-]+\\b', name: 'entity.other.placeholder.stylus'},
{match: '[:~>]', name: 'keyword.operator.selector.stylus'},
{
match:
'(?x) # multi-line regex definition mode\n\\b(\n altGlyph|altGlyphDef|altGlyphItem|animate|animateColor|\n animateMotion|animateTransform|circle|clipPath|color-profile|\n defs|desc|ellipse|feBlend|feColorMatrix|\n feComponentTransfer|feComposite|feConvolveMatrix|\n feDiffuseLighting|feDisplacementMap|feDistantLight|feFlood|\n feFuncA|feFuncB|feFuncG|feFuncR|feGaussianBlur|feImage|feMerge|\n feMergeNode|feMorphology|feOffset|fePointLight|\n feSpecularLighting|feSpotLight|feTile|feTurbulence|filter|\n font-face|font-face-format|font-face-name|font-face-src|\n font-face-uri|foreignObject|g|glyph|glyphRef|hkern|image|line|\n linearGradient|marker|mask|metadata|missing-glyph|mpath|path|\n pattern|polygon|polyline|radialGradient|rect|set|stop|svg|\n switch|symbol|text|textPath|tref|tspan|use|view|vkern|\n a|abbr|acronym|address|applet|area|article|aside|audio|b|base|\n basefont|bdi|bdo|bgsound|big|blink|blockquote|body|br|button|\n canvas|caption|center|cite|code|col|colgroup|content|data|\n datalist|dd|decorator|del|details|dfn|dir|div|dl|dt|element|\n em|embed|fieldset|figcaption|figure|font|footer|form|frame|\n frameset|h1|h2|h3|h4|h5|h6|head|header|hgroup|hr|html|i|iframe|\n img|input|ins|isindex|kbd|keygen|label|legend|li|link|listing|\n main|map|mark|marquee|menu|menuitem|meta|meter|nav|nobr|\n noframes|noscript|object|ol|optgroup|option|output|p|param|\n plaintext|pre|progress|q|rp|rt|ruby|s|samp|script|section|\n select|shadow|small|source|spacer|span|strike|strong|style|\n sub|summary|sup|table|tbody|td|template|textarea|tfoot|th|\n thead|time|title|tr|track|tt|u|ul|var|video|wbr|xmp\n)\\b\n',
name: 'entity.name.tag.stylus'
},
{
match: '\\.[a-zA-Z0-9_-]+',
name: 'entity.other.attribute-name.class.stylus'
},
{
match: '#[a-zA-Z0-9_-]+',
name: 'entity.other.attribute-name.id.stylus'
},
{
captures: {
1: {name: 'entity.other.attribute-name.stylus'},
2: {name: 'variable.language.stylus'},
3: {name: 'entity.other.attribute-name.stylus'}
},
match:
'(?x) # multi-line regex definition mode\n([\\w\\d_-]+)? # matching any word right before &\n(&) # & itself, escaped because of plist\n([\\w\\d_-]+)? # matching any word right after &\n'
}
]
},
'single-line-comment': {
patterns: [
{
captures: {1: {name: 'punctuation.definition.comment.stylus'}},
match: '(\\/\\/).*$',
name: 'comment.line.stylus'
}
]
},
'string-quoted': {
patterns: [
{match: "'[^']*'", name: 'string.quoted.single.stylus'},
{match: '"[^"]*"', name: 'string.quoted.double.stylus'}
]
},
url: {
begin: '(url)\\s*(\\()',
beginCaptures: {
1: {name: 'entity.function-name.stylus'},
2: {name: 'punctuation.definition.parameters.start.stylus'}
},
end: '(\\))',
endCaptures: {1: {name: 'punctuation.definition.parameters.end.stylus'}},
name: 'meta.function-call.stylus',
patterns: [
{include: '#string-quoted'},
{include: '#language-constants'},
{include: '#language-property-value-constants'},
{include: '#property-reference'},
{include: '#variable'}
]
},
variable: {match: '([\\w$-]+\\b)', name: 'variable.other.stylus'}
},
scopeName: 'source.stylus'
}
export default grammar