static/highlight/languages/less.js

   1 /*! `less` 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   // some grammars use them all as a single group
 819   const PSEUDO_SELECTORS = PSEUDO_CLASSES.concat(PSEUDO_ELEMENTS).sort().reverse();
 820
 821   /*
 822   Language: Less
 823   Description: It's CSS, with just a little more.
 824   Author:   Max Mikhailov <seven.phases.max@gmail.com>
 825   Website: http://lesscss.org
 826   Category: common, css, web
 827   */
 828
 829
 830   /** @type LanguageFn */
 831   function less(hljs) {
 832     const modes = MODES(hljs);
 833     const PSEUDO_SELECTORS$1 = PSEUDO_SELECTORS;
 834
 835     const AT_MODIFIERS = "and or not only";
 836     const IDENT_RE = '[\\w-]+'; // yes, Less identifiers may begin with a digit
 837     const INTERP_IDENT_RE = '(' + IDENT_RE + '|@\\{' + IDENT_RE + '\\})';
 838
 839     /* Generic Modes */
 840
 841     const RULES = []; const VALUE_MODES = []; // forward def. for recursive modes
 842
 843     const STRING_MODE = function(c) {
 844       return {
 845       // Less strings are not multiline (also include '~' for more consistent coloring of "escaped" strings)
 846         className: 'string',
 847         begin: '~?' + c + '.*?' + c
 848       };
 849     };
 850
 851     const IDENT_MODE = function(name, begin, relevance) {
 852       return {
 853         className: name,
 854         begin: begin,
 855         relevance: relevance
 856       };
 857     };
 858
 859     const AT_KEYWORDS = {
 860       $pattern: /[a-z-]+/,
 861       keyword: AT_MODIFIERS,
 862       attribute: MEDIA_FEATURES.join(" ")
 863     };
 864
 865     const PARENS_MODE = {
 866       // used only to properly balance nested parens inside mixin call, def. arg list
 867       begin: '\\(',
 868       end: '\\)',
 869       contains: VALUE_MODES,
 870       keywords: AT_KEYWORDS,
 871       relevance: 0
 872     };
 873
 874     // generic Less highlighter (used almost everywhere except selectors):
 875     VALUE_MODES.push(
 876       hljs.C_LINE_COMMENT_MODE,
 877       hljs.C_BLOCK_COMMENT_MODE,
 878       STRING_MODE("'"),
 879       STRING_MODE('"'),
 880       modes.CSS_NUMBER_MODE, // fixme: it does not include dot for numbers like .5em :(
 881       {
 882         begin: '(url|data-uri)\\(',
 883         starts: {
 884           className: 'string',
 885           end: '[\\)\\n]',
 886           excludeEnd: true
 887         }
 888       },
 889       modes.HEXCOLOR,
 890       PARENS_MODE,
 891       IDENT_MODE('variable', '@@?' + IDENT_RE, 10),
 892       IDENT_MODE('variable', '@\\{' + IDENT_RE + '\\}'),
 893       IDENT_MODE('built_in', '~?`[^`]*?`'), // inline javascript (or whatever host language) *multiline* string
 894       { // @media features (it’s here to not duplicate things in AT_RULE_MODE with extra PARENS_MODE overriding):
 895         className: 'attribute',
 896         begin: IDENT_RE + '\\s*:',
 897         end: ':',
 898         returnBegin: true,
 899         excludeEnd: true
 900       },
 901       modes.IMPORTANT,
 902       { beginKeywords: 'and not' },
 903       modes.FUNCTION_DISPATCH
 904     );
 905
 906     const VALUE_WITH_RULESETS = VALUE_MODES.concat({
 907       begin: /\{/,
 908       end: /\}/,
 909       contains: RULES
 910     });
 911
 912     const MIXIN_GUARD_MODE = {
 913       beginKeywords: 'when',
 914       endsWithParent: true,
 915       contains: [ { beginKeywords: 'and not' } ].concat(VALUE_MODES) // using this form to override VALUE’s 'function' match
 916     };
 917
 918     /* Rule-Level Modes */
 919
 920     const RULE_MODE = {
 921       begin: INTERP_IDENT_RE + '\\s*:',
 922       returnBegin: true,
 923       end: /[;}]/,
 924       relevance: 0,
 925       contains: [
 926         { begin: /-(webkit|moz|ms|o)-/ },
 927         modes.CSS_VARIABLE,
 928         {
 929           className: 'attribute',
 930           begin: '\\b(' + ATTRIBUTES.join('|') + ')\\b',
 931           end: /(?=:)/,
 932           starts: {
 933             endsWithParent: true,
 934             illegal: '[<=$]',
 935             relevance: 0,
 936             contains: VALUE_MODES
 937           }
 938         }
 939       ]
 940     };
 941
 942     const AT_RULE_MODE = {
 943       className: 'keyword',
 944       begin: '@(import|media|charset|font-face|(-[a-z]+-)?keyframes|supports|document|namespace|page|viewport|host)\\b',
 945       starts: {
 946         end: '[;{}]',
 947         keywords: AT_KEYWORDS,
 948         returnEnd: true,
 949         contains: VALUE_MODES,
 950         relevance: 0
 951       }
 952     };
 953
 954     // variable definitions and calls
 955     const VAR_RULE_MODE = {
 956       className: 'variable',
 957       variants: [
 958         // using more strict pattern for higher relevance to increase chances of Less detection.
 959         // this is *the only* Less specific statement used in most of the sources, so...
 960         // (we’ll still often loose to the css-parser unless there's '//' comment,
 961         // simply because 1 variable just can't beat 99 properties :)
 962         {
 963           begin: '@' + IDENT_RE + '\\s*:',
 964           relevance: 15
 965         },
 966         { begin: '@' + IDENT_RE }
 967       ],
 968       starts: {
 969         end: '[;}]',
 970         returnEnd: true,
 971         contains: VALUE_WITH_RULESETS
 972       }
 973     };
 974
 975     const SELECTOR_MODE = {
 976       // first parse unambiguous selectors (i.e. those not starting with tag)
 977       // then fall into the scary lookahead-discriminator variant.
 978       // this mode also handles mixin definitions and calls
 979       variants: [
 980         {
 981           begin: '[\\.#:&\\[>]',
 982           end: '[;{}]' // mixin calls end with ';'
 983         },
 984         {
 985           begin: INTERP_IDENT_RE,
 986           end: /\{/
 987         }
 988       ],
 989       returnBegin: true,
 990       returnEnd: true,
 991       illegal: '[<=\'$"]',
 992       relevance: 0,
 993       contains: [
 994         hljs.C_LINE_COMMENT_MODE,
 995         hljs.C_BLOCK_COMMENT_MODE,
 996         MIXIN_GUARD_MODE,
 997         IDENT_MODE('keyword', 'all\\b'),
 998         IDENT_MODE('variable', '@\\{' + IDENT_RE + '\\}'), // otherwise it’s identified as tag
 999
1000         {
1001           begin: '\\b(' + TAGS.join('|') + ')\\b',
1002           className: 'selector-tag'
1003         },
1004         modes.CSS_NUMBER_MODE,
1005         IDENT_MODE('selector-tag', INTERP_IDENT_RE, 0),
1006         IDENT_MODE('selector-id', '#' + INTERP_IDENT_RE),
1007         IDENT_MODE('selector-class', '\\.' + INTERP_IDENT_RE, 0),
1008         IDENT_MODE('selector-tag', '&', 0),
1009         modes.ATTRIBUTE_SELECTOR_MODE,
1010         {
1011           className: 'selector-pseudo',
1012           begin: ':(' + PSEUDO_CLASSES.join('|') + ')'
1013         },
1014         {
1015           className: 'selector-pseudo',
1016           begin: ':(:)?(' + PSEUDO_ELEMENTS.join('|') + ')'
1017         },
1018         {
1019           begin: /\(/,
1020           end: /\)/,
1021           relevance: 0,
1022           contains: VALUE_WITH_RULESETS
1023         }, // argument list of parametric mixins
1024         { begin: '!important' }, // eat !important after mixin call or it will be colored as tag
1025         modes.FUNCTION_DISPATCH
1026       ]
1027     };
1028
1029     const PSEUDO_SELECTOR_MODE = {
1030       begin: IDENT_RE + ':(:)?' + `(${PSEUDO_SELECTORS$1.join('|')})`,
1031       returnBegin: true,
1032       contains: [ SELECTOR_MODE ]
1033     };
1034
1035     RULES.push(
1036       hljs.C_LINE_COMMENT_MODE,
1037       hljs.C_BLOCK_COMMENT_MODE,
1038       AT_RULE_MODE,
1039       VAR_RULE_MODE,
1040       PSEUDO_SELECTOR_MODE,
1041       RULE_MODE,
1042       SELECTOR_MODE,
1043       MIXIN_GUARD_MODE,
1044       modes.FUNCTION_DISPATCH
1045     );
1046
1047     return {
1048       name: 'Less',
1049       case_insensitive: true,
1050       illegal: '[=>\'/<($"]',
1051       contains: RULES
1052     };
1053   }
1054
1055   return less;
1056
1057 })();
1058
1059     hljs.registerLanguage('less', hljsGrammar);
1060   })();