static/highlight/languages/stylus.js

   1 /*! `stylus` grammar compiled for Highlight.js 11.11.1 */
   2   (function(){
   3     var hljsGrammar = (function () {
   4   'use strict';
   5
   6   const MODES = (hljs) => {
   7     return {
   8       IMPORTANT: {
   9         scope: 'meta',
  10         begin: '!important'
  11       },
  12       BLOCK_COMMENT: hljs.C_BLOCK_COMMENT_MODE,
  13       HEXCOLOR: {
  14         scope: 'number',
  15         begin: /#(([0-9a-fA-F]{3,4})|(([0-9a-fA-F]{2}){3,4}))\b/
  16       },
  17       FUNCTION_DISPATCH: {
  18         className: "built_in",
  19         begin: /[\w-]+(?=\()/
  20       },
  21       ATTRIBUTE_SELECTOR_MODE: {
  22         scope: 'selector-attr',
  23         begin: /\[/,
  24         end: /\]/,
  25         illegal: '$',
  26         contains: [
  27           hljs.APOS_STRING_MODE,
  28           hljs.QUOTE_STRING_MODE
  29         ]
  30       },
  31       CSS_NUMBER_MODE: {
  32         scope: 'number',
  33         begin: hljs.NUMBER_RE + '(' +
  34           '%|em|ex|ch|rem' +
  35           '|vw|vh|vmin|vmax' +
  36           '|cm|mm|in|pt|pc|px' +
  37           '|deg|grad|rad|turn' +
  38           '|s|ms' +
  39           '|Hz|kHz' +
  40           '|dpi|dpcm|dppx' +
  41           ')?',
  42         relevance: 0
  43       },
  44       CSS_VARIABLE: {
  45         className: "attr",
  46         begin: /--[A-Za-z_][A-Za-z0-9_-]*/
  47       }
  48     };
  49   };
  50
  51   const HTML_TAGS = [
  52     'a',
  53     'abbr',
  54     'address',
  55     'article',
  56     'aside',
  57     'audio',
  58     'b',
  59     'blockquote',
  60     'body',
  61     'button',
  62     'canvas',
  63     'caption',
  64     'cite',
  65     'code',
  66     'dd',
  67     'del',
  68     'details',
  69     'dfn',
  70     'div',
  71     'dl',
  72     'dt',
  73     'em',
  74     'fieldset',
  75     'figcaption',
  76     'figure',
  77     'footer',
  78     'form',
  79     'h1',
  80     'h2',
  81     'h3',
  82     'h4',
  83     'h5',
  84     'h6',
  85     'header',
  86     'hgroup',
  87     'html',
  88     'i',
  89     'iframe',
  90     'img',
  91     'input',
  92     'ins',
  93     'kbd',
  94     'label',
  95     'legend',
  96     'li',
  97     'main',
  98     'mark',
  99     'menu',
 100     'nav',
 101     'object',
 102     'ol',
 103     'optgroup',
 104     'option',
 105     'p',
 106     'picture',
 107     'q',
 108     'quote',
 109     'samp',
 110     'section',
 111     'select',
 112     'source',
 113     'span',
 114     'strong',
 115     'summary',
 116     'sup',
 117     'table',
 118     'tbody',
 119     'td',
 120     'textarea',
 121     'tfoot',
 122     'th',
 123     'thead',
 124     'time',
 125     'tr',
 126     'ul',
 127     'var',
 128     'video'
 129   ];
 130
 131   const SVG_TAGS = [
 132     'defs',
 133     'g',
 134     'marker',
 135     'mask',
 136     'pattern',
 137     'svg',
 138     'switch',
 139     'symbol',
 140     'feBlend',
 141     'feColorMatrix',
 142     'feComponentTransfer',
 143     'feComposite',
 144     'feConvolveMatrix',
 145     'feDiffuseLighting',
 146     'feDisplacementMap',
 147     'feFlood',
 148     'feGaussianBlur',
 149     'feImage',
 150     'feMerge',
 151     'feMorphology',
 152     'feOffset',
 153     'feSpecularLighting',
 154     'feTile',
 155     'feTurbulence',
 156     'linearGradient',
 157     'radialGradient',
 158     'stop',
 159     'circle',
 160     'ellipse',
 161     'image',
 162     'line',
 163     'path',
 164     'polygon',
 165     'polyline',
 166     'rect',
 167     'text',
 168     'use',
 169     'textPath',
 170     'tspan',
 171     'foreignObject',
 172     'clipPath'
 173   ];
 174
 175   const TAGS = [
 176     ...HTML_TAGS,
 177     ...SVG_TAGS,
 178   ];
 179
 180   // Sorting, then reversing makes sure longer attributes/elements like
 181   // `font-weight` are matched fully instead of getting false positives on say `font`
 182
 183   const MEDIA_FEATURES = [
 184     'any-hover',
 185     'any-pointer',
 186     'aspect-ratio',
 187     'color',
 188     'color-gamut',
 189     'color-index',
 190     'device-aspect-ratio',
 191     'device-height',
 192     'device-width',
 193     'display-mode',
 194     'forced-colors',
 195     'grid',
 196     'height',
 197     'hover',
 198     'inverted-colors',
 199     'monochrome',
 200     'orientation',
 201     'overflow-block',
 202     'overflow-inline',
 203     'pointer',
 204     'prefers-color-scheme',
 205     'prefers-contrast',
 206     'prefers-reduced-motion',
 207     'prefers-reduced-transparency',
 208     'resolution',
 209     'scan',
 210     'scripting',
 211     'update',
 212     'width',
 213     // TODO: find a better solution?
 214     'min-width',
 215     'max-width',
 216     'min-height',
 217     'max-height'
 218   ].sort().reverse();
 219
 220   // https://developer.mozilla.org/en-US/docs/Web/CSS/Pseudo-classes
 221   const PSEUDO_CLASSES = [
 222     'active',
 223     'any-link',
 224     'blank',
 225     'checked',
 226     'current',
 227     'default',
 228     'defined',
 229     'dir', // dir()
 230     'disabled',
 231     'drop',
 232     'empty',
 233     'enabled',
 234     'first',
 235     'first-child',
 236     'first-of-type',
 237     'fullscreen',
 238     'future',
 239     'focus',
 240     'focus-visible',
 241     'focus-within',
 242     'has', // has()
 243     'host', // host or host()
 244     'host-context', // host-context()
 245     'hover',
 246     'indeterminate',
 247     'in-range',
 248     'invalid',
 249     'is', // is()
 250     'lang', // lang()
 251     'last-child',
 252     'last-of-type',
 253     'left',
 254     'link',
 255     'local-link',
 256     'not', // not()
 257     'nth-child', // nth-child()
 258     'nth-col', // nth-col()
 259     'nth-last-child', // nth-last-child()
 260     'nth-last-col', // nth-last-col()
 261     'nth-last-of-type', //nth-last-of-type()
 262     'nth-of-type', //nth-of-type()
 263     'only-child',
 264     'only-of-type',
 265     'optional',
 266     'out-of-range',
 267     'past',
 268     'placeholder-shown',
 269     'read-only',
 270     'read-write',
 271     'required',
 272     'right',
 273     'root',
 274     'scope',
 275     'target',
 276     'target-within',
 277     'user-invalid',
 278     'valid',
 279     'visited',
 280     'where' // where()
 281   ].sort().reverse();
 282
 283   // https://developer.mozilla.org/en-US/docs/Web/CSS/Pseudo-elements
 284   const PSEUDO_ELEMENTS = [
 285     'after',
 286     'backdrop',
 287     'before',
 288     'cue',
 289     'cue-region',
 290     'first-letter',
 291     'first-line',
 292     'grammar-error',
 293     'marker',
 294     'part',
 295     'placeholder',
 296     'selection',
 297     'slotted',
 298     'spelling-error'
 299   ].sort().reverse();
 300
 301   const ATTRIBUTES = [
 302     'accent-color',
 303     'align-content',
 304     'align-items',
 305     'align-self',
 306     'alignment-baseline',
 307     'all',
 308     'anchor-name',
 309     'animation',
 310     'animation-composition',
 311     'animation-delay',
 312     'animation-direction',
 313     'animation-duration',
 314     'animation-fill-mode',
 315     'animation-iteration-count',
 316     'animation-name',
 317     'animation-play-state',
 318     'animation-range',
 319     'animation-range-end',
 320     'animation-range-start',
 321     'animation-timeline',
 322     'animation-timing-function',
 323     'appearance',
 324     'aspect-ratio',
 325     'backdrop-filter',
 326     'backface-visibility',
 327     'background',
 328     'background-attachment',
 329     'background-blend-mode',
 330     'background-clip',
 331     'background-color',
 332     'background-image',
 333     'background-origin',
 334     'background-position',
 335     'background-position-x',
 336     'background-position-y',
 337     'background-repeat',
 338     'background-size',
 339     'baseline-shift',
 340     'block-size',
 341     'border',
 342     'border-block',
 343     'border-block-color',
 344     'border-block-end',
 345     'border-block-end-color',
 346     'border-block-end-style',
 347     'border-block-end-width',
 348     'border-block-start',
 349     'border-block-start-color',
 350     'border-block-start-style',
 351     'border-block-start-width',
 352     'border-block-style',
 353     'border-block-width',
 354     'border-bottom',
 355     'border-bottom-color',
 356     'border-bottom-left-radius',
 357     'border-bottom-right-radius',
 358     'border-bottom-style',
 359     'border-bottom-width',
 360     'border-collapse',
 361     'border-color',
 362     'border-end-end-radius',
 363     'border-end-start-radius',
 364     'border-image',
 365     'border-image-outset',
 366     'border-image-repeat',
 367     'border-image-slice',
 368     'border-image-source',
 369     'border-image-width',
 370     'border-inline',
 371     'border-inline-color',
 372     'border-inline-end',
 373     'border-inline-end-color',
 374     'border-inline-end-style',
 375     'border-inline-end-width',
 376     'border-inline-start',
 377     'border-inline-start-color',
 378     'border-inline-start-style',
 379     'border-inline-start-width',
 380     'border-inline-style',
 381     'border-inline-width',
 382     'border-left',
 383     'border-left-color',
 384     'border-left-style',
 385     'border-left-width',
 386     'border-radius',
 387     'border-right',
 388     'border-right-color',
 389     'border-right-style',
 390     'border-right-width',
 391     'border-spacing',
 392     'border-start-end-radius',
 393     'border-start-start-radius',
 394     'border-style',
 395     'border-top',
 396     'border-top-color',
 397     'border-top-left-radius',
 398     'border-top-right-radius',
 399     'border-top-style',
 400     'border-top-width',
 401     'border-width',
 402     'bottom',
 403     'box-align',
 404     'box-decoration-break',
 405     'box-direction',
 406     'box-flex',
 407     'box-flex-group',
 408     'box-lines',
 409     'box-ordinal-group',
 410     'box-orient',
 411     'box-pack',
 412     'box-shadow',
 413     'box-sizing',
 414     'break-after',
 415     'break-before',
 416     'break-inside',
 417     'caption-side',
 418     'caret-color',
 419     'clear',
 420     'clip',
 421     'clip-path',
 422     'clip-rule',
 423     'color',
 424     'color-interpolation',
 425     'color-interpolation-filters',
 426     'color-profile',
 427     'color-rendering',
 428     'color-scheme',
 429     'column-count',
 430     'column-fill',
 431     'column-gap',
 432     'column-rule',
 433     'column-rule-color',
 434     'column-rule-style',
 435     'column-rule-width',
 436     'column-span',
 437     'column-width',
 438     'columns',
 439     'contain',
 440     'contain-intrinsic-block-size',
 441     'contain-intrinsic-height',
 442     'contain-intrinsic-inline-size',
 443     'contain-intrinsic-size',
 444     'contain-intrinsic-width',
 445     'container',
 446     'container-name',
 447     'container-type',
 448     'content',
 449     'content-visibility',
 450     'counter-increment',
 451     'counter-reset',
 452     'counter-set',
 453     'cue',
 454     'cue-after',
 455     'cue-before',
 456     'cursor',
 457     'cx',
 458     'cy',
 459     'direction',
 460     'display',
 461     'dominant-baseline',
 462     'empty-cells',
 463     'enable-background',
 464     'field-sizing',
 465     'fill',
 466     'fill-opacity',
 467     'fill-rule',
 468     'filter',
 469     'flex',
 470     'flex-basis',
 471     'flex-direction',
 472     'flex-flow',
 473     'flex-grow',
 474     'flex-shrink',
 475     'flex-wrap',
 476     'float',
 477     'flood-color',
 478     'flood-opacity',
 479     'flow',
 480     'font',
 481     'font-display',
 482     'font-family',
 483     'font-feature-settings',
 484     'font-kerning',
 485     'font-language-override',
 486     'font-optical-sizing',
 487     'font-palette',
 488     'font-size',
 489     'font-size-adjust',
 490     'font-smooth',
 491     'font-smoothing',
 492     'font-stretch',
 493     'font-style',
 494     'font-synthesis',
 495     'font-synthesis-position',
 496     'font-synthesis-small-caps',
 497     'font-synthesis-style',
 498     'font-synthesis-weight',
 499     'font-variant',
 500     'font-variant-alternates',
 501     'font-variant-caps',
 502     'font-variant-east-asian',
 503     'font-variant-emoji',
 504     'font-variant-ligatures',
 505     'font-variant-numeric',
 506     'font-variant-position',
 507     'font-variation-settings',
 508     'font-weight',
 509     'forced-color-adjust',
 510     'gap',
 511     'glyph-orientation-horizontal',
 512     'glyph-orientation-vertical',
 513     'grid',
 514     'grid-area',
 515     'grid-auto-columns',
 516     'grid-auto-flow',
 517     'grid-auto-rows',
 518     'grid-column',
 519     'grid-column-end',
 520     'grid-column-start',
 521     'grid-gap',
 522     'grid-row',
 523     'grid-row-end',
 524     'grid-row-start',
 525     'grid-template',
 526     'grid-template-areas',
 527     'grid-template-columns',
 528     'grid-template-rows',
 529     'hanging-punctuation',
 530     'height',
 531     'hyphenate-character',
 532     'hyphenate-limit-chars',
 533     'hyphens',
 534     'icon',
 535     'image-orientation',
 536     'image-rendering',
 537     'image-resolution',
 538     'ime-mode',
 539     'initial-letter',
 540     'initial-letter-align',
 541     'inline-size',
 542     'inset',
 543     'inset-area',
 544     'inset-block',
 545     'inset-block-end',
 546     'inset-block-start',
 547     'inset-inline',
 548     'inset-inline-end',
 549     'inset-inline-start',
 550     'isolation',
 551     'justify-content',
 552     'justify-items',
 553     'justify-self',
 554     'kerning',
 555     'left',
 556     'letter-spacing',
 557     'lighting-color',
 558     'line-break',
 559     'line-height',
 560     'line-height-step',
 561     'list-style',
 562     'list-style-image',
 563     'list-style-position',
 564     'list-style-type',
 565     'margin',
 566     'margin-block',
 567     'margin-block-end',
 568     'margin-block-start',
 569     'margin-bottom',
 570     'margin-inline',
 571     'margin-inline-end',
 572     'margin-inline-start',
 573     'margin-left',
 574     'margin-right',
 575     'margin-top',
 576     'margin-trim',
 577     'marker',
 578     'marker-end',
 579     'marker-mid',
 580     'marker-start',
 581     'marks',
 582     'mask',
 583     'mask-border',
 584     'mask-border-mode',
 585     'mask-border-outset',
 586     'mask-border-repeat',
 587     'mask-border-slice',
 588     'mask-border-source',
 589     'mask-border-width',
 590     'mask-clip',
 591     'mask-composite',
 592     'mask-image',
 593     'mask-mode',
 594     'mask-origin',
 595     'mask-position',
 596     'mask-repeat',
 597     'mask-size',
 598     'mask-type',
 599     'masonry-auto-flow',
 600     'math-depth',
 601     'math-shift',
 602     'math-style',
 603     'max-block-size',
 604     'max-height',
 605     'max-inline-size',
 606     'max-width',
 607     'min-block-size',
 608     'min-height',
 609     'min-inline-size',
 610     'min-width',
 611     'mix-blend-mode',
 612     'nav-down',
 613     'nav-index',
 614     'nav-left',
 615     'nav-right',
 616     'nav-up',
 617     'none',
 618     'normal',
 619     'object-fit',
 620     'object-position',
 621     'offset',
 622     'offset-anchor',
 623     'offset-distance',
 624     'offset-path',
 625     'offset-position',
 626     'offset-rotate',
 627     'opacity',
 628     'order',
 629     'orphans',
 630     'outline',
 631     'outline-color',
 632     'outline-offset',
 633     'outline-style',
 634     'outline-width',
 635     'overflow',
 636     'overflow-anchor',
 637     'overflow-block',
 638     'overflow-clip-margin',
 639     'overflow-inline',
 640     'overflow-wrap',
 641     'overflow-x',
 642     'overflow-y',
 643     'overlay',
 644     'overscroll-behavior',
 645     'overscroll-behavior-block',
 646     'overscroll-behavior-inline',
 647     'overscroll-behavior-x',
 648     'overscroll-behavior-y',
 649     'padding',
 650     'padding-block',
 651     'padding-block-end',
 652     'padding-block-start',
 653     'padding-bottom',
 654     'padding-inline',
 655     'padding-inline-end',
 656     'padding-inline-start',
 657     'padding-left',
 658     'padding-right',
 659     'padding-top',
 660     'page',
 661     'page-break-after',
 662     'page-break-before',
 663     'page-break-inside',
 664     'paint-order',
 665     'pause',
 666     'pause-after',
 667     'pause-before',
 668     'perspective',
 669     'perspective-origin',
 670     'place-content',
 671     'place-items',
 672     'place-self',
 673     'pointer-events',
 674     'position',
 675     'position-anchor',
 676     'position-visibility',
 677     'print-color-adjust',
 678     'quotes',
 679     'r',
 680     'resize',
 681     'rest',
 682     'rest-after',
 683     'rest-before',
 684     'right',
 685     'rotate',
 686     'row-gap',
 687     'ruby-align',
 688     'ruby-position',
 689     'scale',
 690     'scroll-behavior',
 691     'scroll-margin',
 692     'scroll-margin-block',
 693     'scroll-margin-block-end',
 694     'scroll-margin-block-start',
 695     'scroll-margin-bottom',
 696     'scroll-margin-inline',
 697     'scroll-margin-inline-end',
 698     'scroll-margin-inline-start',
 699     'scroll-margin-left',
 700     'scroll-margin-right',
 701     'scroll-margin-top',
 702     'scroll-padding',
 703     'scroll-padding-block',
 704     'scroll-padding-block-end',
 705     'scroll-padding-block-start',
 706     'scroll-padding-bottom',
 707     'scroll-padding-inline',
 708     'scroll-padding-inline-end',
 709     'scroll-padding-inline-start',
 710     'scroll-padding-left',
 711     'scroll-padding-right',
 712     'scroll-padding-top',
 713     'scroll-snap-align',
 714     'scroll-snap-stop',
 715     'scroll-snap-type',
 716     'scroll-timeline',
 717     'scroll-timeline-axis',
 718     'scroll-timeline-name',
 719     'scrollbar-color',
 720     'scrollbar-gutter',
 721     'scrollbar-width',
 722     'shape-image-threshold',
 723     'shape-margin',
 724     'shape-outside',
 725     'shape-rendering',
 726     'speak',
 727     'speak-as',
 728     'src', // @font-face
 729     'stop-color',
 730     'stop-opacity',
 731     'stroke',
 732     'stroke-dasharray',
 733     'stroke-dashoffset',
 734     'stroke-linecap',
 735     'stroke-linejoin',
 736     'stroke-miterlimit',
 737     'stroke-opacity',
 738     'stroke-width',
 739     'tab-size',
 740     'table-layout',
 741     'text-align',
 742     'text-align-all',
 743     'text-align-last',
 744     'text-anchor',
 745     'text-combine-upright',
 746     'text-decoration',
 747     'text-decoration-color',
 748     'text-decoration-line',
 749     'text-decoration-skip',
 750     'text-decoration-skip-ink',
 751     'text-decoration-style',
 752     'text-decoration-thickness',
 753     'text-emphasis',
 754     'text-emphasis-color',
 755     'text-emphasis-position',
 756     'text-emphasis-style',
 757     'text-indent',
 758     'text-justify',
 759     'text-orientation',
 760     'text-overflow',
 761     'text-rendering',
 762     'text-shadow',
 763     'text-size-adjust',
 764     'text-transform',
 765     'text-underline-offset',
 766     'text-underline-position',
 767     'text-wrap',
 768     'text-wrap-mode',
 769     'text-wrap-style',
 770     'timeline-scope',
 771     'top',
 772     'touch-action',
 773     'transform',
 774     'transform-box',
 775     'transform-origin',
 776     'transform-style',
 777     'transition',
 778     'transition-behavior',
 779     'transition-delay',
 780     'transition-duration',
 781     'transition-property',
 782     'transition-timing-function',
 783     'translate',
 784     'unicode-bidi',
 785     'user-modify',
 786     'user-select',
 787     'vector-effect',
 788     'vertical-align',
 789     'view-timeline',
 790     'view-timeline-axis',
 791     'view-timeline-inset',
 792     'view-timeline-name',
 793     'view-transition-name',
 794     'visibility',
 795     'voice-balance',
 796     'voice-duration',
 797     'voice-family',
 798     'voice-pitch',
 799     'voice-range',
 800     'voice-rate',
 801     'voice-stress',
 802     'voice-volume',
 803     'white-space',
 804     'white-space-collapse',
 805     'widows',
 806     'width',
 807     'will-change',
 808     'word-break',
 809     'word-spacing',
 810     'word-wrap',
 811     'writing-mode',
 812     'x',
 813     'y',
 814     'z-index',
 815     'zoom'
 816   ].sort().reverse();
 817
 818   /*
 819   Language: Stylus
 820   Author: Bryant Williams <b.n.williams@gmail.com>
 821   Description: Stylus is an expressive, robust, feature-rich CSS language built for nodejs.
 822   Website: https://github.com/stylus/stylus
 823   Category: css, web
 824   */
 825
 826
 827   /** @type LanguageFn */
 828   function stylus(hljs) {
 829     const modes = MODES(hljs);
 830
 831     const AT_MODIFIERS = "and or not only";
 832     const VARIABLE = {
 833       className: 'variable',
 834       begin: '\\$' + hljs.IDENT_RE
 835     };
 836
 837     const AT_KEYWORDS = [
 838       'charset',
 839       'css',
 840       'debug',
 841       'extend',
 842       'font-face',
 843       'for',
 844       'import',
 845       'include',
 846       'keyframes',
 847       'media',
 848       'mixin',
 849       'page',
 850       'warn',
 851       'while'
 852     ];
 853
 854     const LOOKAHEAD_TAG_END = '(?=[.\\s\\n[:,(])';
 855
 856     // illegals
 857     const ILLEGAL = [
 858       '\\?',
 859       '(\\bReturn\\b)', // monkey
 860       '(\\bEnd\\b)', // monkey
 861       '(\\bend\\b)', // vbscript
 862       '(\\bdef\\b)', // gradle
 863       ';', // a whole lot of languages
 864       '#\\s', // markdown
 865       '\\*\\s', // markdown
 866       '===\\s', // markdown
 867       '\\|',
 868       '%' // prolog
 869     ];
 870
 871     return {
 872       name: 'Stylus',
 873       aliases: [ 'styl' ],
 874       case_insensitive: false,
 875       keywords: 'if else for in',
 876       illegal: '(' + ILLEGAL.join('|') + ')',
 877       contains: [
 878
 879         // strings
 880         hljs.QUOTE_STRING_MODE,
 881         hljs.APOS_STRING_MODE,
 882
 883         // comments
 884         hljs.C_LINE_COMMENT_MODE,
 885         hljs.C_BLOCK_COMMENT_MODE,
 886
 887         // hex colors
 888         modes.HEXCOLOR,
 889
 890         // class tag
 891         {
 892           begin: '\\.[a-zA-Z][a-zA-Z0-9_-]*' + LOOKAHEAD_TAG_END,
 893           className: 'selector-class'
 894         },
 895
 896         // id tag
 897         {
 898           begin: '#[a-zA-Z][a-zA-Z0-9_-]*' + LOOKAHEAD_TAG_END,
 899           className: 'selector-id'
 900         },
 901
 902         // tags
 903         {
 904           begin: '\\b(' + TAGS.join('|') + ')' + LOOKAHEAD_TAG_END,
 905           className: 'selector-tag'
 906         },
 907
 908         // psuedo selectors
 909         {
 910           className: 'selector-pseudo',
 911           begin: '&?:(' + PSEUDO_CLASSES.join('|') + ')' + LOOKAHEAD_TAG_END
 912         },
 913         {
 914           className: 'selector-pseudo',
 915           begin: '&?:(:)?(' + PSEUDO_ELEMENTS.join('|') + ')' + LOOKAHEAD_TAG_END
 916         },
 917
 918         modes.ATTRIBUTE_SELECTOR_MODE,
 919
 920         {
 921           className: "keyword",
 922           begin: /@media/,
 923           starts: {
 924             end: /[{;}]/,
 925             keywords: {
 926               $pattern: /[a-z-]+/,
 927               keyword: AT_MODIFIERS,
 928               attribute: MEDIA_FEATURES.join(" ")
 929             },
 930             contains: [ modes.CSS_NUMBER_MODE ]
 931           }
 932         },
 933
 934         // @ keywords
 935         {
 936           className: 'keyword',
 937           begin: '\@((-(o|moz|ms|webkit)-)?(' + AT_KEYWORDS.join('|') + '))\\b'
 938         },
 939
 940         // variables
 941         VARIABLE,
 942
 943         // dimension
 944         modes.CSS_NUMBER_MODE,
 945
 946         // functions
 947         //  - only from beginning of line + whitespace
 948         {
 949           className: 'function',
 950           begin: '^[a-zA-Z][a-zA-Z0-9_\-]*\\(.*\\)',
 951           illegal: '[\\n]',
 952           returnBegin: true,
 953           contains: [
 954             {
 955               className: 'title',
 956               begin: '\\b[a-zA-Z][a-zA-Z0-9_\-]*'
 957             },
 958             {
 959               className: 'params',
 960               begin: /\(/,
 961               end: /\)/,
 962               contains: [
 963                 modes.HEXCOLOR,
 964                 VARIABLE,
 965                 hljs.APOS_STRING_MODE,
 966                 modes.CSS_NUMBER_MODE,
 967                 hljs.QUOTE_STRING_MODE
 968               ]
 969             }
 970           ]
 971         },
 972
 973         // css variables
 974         modes.CSS_VARIABLE,
 975
 976         // attributes
 977         //  - only from beginning of line + whitespace
 978         //  - must have whitespace after it
 979         {
 980           className: 'attribute',
 981           begin: '\\b(' + ATTRIBUTES.join('|') + ')\\b',
 982           starts: {
 983             // value container
 984             end: /;|$/,
 985             contains: [
 986               modes.HEXCOLOR,
 987               VARIABLE,
 988               hljs.APOS_STRING_MODE,
 989               hljs.QUOTE_STRING_MODE,
 990               modes.CSS_NUMBER_MODE,
 991               hljs.C_BLOCK_COMMENT_MODE,
 992               modes.IMPORTANT,
 993               modes.FUNCTION_DISPATCH
 994             ],
 995             illegal: /\./,
 996             relevance: 0
 997           }
 998         },
 999         modes.FUNCTION_DISPATCH
1000       ]
1001     };
1002   }
1003
1004   return stylus;
1005
1006 })();
1007
1008     hljs.registerLanguage('stylus', hljsGrammar);
1009   })();