<?xml version="1.0" encoding="UTF-8"?>
<!--
This file is part of GtkSourceView
Author: Scott Martin <scott@coffeeblack.org>
Copyright (C) 2004 Scott Martin <scott@coffeeblack.org>
Copyright (C) 2010 Patryk Zawadzki <patrys@pld-linux.org>
Copyright (C) 2016 Tobias Schönberg <tobias47n9e@gmail.com>
Copyright (C) 2018 Jeffery To <jeffery.to@gmail.com>
GtkSourceView is free software; you can redistribute it and/or
modify it under the terms of the GNU Lesser General Public
License as published by the Free Software Foundation; either
version 2.1 of the License, or (at your option) any later version.
GtkSourceView is distributed in the hope that it will be useful,
but WITHOUT ANY WARRANTY; without even the implied warranty of
MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU
Lesser General Public License for more details.
You should have received a copy of the GNU Lesser General Public License
along with this library; if not, see <http://www.gnu.org/licenses/>.
-->
<language id="css" name="CSS" version="2.0" _section="Other">
<metadata>
<property name="mimetypes">text/css</property>
<property name="globs">*.css;*.CSSL</property>
<property name="block-comment-start">/*</property>
<property name="block-comment-end">*/</property>
</metadata>
<styles>
<!-- global -->
<style id="error" name="Error" map-to="def:error"/>
<style id="vendor-specific" name="Vendor Specific" map-to="def:warning"/>
<style id="keyword" name="Keyword" map-to="def:constant"/>
<style id="namespace" name="Namespace" map-to="def:keyword"/>
<style id="symbol" name="Symbol"/>
<style id="delimiter" name="Delimiter"/>
<style id="block-delimiter" name="Block Delimiter" map-to="css:delimiter"/>
<style id="test-delimiter" name="Test Delimiter" map-to="css:delimiter"/>
<!-- data types -->
<style id="name" name="Name"/>
<style id="escape" name="Escape Sequence" map-to="def:special-char"/>
<style id="string" name="String" map-to="def:string"/>
<style id="color" name="Color" map-to="def:base-n-integer"/>
<style id="number" name="Number" map-to="def:number"/>
<style id="integer" name="Integer" map-to="def:decimal"/>
<style id="dimension" name="Dimension" map-to="def:floating-point"/>
<style id="expression" name="Expression" map-to="def:complex"/>
<style id="unicode-range" name="Unicode Range"/>
<!-- functions -->
<style id="function" name="Function" map-to="def:function"/>
<!-- style properties -->
<style id="property-name" name="Property Name" map-to="def:keyword"/>
<!-- modifiers -->
<style id="modifier" name="Modifier" map-to="def:keyword"/>
<!-- at-rules -->
<style id="at-rule" name="At-rule" map-to="def:preprocessor"/>
<style id="at-rule-operator" name="At-rule Operator" map-to="css:at-rule"/>
<style id="at-rule-inner-selector" name="At-rule Inner Selector" map-to="def:identifier"/>
<!-- media queries -->
<style id="media-query-operator" name="Media Query Operator" map-to="css:at-rule-operator"/>
<style id="media-type" name="Media Type" map-to="css:property-name"/>
<style id="media-feature" name="Media Feature" map-to="css:property-name"/>
<style id="media-feature-value" name="Media Feature Value" map-to="css:keyword"/>
<!-- selectors -->
<style id="selector-symbol" name="Selector Symbol" map-to="css:symbol"/>
<style id="namespace-qualifier" name="Namespace Qualifier" map-to="css:selector-symbol"/>
<style id="id-selector" name="ID Selector" map-to="def:statement"/>
<style id="class-selector" name="Class Selector" map-to="def:identifier"/>
<style id="type-selector" name="Type Selector" map-to="def:type"/>
<style id="universal-selector" name="Universal Selector" map-to="css:selector-symbol"/>
<style id="attribute-selector" name="Attribute Selector" map-to="css:selector-symbol"/>
<style id="attribute-selector-operator" name="Attribute Selector Operator" map-to="css:selector-symbol"/>
<style id="attribute-selector-name" name="Attribute Selector Name" map-to="def:type"/>
<style id="combinator" name="Combinator" map-to="css:selector-symbol"/>
<style id="pseudo-element" name="Pseudo-element" map-to="def:function"/>
<style id="pseudo-class" name="Pseudo-class" map-to="def:function"/>
</styles>
<default-regex-options case-sensitive="false"/>
<keyword-char-class>[a-z0-9_-]</keyword-char-class>
<definitions>
<!-- global -->
<!-- https://drafts.csswg.org/css-syntax/#escaping -->
<define-regex id="escape-regex" extended="true">
(?:
\\ # backslash
(?:
[^\n\r\f0-9a-f] | # not newline or hex digit; or
[0-9a-f]{1,6} \s? # 1-6 hex digits, trailing whitespace (not necessary in some cases)
)
)
</define-regex>
<!-- https://drafts.csswg.org/css-syntax/#non-ascii-code-point -->
<define-regex id="non-ascii-regex">[\x{80}-\x{10ffff}]</define-regex>
<!--
a combination of name-start code point and escape
https://drafts.csswg.org/css-syntax/#name-start-code-point
https://www.w3.org/TR/selectors-3/#lex
-->
<define-regex id="identifier-start-char-regex" extended="true">
(?:
[a-z_] |
\%{non-ascii-regex} |
\%{escape-regex}
)
</define-regex>
<!--
a combination of name code point and escape
https://drafts.csswg.org/css-syntax/#name-code-point
https://www.w3.org/TR/selectors-3/#lex
-->
<define-regex id="identifier-chars-regex" extended="true">
(?>
(?:
[a-z0-9_-]+ |
\%{non-ascii-regex}+ |
\%{escape-regex}+
)+
)
</define-regex>
<!-- for lookbehinds (and lookaheads) -->
<define-regex id="single-identifier-char-regex" extended="true">
(?:
[a-z0-9_-] |
\%{non-ascii-regex}
)
</define-regex>
<!-- https://drafts.csswg.org/css-syntax/#ident-token-diagram -->
<define-regex id="identifier-regex" extended="true">
(?:
(?:
-- |
-? \%{identifier-start-char-regex}
)
\%{identifier-chars-regex}?
)
</define-regex>
<!--
https://www.w3.org/TR/CSS21/syndata.html#vendor-keywords
https://en.wikipedia.org/wiki/CSS_hack#List_of_prefixes
-->
<define-regex id="vendor-specific-prefix-regex" extended="true">
(?:
(?:
[_-] \%{identifier-start-char-regex}+ |
mso |
prince
)
-
)
</define-regex>
<define-regex id="vendor-specific-identifier-regex" extended="true">
(?:
(?<! \%{single-identifier-char-regex} )
\%{vendor-specific-prefix-regex} \%{identifier-chars-regex}
)
</define-regex>
<define-regex id="declaration-value-end">(?=[!;}])</define-regex>
<define-regex id="test-value-end">(?=\))</define-regex>
<context id="comment">
<include>
<context ref="def:c-like-comment-multiline"/>
<context ref="def:c-like-close-comment-outside-comment"/>
</include>
</context>
<context id="slash" style-ref="symbol">
<match>/</match>
</context>
<context id="comma" style-ref="delimiter">
<match>,</match>
</context>
<context id="colon" style-ref="delimiter">
<match>:</match>
</context>
<context id="semicolon" style-ref="delimiter">
<match>;</match>
</context>
<!-- data types -->
<!-- custom identifier -->
<context id="name" style-ref="name">
<match>\%{identifier-regex}</match>
</context>
<context id="vendor-specific-name" style-ref="vendor-specific">
<match>\%{vendor-specific-identifier-regex}</match>
</context>
<context id="escape" style-ref="escape">
<match>\%{escape-regex}</match>
</context>
<context id="string-content">
<include>
<context ref="escape"/>
<context ref="def:line-continue"/>
</include>
</context>
<context id="double-quoted-string" style-ref="string" end-at-line-end="true" class="string" class-disabled="no-spell-check">
<start>"</start>
<end>"</end>
<include>
<context ref="string-content"/>
</include>
</context>
<context id="single-quoted-string" style-ref="string" end-at-line-end="true" class="string" class-disabled="no-spell-check">
<start>'</start>
<end>'</end>
<include>
<context ref="string-content"/>
</include>
</context>
<context id="string">
<include>
<context ref="double-quoted-string"/>
<context ref="single-quoted-string"/>
</include>
</context>
<context id="hexadecimal-color" style-ref="color">
<match>#([a-f0-9]{8}|[a-f0-9]{6}|[a-f0-9]{4}|[a-f0-9]{3})\%]</match>
</context>
<context id="css3-named-color" style-ref="color">
<keyword>aliceblue</keyword>
<keyword>antiquewhite</keyword>
<keyword>aquamarine</keyword>
<keyword>azure</keyword>
<keyword>beige</keyword>
<keyword>bisque</keyword>
<keyword>blanchedalmond</keyword>
<keyword>blueviolet</keyword>
<keyword>brown</keyword>
<keyword>burlywood</keyword>
<keyword>cadetblue</keyword>
<keyword>chartreuse</keyword>
<keyword>chocolate</keyword>
<keyword>coral</keyword>
<keyword>cornflowerblue</keyword>
<keyword>cornsilk</keyword>
<keyword>crimson</keyword>
<keyword>cyan</keyword>
<keyword>darkblue</keyword>
<keyword>darkcyan</keyword>
<keyword>darkgoldenrod</keyword>
<keyword>darkgray</keyword>
<keyword>darkgreen</keyword>
<keyword>darkgrey</keyword>
<keyword>darkkhaki</keyword>
<keyword>darkmagenta</keyword>
<keyword>darkolivegreen</keyword>
<keyword>darkorange</keyword>
<keyword>darkorchid</keyword>
<keyword>darkred</keyword>
<keyword>darksalmon</keyword>
<keyword>darkseagreen</keyword>
<keyword>darkslateblue</keyword>
<keyword>darkslategray</keyword>
<keyword>darkslategrey</keyword>
<keyword>darkturquoise</keyword>
<keyword>darkviolet</keyword>
<keyword>deeppink</keyword>
<keyword>deepskyblue</keyword>
<keyword>dimgray</keyword>
<keyword>dimgrey</keyword>
<keyword>dodgerblue</keyword>
<keyword>firebrick</keyword>
<keyword>floralwhite</keyword>
<keyword>forestgreen</keyword>
<keyword>gainsboro</keyword>
<keyword>ghostwhite</keyword>
<keyword>goldenrod</keyword>
<keyword>gold</keyword>
<keyword>greenyellow</keyword>
<keyword>grey</keyword>
<keyword>honeydew</keyword>
<keyword>hotpink</keyword>
<keyword>indianred</keyword>
<keyword>indigo</keyword>
<keyword>ivory</keyword>
<keyword>khaki</keyword>
<keyword>lavenderblush</keyword>
<keyword>lavender</keyword>
<keyword>lawngreen</keyword>
<keyword>lemonchiffon</keyword>
<keyword>lightblue</keyword>
<keyword>lightcoral</keyword>
<keyword>lightcyan</keyword>
<keyword>lightgoldenrodyellow</keyword>
<keyword>lightgray</keyword>
<keyword>lightgreen</keyword>
<keyword>lightgrey</keyword>
<keyword>lightpink</keyword>
<keyword>lightsalmon</keyword>
<keyword>lightseagreen</keyword>
<keyword>lightskyblue</keyword>
<keyword>lightslategray</keyword>
<keyword>lightslategrey</keyword>
<keyword>lightsteelblue</keyword>
<keyword>lightyellow</keyword>
<keyword>limegreen</keyword>
<keyword>linen</keyword>
<keyword>magenta</keyword>
<keyword>mediumaquamarine</keyword>
<keyword>mediumblue</keyword>
<keyword>mediumorchid</keyword>
<keyword>mediumpurple</keyword>
<keyword>mediumseagreen</keyword>
<keyword>mediumslateblue</keyword>
<keyword>mediumspringgreen</keyword>
<keyword>mediumturquoise</keyword>
<keyword>mediumvioletred</keyword>
<keyword>midnightblue</keyword>
<keyword>mintcream</keyword>
<keyword>mistyrose</keyword>
<keyword>moccasin</keyword>
<keyword>navajowhite</keyword>
<keyword>oldlace</keyword>
<keyword>olivedrab</keyword>
<keyword>orangered</keyword>
<keyword>orchid</keyword>
<keyword>palegoldenrod</keyword>
<keyword>palegreen</keyword>
<keyword>paleturquoise</keyword>
<keyword>palevioletred</keyword>
<keyword>papayawhip</keyword>
<keyword>peachpuff</keyword>
<keyword>peru</keyword>
<keyword>pink</keyword>
<keyword>plum</keyword>
<keyword>powderblue</keyword>
<keyword>rebeccapurple</keyword>
<keyword>rosybrown</keyword>
<keyword>royalblue</keyword>
<keyword>saddlebrown</keyword>
<keyword>salmon</keyword>
<keyword>sandybrown</keyword>
<keyword>seagreen</keyword>
<keyword>seashell</keyword>
<keyword>sienna</keyword>
<keyword>skyblue</keyword>
<keyword>slateblue</keyword>
<keyword>slategray</keyword>
<keyword>slategrey</keyword>
<keyword>snow</keyword>
<keyword>springgreen</keyword>
<keyword>steelblue</keyword>
<keyword>tan</keyword>
<keyword>thistle</keyword>
<keyword>tomato</keyword>
<keyword>turquoise</keyword>
<keyword>violet</keyword>
<keyword>wheat</keyword>
<keyword>whitesmoke</keyword>
<keyword>yellowgreen</keyword>
</context>
<context id="named-color" style-ref="color">
<keyword>aqua</keyword>
<keyword>black</keyword>
<keyword>blue</keyword>
<keyword>fuchsia</keyword>
<keyword>gray</keyword>
<keyword>green</keyword>
<keyword>lime</keyword>
<keyword>maroon</keyword>
<keyword>navy</keyword>
<keyword>olive</keyword>
<keyword>orange</keyword>
<keyword>purple</keyword>
<keyword>red</keyword>
<keyword>silver</keyword>
<keyword>teal</keyword>
<keyword>white</keyword>
<keyword>yellow</keyword>
</context>
<define-regex id="number-magnitude-regex" extended="true">
(?: (?> \d* \. \d+ | \d+ ) (?: e [+-]? \d+ )? )
</define-regex>
<define-regex id="number-regex" extended="true">
(?: [+-]? \%{number-magnitude-regex} )
</define-regex>
<define-regex id="positive-number-regex" extended="true">
(?: \+? \%{number-magnitude-regex} )
</define-regex>
<define-regex id="integer-magnitude-regex" extended="true">
(?> \d+ )
</define-regex>
<define-regex id="integer-regex" extended="true">
(?: [+-]? \%{integer-magnitude-regex} )
</define-regex>
<define-regex id="positive-integer-regex" extended="true">
(?: \+? \%{integer-magnitude-regex} )
</define-regex>
<define-regex id="non-number-char-regex" extended="true">
(?:
\%{single-identifier-char-regex} |
\.
)
</define-regex>
<context id="dimension" style-ref="dimension">
<prefix>(?<!\%{non-number-char-regex})\%{number-regex}</prefix>
<keyword>ch</keyword>
<keyword>cm</keyword>
<keyword>deg</keyword>
<keyword>em</keyword>
<keyword>ex</keyword>
<keyword>fr</keyword>
<keyword>ft</keyword>
<keyword>grad</keyword>
<keyword>hz</keyword>
<keyword>in</keyword>
<keyword>khz</keyword>
<keyword>mm</keyword>
<keyword>ms</keyword>
<keyword>pc</keyword>
<keyword>pt</keyword>
<keyword>px</keyword>
<keyword>rad</keyword>
<keyword>rem</keyword>
<keyword>s</keyword>
<keyword>turn</keyword>
<keyword>vh</keyword>
<keyword>vmax</keyword>
<keyword>vmin</keyword>
<keyword>vw</keyword>
</context>
<context id="percentage" style-ref="dimension">
<match extended="true">
(?<! \%{non-number-char-regex} )
\%{number-regex}%
</match>
</context>
<context id="resolution" style-ref="dimension">
<prefix>(?<!\%{non-number-char-regex})\%{positive-number-regex}</prefix>
<keyword>dpcm</keyword>
<keyword>dpi</keyword>
<keyword>dppx</keyword>
</context>
<context id="ratio" style-ref="expression">
<match extended="true">
(?<! \%{non-number-char-regex} )
\%{positive-integer-regex} \s* / \s* \%{positive-integer-regex}
(?! \%{non-number-char-regex} )
</match>
</context>
<context id="number" style-ref="number">
<match extended="true">
(?<! \%{non-number-char-regex} )
\%{number-regex}
(?! \%{non-number-char-regex} )
</match>
</context>
<context id="positive-integer" style-ref="integer">
<match extended="true">
(?<! \%{non-number-char-regex} )
\%{positive-integer-regex}
(?! \%{non-number-char-regex} )
</match>
</context>
<context id="unicode-range" style-ref="unicode-range">
<match extended="true">
\%[ u \+ (?> [a-f0-9?]{1,6} ) (?> - [a-f0-9]{1,6} )?
(?! \%{single-identifier-char-regex} )
</match>
</context>
<!-- functions -->
<context id="css3-function-arguments" style-ref="keyword">
<keyword>at</keyword>
<keyword>auto-fill</keyword>
<keyword>auto-fit</keyword>
<keyword>auto</keyword>
<keyword>bottom</keyword>
<keyword>center</keyword>
<keyword>circle</keyword>
<keyword>closest-corner</keyword>
<keyword>closest-side</keyword>
<keyword>ellipse</keyword>
<keyword>end</keyword>
<keyword>farthest-corner</keyword>
<keyword>farthest-side</keyword>
<keyword>left</keyword>
<keyword>max-content</keyword>
<keyword>min-content</keyword>
<keyword>right</keyword>
<keyword>start</keyword>
<keyword>top</keyword>
<keyword>to</keyword>
</context>
<context id="url">
<start>url\(</start>
<end>\)</end>
<include>
<context sub-pattern="0" where="start" style-ref="function"/>
<context sub-pattern="0" where="end" style-ref="function"/>
<context ref="comment"/>
<context ref="string-value"/>
</include>
</context>
<context id="function-content">
<include>
<context ref="css3-function-arguments"/>
<context ref="any-value"/>
</include>
</context>
<context id="vendor-specific-function">
<start>\%{vendor-specific-identifier-regex}\(</start>
<end>\)</end>
<include>
<context sub-pattern="0" where="start" style-ref="vendor-specific"/>
<context sub-pattern="0" where="end" style-ref="vendor-specific"/>
<context ref="comment"/>
<context ref="function-content"/>
</include>
</context>
<context id="function">
<start>\%{identifier-regex}\(</start>
<end>\)</end>
<include>
<context sub-pattern="0" where="start" style-ref="function"/>
<context sub-pattern="0" where="end" style-ref="function"/>
<context ref="comment"/>
<context ref="function-content"/>
</include>
</context>
<context id="function-call">
<include>
<context ref="vendor-specific-function"/>
<context ref="url"/>
<context ref="function"/>
</include>
</context>
<!-- data values (interface between types and users) -->
<context id="name-value">
<include>
<context ref="name"/>
</include>
</context>
<context id="string-value">
<include>
<context ref="string"/>
</include>
</context>
<context id="color-value">
<include>
<context ref="hexadecimal-color"/>
<context ref="css3-named-color"/>
<context ref="named-color"/>
</include>
</context>
<!-- resolution and ratio are used in media queries only -->
<context id="number-value">
<include>
<context ref="dimension"/>
<context ref="percentage"/>
<context ref="resolution"/>
<context ref="ratio"/>
<context ref="number"/>
</include>
</context>
<context id="unicode-range-value">
<include>
<context ref="unicode-range"/>
</include>
</context>
<!-- unicode-range is used for the unicode-range (@font-face) property only -->
<context id="data-value">
<include>
<context ref="string-value"/>
<context ref="color-value"/>
<context ref="number-value"/>
<context ref="unicode-range"/>
</include>
</context>
<!-- style properties -->
<context id="svg-property-names" style-ref="property-name">
<keyword>clip-path</keyword>
<keyword>clip-rule</keyword>
<keyword>color-interpolatation-filters</keyword>
<keyword>color-interpolatation</keyword>
<keyword>dominant-baseline</keyword>
<keyword>fill-rule</keyword>
<keyword>fill-opacity</keyword>
<keyword>fill</keyword>
<keyword>flood-color</keyword>
<keyword>flood-opacity</keyword>
<keyword>lighting-color</keyword>
<keyword>marker-end</keyword>
<keyword>marker-mid</keyword>
<keyword>marker-start</keyword>
<keyword>shape-rendering</keyword>
<keyword>stop-color</keyword>
<keyword>stop-opacity</keyword>
<keyword>stroke-dasharray</keyword>
<keyword>stroke-dashoffset</keyword>
<keyword>stroke-linecap</keyword>
<keyword>stroke-linejoin</keyword>
<keyword>stroke-miterlimit</keyword>
<keyword>stroke-opacity</keyword>
<keyword>stroke-width</keyword>
<keyword>stroke</keyword>
<keyword>text-anchor</keyword>
<keyword>text-rendering</keyword>
</context>
<context id="css3-property-names" style-ref="property-name">
<keyword>align-content</keyword>
<keyword>align-items</keyword>
<keyword>align-self</keyword>
<keyword>animation-delay</keyword>
<keyword>animation-direction</keyword>
<keyword>animation-duration</keyword>
<keyword>animation-fill-mode</keyword>
<keyword>animation-iteration-count</keyword>
<keyword>animation-name</keyword>
<keyword>animation-play-state</keyword>
<keyword>animation-timing-function</keyword>
<keyword>animation</keyword>
<keyword>appearance</keyword>
<keyword>backface-visibility</keyword>
<keyword>background-blend-mode</keyword>
<keyword>background-clip</keyword>
<keyword>background-origin</keyword>
<keyword>background-size</keyword>
<keyword>bleed</keyword>
<keyword>border-image-outset</keyword>
<keyword>border-image-repeat</keyword>
<keyword>border-image-slice</keyword>
<keyword>border-image-source</keyword>
<keyword>border-image-width</keyword>
<keyword>border-image</keyword>
<keyword>box-decoration-break</keyword>
<keyword>box-sizing</keyword>
<keyword>break-after</keyword>
<keyword>break-before</keyword>
<keyword>break-inside</keyword>
<keyword>column-count</keyword>
<keyword>column-fill</keyword>
<keyword>column-gap</keyword>
<keyword>column-rule-color</keyword>
<keyword>column-rule-style</keyword>
<keyword>column-rule-width</keyword>
<keyword>column-rule</keyword>
<keyword>column-span</keyword>
<keyword>column-width</keyword>
<keyword>columns</keyword>
<keyword>filter</keyword>
<keyword>flex-basis</keyword>
<keyword>flex-direction</keyword>
<keyword>flex-flow</keyword>
<keyword>flex-grow</keyword>
<keyword>flex-shrink</keyword>
<keyword>flex-wrap</keyword>
<keyword>flex</keyword>
<keyword>font-feature-settings</keyword>
<keyword>font-kerning</keyword>
<keyword>font-language-override</keyword>
<keyword>font-stretch</keyword>
<keyword>font-synthesis</keyword>
<keyword>font-variant-alternates</keyword>
<keyword>font-variant-caps</keyword>
<keyword>font-variant-east-asian</keyword>
<keyword>font-variant-ligatures</keyword>
<keyword>font-variant-numeric</keyword>
<keyword>font-variant-position</keyword>
<keyword>grid-area</keyword>
<keyword>grid-gap</keyword>
<keyword>grid-auto-columns</keyword>
<keyword>grid-auto-flow</keyword>
<keyword>grid-auto-rows</keyword>
<keyword>grid-column-end</keyword>
<keyword>grid-column-gap</keyword>
<keyword>grid-column-start</keyword>
<keyword>grid-column</keyword>
<keyword>grid-row-end</keyword>
<keyword>grid-row-gap</keyword>
<keyword>grid-row-start</keyword>
<keyword>grid-row</keyword>
<keyword>grid-template-areas</keyword>
<keyword>grid-template-columns</keyword>
<keyword>grid-template-rows</keyword>
<keyword>grid-template</keyword>
<keyword>grid</keyword>
<keyword>hanging-punctuation</keyword>
<keyword>hyphens</keyword>
<keyword>image-orientation</keyword>
<keyword>image-rendering</keyword>
<keyword>image-resolution</keyword>
<keyword>ime-mode</keyword>
<keyword>isolation</keyword>
<keyword>justify-content</keyword>
<keyword>justify-self</keyword>
<keyword>line-break</keyword>
<keyword>mask-type</keyword>
<keyword>mask</keyword>
<keyword>mix-blend-mode</keyword>
<keyword>nav-down</keyword>
<keyword>nav-index</keyword>
<keyword>nav-left</keyword>
<keyword>nav-right</keyword>
<keyword>nav-up</keyword>
<keyword>object-fit</keyword>
<keyword>object-position</keyword>
<keyword>opacity</keyword>
<keyword>order</keyword>
<keyword>outline-offset</keyword>
<keyword>overflow-wrap</keyword>
<keyword>overflow-x</keyword>
<keyword>overflow-y</keyword>
<keyword>perspective-origin</keyword>
<keyword>perspective</keyword>
<keyword>pointer-events</keyword>
<keyword>resize</keyword>
<keyword>src</keyword>
<keyword>tab-size</keyword>
<keyword>text-align-last</keyword>
<keyword>text-combine-upright</keyword>
<keyword>text-decoration-color</keyword>
<keyword>text-decoration-line</keyword>
<keyword>text-decoration-style</keyword>
<keyword>text-justify</keyword>
<keyword>text-orientation</keyword>
<keyword>text-overflow</keyword>
<keyword>text-underline-position</keyword>
<keyword>transform-origin</keyword>
<keyword>transform-style</keyword>
<keyword>transform</keyword>
<keyword>transition-delay</keyword>
<keyword>transition-duration</keyword>
<keyword>transition-property</keyword>
<keyword>transition-timing-function</keyword>
<keyword>transition</keyword>
<keyword>unicode-range</keyword>
<keyword>will-change</keyword>
<keyword>word-break</keyword>
<keyword>word-wrap</keyword>
<keyword>writing-mode</keyword>
</context>
<context id="property-names" style-ref="property-name">
<keyword>azimuth</keyword>
<keyword>background-attachment</keyword>
<keyword>background-color</keyword>
<keyword>background-image</keyword>
<keyword>background-position</keyword>
<keyword>background-repeat</keyword>
<keyword>background</keyword>
<keyword>border-bottom-color</keyword>
<keyword>border-bottom-left-radius</keyword>
<keyword>border-bottom-right-radius</keyword>
<keyword>border-bottom-style</keyword>
<keyword>border-bottom-width</keyword>
<keyword>border-bottom</keyword>
<keyword>border-collapse</keyword>
<keyword>border-color</keyword>
<keyword>border-left-color</keyword>
<keyword>border-left-style</keyword>
<keyword>border-left-width</keyword>
<keyword>border-left</keyword>
<keyword>border-radius</keyword>
<keyword>border-right-color</keyword>
<keyword>border-right-style</keyword>
<keyword>border-right-width</keyword>
<keyword>border-right</keyword>
<keyword>border-spacing</keyword>
<keyword>border-style</keyword>
<keyword>border-top-color</keyword>
<keyword>border-top-left-radius</keyword>
<keyword>border-top-right-radius</keyword>
<keyword>border-top-style</keyword>
<keyword>border-top-width</keyword>
<keyword>border-top</keyword>
<keyword>border-width</keyword>
<keyword>border</keyword>
<keyword>bottom</keyword>
<keyword>box-shadow</keyword>
<keyword>caption-side</keyword>
<keyword>clear</keyword>
<keyword>clip</keyword>
<keyword>color</keyword>
<keyword>content</keyword>
<keyword>counter-increment</keyword>
<keyword>counter-reset</keyword>
<keyword>cue-after</keyword>
<keyword>cue-before</keyword>
<keyword>cue</keyword>
<keyword>cursor</keyword>
<keyword>direction</keyword>
<keyword>display</keyword>
<keyword>elevation</keyword>
<keyword>empty-cells</keyword>
<keyword>float</keyword>
<keyword>font-family</keyword>
<keyword>font-size-adjust</keyword>
<keyword>font-size</keyword>
<keyword>font-style</keyword>
<keyword>font-variant</keyword>
<keyword>font-weight</keyword>
<keyword>font</keyword>
<keyword>height</keyword>
<keyword>left</keyword>
<keyword>letter-spacing</keyword>
<keyword>line-height</keyword>
<keyword>list-style-image</keyword>
<keyword>list-style-position</keyword>
<keyword>list-style-type</keyword>
<keyword>list-style</keyword>
<keyword>margin-bottom</keyword>
<keyword>margin-left</keyword>
<keyword>margin-right</keyword>
<keyword>margin-top</keyword>
<keyword>margin</keyword>
<keyword>marker-offset</keyword>
<keyword>marks</keyword>
<keyword>max-height</keyword>
<keyword>max-width</keyword>
<keyword>min-height</keyword>
<keyword>min-width</keyword>
<keyword>orphans</keyword>
<keyword>outline-color</keyword>
<keyword>outline-style</keyword>
<keyword>outline-width</keyword>
<keyword>outline</keyword>
<keyword>overflow</keyword>
<keyword>padding-bottom</keyword>
<keyword>padding-left</keyword>
<keyword>padding-right</keyword>
<keyword>padding-top</keyword>
<keyword>padding</keyword>
<keyword>page-break-after</keyword>
<keyword>page-break-before</keyword>
<keyword>page-break-inside</keyword>
<keyword>page</keyword>
<keyword>pause-after</keyword>
<keyword>pause-before</keyword>
<keyword>pause</keyword>
<keyword>pitch-range</keyword>
<keyword>pitch</keyword>
<keyword>play-during</keyword>
<keyword>position</keyword>
<keyword>quotes</keyword>
<keyword>richness</keyword>
<keyword>right</keyword>
<keyword>size</keyword>
<keyword>speak-header</keyword>
<keyword>speak-numeral</keyword>
<keyword>speak-punctuation</keyword>
<keyword>speak</keyword>
<keyword>speech-rate</keyword>
<keyword>stress</keyword>
<keyword>table-layout</keyword>
<keyword>text-align</keyword>
<keyword>text-decoration</keyword>
<keyword>text-indent</keyword>
<keyword>text-shadow</keyword>
<keyword>text-transform</keyword>
<keyword>top</keyword>
<keyword>unicode-bidi</keyword>
<keyword>vertical-align</keyword>
<keyword>visibility</keyword>
<keyword>voice-family</keyword>
<keyword>volume</keyword>
<keyword>white-space</keyword>
<keyword>widows</keyword>
<keyword>width</keyword>
<keyword>word-spacing</keyword>
<keyword>z-index</keyword>
</context>
<context id="animatable-properties" style-ref="keyword">
<keyword>background-color</keyword>
<keyword>background-position</keyword>
<keyword>background-size</keyword>
<keyword>background</keyword>
<keyword>border-bottom-color</keyword>
<keyword>border-bottom-left-radius</keyword>
<keyword>border-bottom-right-radius</keyword>
<keyword>border-bottom-width</keyword>
<keyword>border-bottom</keyword>
<keyword>border-color</keyword>
<keyword>border-left-color</keyword>
<keyword>border-left-width</keyword>
<keyword>border-left</keyword>
<keyword>border-radius</keyword>
<keyword>border-right-color</keyword>
<keyword>border-right-width</keyword>
<keyword>border-right</keyword>
<keyword>border-top-color</keyword>
<keyword>border-top-left-radius</keyword>
<keyword>border-top-right-radius</keyword>
<keyword>border-top-width</keyword>
<keyword>border-top</keyword>
<keyword>border-width</keyword>
<keyword>border</keyword>
<keyword>bottom</keyword>
<keyword>box-shadow</keyword>
<keyword>clip-path</keyword>
<keyword>clip</keyword>
<keyword>color</keyword>
<keyword>column-count</keyword>
<keyword>column-gap</keyword>
<keyword>column-rule-color</keyword>
<keyword>column-rule-width</keyword>
<keyword>column-rule</keyword>
<keyword>column-width</keyword>
<keyword>columns</keyword>
<keyword>filter</keyword>
<keyword>flex-basis</keyword>
<keyword>flex-grow</keyword>
<keyword>flex-shrink</keyword>
<keyword>flex</keyword>
<keyword>font-size-adjust</keyword>
<keyword>font-size</keyword>
<keyword>font-stretch</keyword>
<keyword>font-weight</keyword>
<keyword>font</keyword>
<keyword>grid-column-gap</keyword>
<keyword>grid-gap</keyword>
<keyword>grid-row-gap</keyword>
<keyword>height</keyword>
<keyword>left</keyword>
<keyword>letter-spacing</keyword>
<keyword>line-height</keyword>
<keyword>margin-bottom</keyword>
<keyword>margin-left</keyword>
<keyword>margin-right</keyword>
<keyword>margin-top</keyword>
<keyword>margin</keyword>
<keyword>mask</keyword>
<keyword>max-height</keyword>
<keyword>max-width</keyword>
<keyword>min-height</keyword>
<keyword>min-width</keyword>
<keyword>object-position</keyword>
<keyword>opacity</keyword>
<keyword>order</keyword>
<keyword>outline-color</keyword>
<keyword>outline-offset</keyword>
<keyword>outline-width</keyword>
<keyword>outline</keyword>
<keyword>padding-bottom</keyword>
<keyword>padding-left</keyword>
<keyword>padding-right</keyword>
<keyword>padding-top</keyword>
<keyword>padding</keyword>
<keyword>perspective-origin</keyword>
<keyword>perspective</keyword>
<keyword>right</keyword>
<keyword>tab-size</keyword>
<keyword>text-decoration-color</keyword>
<keyword>text-decoration</keyword>
<keyword>text-indent</keyword>
<keyword>text-shadow</keyword>
<keyword>top</keyword>
<keyword>transform-origin</keyword>
<keyword>transform</keyword>
<keyword>vertical-align</keyword>
<keyword>visibility</keyword>
<keyword>width</keyword>
<keyword>word-spacing</keyword>
<keyword>z-index</keyword>
</context>
<context id="svg-property-values" style-ref="keyword">
<keyword>alphabetic</keyword>
<keyword>bevel</keyword>
<keyword>butt</keyword>
<keyword>central</keyword>
<keyword>crispedges</keyword>
<keyword>evenodd</keyword>
<keyword>geometricprecision</keyword>
<keyword>hanging</keyword>
<keyword>ideographic</keyword>
<keyword>lr-tb</keyword>
<keyword>lr</keyword>
<keyword>mathematical</keyword>
<keyword>miter</keyword>
<keyword>no-change</keyword>
<keyword>nonzero</keyword>
<keyword>optimizelegibility</keyword>
<keyword>optimizespeed</keyword>
<keyword>painted</keyword>
<keyword>reset-size</keyword>
<keyword>rl-tb</keyword>
<keyword>rl</keyword>
<keyword>stroke</keyword>
<keyword>tb-rl</keyword>
<keyword>tb</keyword>
<keyword>text-after-edge</keyword>
<keyword>text-before-edge</keyword>
<keyword>use-script</keyword>
<keyword>visiblefill</keyword>
<keyword>visiblepainted</keyword>
<keyword>visiblestroke</keyword>
</context>
<context id="east-asian-variant-values" style-ref="keyword">
<keyword>jis04</keyword>
<keyword>jis78</keyword>
<keyword>jis83</keyword>
<keyword>jis90</keyword>
<keyword>simplified</keyword>
<keyword>traditional</keyword>
</context>
<context id="page-sizes" style-ref="keyword">
<keyword>A3</keyword>
<keyword>A4</keyword>
<keyword>A5</keyword>
<keyword>B4</keyword>
<keyword>B5</keyword>
<keyword>JIS-B4</keyword>
<keyword>JIS-B5</keyword>
<keyword>ledger</keyword>
<keyword>legal</keyword>
<keyword>letter</keyword>
</context>
<context id="css3-property-values" style-ref="keyword">
<keyword>active</keyword>
<keyword>add</keyword>
<keyword>allow-end</keyword>
<keyword>all-petite-caps</keyword>
<keyword>all-small-caps</keyword>
<keyword>all-scroll</keyword> <!-- css2, but needed for regex -->
<keyword>all</keyword>
<keyword>alpha</keyword>
<keyword>alternate-reverse</keyword>
<keyword>alternate</keyword>
<keyword>avoid-page</keyword>
<keyword>auto-flow</keyword>
<keyword>backwards</keyword>
<keyword>balance</keyword>
<keyword>border-box</keyword>
<keyword>break-all</keyword>
<keyword>break-word</keyword>
<keyword>clip</keyword>
<keyword>clone</keyword>
<keyword>color-burn</keyword>
<keyword>color-dodge</keyword>
<keyword>color</keyword>
<keyword>column-reverse</keyword>
<keyword>column</keyword>
<keyword>common-ligatures</keyword>
<keyword>contain</keyword>
<keyword>content-box</keyword>
<keyword>contents</keyword>
<keyword>contextual</keyword>
<keyword>cover</keyword>
<keyword>crisp-edges</keyword>
<keyword>currentcolor</keyword>
<keyword>darken</keyword>
<keyword>dense</keyword>
<keyword>diagonal-fractions</keyword>
<keyword>difference</keyword>
<keyword>disabled</keyword>
<keyword>discretionary-ligatures</keyword>
<keyword>distribute</keyword>
<keyword>ease-in-out</keyword>
<keyword>ease-in</keyword>
<keyword>ease-out</keyword>
<keyword>ease</keyword>
<keyword>ellipsis</keyword>
<keyword>end</keyword>
<keyword>exclude</keyword>
<keyword>exclusion</keyword>
<keyword>fill-box</keyword>
<keyword>fill</keyword>
<keyword>first</keyword>
<keyword>flat</keyword>
<keyword>flex-end</keyword>
<keyword>flex-start</keyword>
<keyword>flex</keyword>
<keyword>flip</keyword>
<keyword>force-end</keyword>
<keyword>forwards</keyword>
<keyword>from-image</keyword>
<keyword>full-width</keyword>
<keyword>grid</keyword>
<keyword>hard-light</keyword>
<keyword>historical-forms</keyword>
<keyword>historical-ligatures</keyword>
<keyword>horizontal-tb</keyword>
<keyword>horizontal</keyword>
<keyword>hue</keyword>
<keyword>inactive</keyword>
<keyword>infinite</keyword>
<keyword>initial</keyword>
<keyword>inline-flex</keyword>
<keyword>inline-grid</keyword>
<keyword>inter-cluster</keyword>
<keyword>inter-ideograph</keyword>
<keyword>inter-word</keyword>
<keyword>intersect</keyword>
<keyword>isolate</keyword>
<keyword>kashida</keyword>
<keyword>keep-all</keyword>
<keyword>last</keyword>
<keyword>left-side</keyword> <!-- css2, but needed for regex -->
<keyword>left</keyword>
<keyword>lighten</keyword>
<keyword>linear</keyword>
<keyword>lining-nums</keyword>
<keyword>local</keyword>
<keyword>loose</keyword>
<keyword>luminance</keyword>
<keyword>luminosity</keyword>
<keyword>manual</keyword>
<keyword>mixed</keyword>
<keyword>multiply</keyword>
<keyword>no-clip</keyword>
<keyword>no-common-ligatures</keyword>
<keyword>no-contextual</keyword>
<keyword>no-discretionary-ligatures</keyword>
<keyword>no-historical-ligatures</keyword>
<keyword>oldstyle-nums</keyword>
<keyword>ordinal</keyword>
<keyword>overlay</keyword>
<keyword>padding-box</keyword>
<keyword>page</keyword>
<keyword>paused</keyword>
<keyword>petite-caps</keyword>
<keyword>pixelated</keyword>
<keyword>preserve-3d</keyword>
<keyword>proportional-nums</keyword>
<keyword>proportional-width</keyword>
<keyword>reverse</keyword>
<keyword>round</keyword>
<keyword>row-reverse</keyword>
<keyword>row</keyword>
<keyword>ruby</keyword>
<keyword>running</keyword>
<keyword>saturation</keyword>
<keyword>scale-down</keyword>
<keyword>screen</keyword>
<keyword>scroll-position</keyword>
<keyword>sideways-left</keyword>
<keyword>sideways-right</keyword>
<keyword>sideways</keyword>
<keyword>slashed-zero</keyword>
<keyword>slice</keyword>
<keyword>soft-light</keyword>
<keyword>space-around</keyword>
<keyword>space-between</keyword>
<keyword>space-evenly</keyword>
<keyword>space</keyword>
<keyword>stacked-fractions</keyword>
<keyword>start</keyword>
<keyword>step-end</keyword>
<keyword>step-start</keyword>
<keyword>stretch</keyword>
<keyword>strict</keyword>
<keyword>stroke-box</keyword>
<keyword>style</keyword>
<keyword>stylistic</keyword>
<keyword>subtract</keyword>
<keyword>tabular-nums</keyword>
<keyword>titling-caps</keyword>
<keyword>trim</keyword>
<keyword>under</keyword>
<keyword>unicase</keyword>
<keyword>unset</keyword>
<keyword>upright</keyword>
<keyword>use-glyph-orientation</keyword>
<keyword>vertical-lr</keyword>
<keyword>vertical-rl</keyword>
<keyword>vertical</keyword>
<keyword>view-box</keyword>
<keyword>wavy</keyword>
<keyword>weight</keyword>
<keyword>wrap-reverse</keyword>
<keyword>wrap</keyword>
</context>
<context id="property-values" style-ref="keyword">
<keyword>above</keyword>
<keyword>absolute</keyword>
<keyword>alias</keyword>
<keyword>all-scroll</keyword>
<keyword>always</keyword>
<keyword>armenian</keyword>
<keyword>auto</keyword>
<keyword>avoid</keyword>
<keyword>baseline</keyword>
<keyword>behind</keyword>
<keyword>below</keyword>
<keyword>bidi-override</keyword>
<keyword>blink</keyword>
<keyword>block</keyword>
<keyword>bolder</keyword>
<keyword>bold</keyword>
<keyword>both</keyword>
<keyword>bottom</keyword>
<keyword>capitalize</keyword>
<keyword>caption</keyword>
<keyword>cell</keyword>
<keyword>center-left</keyword>
<keyword>center-right</keyword>
<keyword>center</keyword>
<keyword>circle</keyword>
<keyword>cjk-ideographic</keyword>
<keyword>close-quote</keyword>
<keyword>code</keyword>
<keyword>collapse</keyword>
<keyword>col-resize</keyword>
<keyword>compact</keyword>
<keyword>condensed</keyword>
<keyword>continuous</keyword>
<keyword>context-menu</keyword>
<keyword>copy</keyword>
<keyword>crop</keyword>
<keyword>crosshair</keyword>
<keyword>cross</keyword>
<keyword>cue-after</keyword>
<keyword>cue-before</keyword>
<keyword>cursive</keyword>
<keyword>dashed</keyword>
<keyword>decimal</keyword>
<keyword>decimal-leading-zero</keyword>
<keyword>default</keyword>
<keyword>digits</keyword>
<keyword>disc</keyword>
<keyword>dotted</keyword>
<keyword>double</keyword>
<keyword>embed</keyword>
<keyword>e-resize</keyword>
<keyword>ew-resize</keyword>
<keyword>expanded</keyword>
<keyword>extra-condensed</keyword>
<keyword>extra-expanded</keyword>
<keyword>fantasy</keyword>
<keyword>far-left</keyword>
<keyword>far-right</keyword>
<keyword>faster</keyword>
<keyword>fast</keyword>
<keyword>fixed</keyword>
<keyword>flow-root</keyword>
<keyword>georgian</keyword>
<keyword>grabbing</keyword>
<keyword>grab</keyword>
<keyword>groove</keyword>
<keyword>hebrew</keyword>
<keyword>help</keyword>
<keyword>hidden</keyword>
<keyword>hide</keyword>
<keyword>higher</keyword>
<keyword>high</keyword>
<keyword>hiragana-iroha</keyword>
<keyword>hiragana</keyword>
<keyword>icon</keyword>
<keyword>inherit</keyword>
<keyword>inline-block</keyword>
<keyword>inline-table</keyword>
<keyword>inline</keyword>
<keyword>inset</keyword>
<keyword>inside</keyword>
<keyword>invert</keyword>
<keyword>italic</keyword>
<keyword>justify</keyword>
<keyword>katakana-iroha</keyword>
<keyword>katakana</keyword>
<keyword>landscape</keyword>
<keyword>large</keyword>
<keyword>larger</keyword>
<keyword>left-side</keyword>
<keyword>leftwards</keyword>
<keyword>level</keyword>
<keyword>lighter</keyword>
<keyword>line-through</keyword>
<keyword>list-item</keyword>
<keyword>loud</keyword>
<keyword>lower-alpha</keyword>
<keyword>lowercase</keyword>
<keyword>lower-greek</keyword>
<keyword>lower-latin</keyword>
<keyword>lower-roman</keyword>
<keyword>lower</keyword>
<keyword>low</keyword>
<keyword>ltr</keyword>
<keyword>marker</keyword>
<keyword>medium</keyword>
<keyword>menu</keyword>
<keyword>message-box</keyword>
<keyword>middle</keyword>
<keyword>mix</keyword>
<keyword>monospace</keyword>
<keyword>move</keyword>
<keyword>narrower</keyword>
<keyword>ne-resize</keyword>
<keyword>nesw-resize</keyword>
<keyword>no-close-quote</keyword>
<keyword>no-drop</keyword>
<keyword>no-open-quote</keyword>
<keyword>no-repeat</keyword>
<keyword>none</keyword>
<keyword>normal</keyword>
<keyword>not-allowed</keyword>
<keyword>nowrap</keyword>
<keyword>ns-resize</keyword>
<keyword>nw-resize</keyword>
<keyword>nwse-resize</keyword>
<keyword>n-resize</keyword>
<keyword>oblique</keyword>
<keyword>once</keyword>
<keyword>open-quote</keyword>
<keyword>outset</keyword>
<keyword>outside</keyword>
<keyword>overline</keyword>
<keyword>pointer</keyword>
<keyword>portrait</keyword>
<keyword>pre-line</keyword>
<keyword>pre-wrap</keyword>
<keyword>pre</keyword>
<keyword>progress</keyword>
<keyword>relative</keyword>
<keyword>repeat-x</keyword>
<keyword>repeat-y</keyword>
<keyword>repeat</keyword>
<keyword>ridge</keyword>
<keyword>right-side</keyword>
<keyword>right</keyword>
<keyword>rightwards</keyword>
<keyword>row-resize</keyword>
<keyword>rtl</keyword>
<keyword>run-in</keyword>
<keyword>sans-serif</keyword>
<keyword>scroll</keyword>
<keyword>semi-condensed</keyword>
<keyword>semi-expanded</keyword>
<keyword>separate</keyword>
<keyword>se-resize</keyword>
<keyword>serif</keyword>
<keyword>show</keyword>
<keyword>silent</keyword>
<keyword>slower</keyword>
<keyword>slow</keyword>
<keyword>small-caps</keyword>
<keyword>smaller</keyword>
<keyword>small-caption</keyword>
<keyword>small</keyword>
<keyword>soft</keyword>
<keyword>solid</keyword>
<keyword>spell-out</keyword>
<keyword>square</keyword>
<keyword>se-resize</keyword>
<keyword>sw-resize</keyword>
<keyword>s-resize</keyword>
<keyword>static</keyword>
<keyword>status-bar</keyword>
<keyword>sub</keyword>
<keyword>super</keyword>
<keyword>sw-resize</keyword>
<keyword>table-caption</keyword>
<keyword>table-cell</keyword>
<keyword>table-column-group</keyword>
<keyword>table-column</keyword>
<keyword>table-footer-group</keyword>
<keyword>table-header-group</keyword>
<keyword>table-row-group</keyword>
<keyword>table-row</keyword>
<keyword>table</keyword>
<keyword>text-bottom</keyword>
<keyword>text</keyword>
<keyword>text-top</keyword>
<keyword>thick</keyword>
<keyword>thin</keyword>
<keyword>top</keyword>
<keyword>transparent</keyword>
<keyword>ultra-condensed</keyword>
<keyword>ultra-expanded</keyword>
<keyword>underline</keyword>
<keyword>upper-alpha</keyword>
<keyword>uppercase</keyword>
<keyword>upper-latin</keyword>
<keyword>upper-roman</keyword>
<keyword>vertical-text</keyword>
<keyword>visible</keyword>
<keyword>wait</keyword>
<keyword>wider</keyword>
<keyword>w-resize</keyword>
<keyword>x-fast</keyword>
<keyword>x-high</keyword>
<keyword>x-large</keyword>
<keyword>x-loud</keyword>
<keyword>x-low</keyword>
<keyword>x-slow</keyword>
<keyword>x-small</keyword>
<keyword>x-soft</keyword>
<keyword>xx-large</keyword>
<keyword>xx-small</keyword>
<keyword>zoom-in</keyword>
<keyword>zoom-out</keyword>
</context>
<context id="property-name">
<include>
<context ref="vendor-specific-name"/>
<context ref="svg-property-names"/>
<context ref="css3-property-names"/>
<context ref="property-names"/>
</include>
</context>
<context id="property-value-keyword">
<include>
<context ref="vendor-specific-name"/>
<context ref="animatable-properties"/>
<context ref="svg-property-values"/>
<context ref="east-asian-variant-values"/>
<context ref="page-sizes"/>
<context ref="css3-property-values"/>
<context ref="property-values"/>
</include>
</context>
<!-- any assignable value -->
<context id="any-value">
<include>
<context ref="function-call"/>
<context ref="property-value-keyword"/>
<context ref="data-value"/>
<context ref="slash"/>
<context ref="comma"/> <!-- for lists -->
</include>
</context>
<!-- modifiers -->
<context id="modifiers" end-parent="true" style-ref="modifier">
<keyword>important</keyword>
</context>
<context id="modifier-content">
<include>
<context ref="modifiers"/>
</include>
</context>
<context id="modifier">
<start>!</start>
<end>\%{declaration-value-end}</end>
<include>
<context sub-pattern="0" where="start" style-ref="modifier"/>
<context ref="comment"/>
<context ref="modifier-content"/>
</include>
</context>
<!-- style block -->
<context id="declaration-property">
<include>
<context ref="property-name"/>
</include>
</context>
<context id="declaration-value-content">
<include>
<context ref="any-value"/>
</include>
</context>
<context id="declaration-value">
<start>:</start>
<end>\%{declaration-value-end}</end>
<include>
<context sub-pattern="0" where="start" style-ref="delimiter"/>
<context ref="comment"/>
<context ref="declaration-value-content"/>
</include>
</context>
<context id="declaration">
<include>
<context ref="declaration-property"/>
<context ref="declaration-value"/>
<context ref="modifier"/>
<context ref="semicolon"/>
</include>
</context>
<context id="style-block-content">
<include>
<context ref="declaration"/>
</include>
</context>
<context id="style-block">
<start>\{</start>
<end>\}</end>
<include>
<context sub-pattern="0" where="start" style-ref="block-delimiter"/>
<context sub-pattern="0" where="end" style-ref="block-delimiter"/>
<context ref="comment"/>
<context ref="style-block-content"/>
</include>
</context>
<!-- media queries -->
<context id="media-query-operators" style-ref="media-query-operator">
<keyword>and</keyword>
<keyword>not</keyword>
<keyword>only</keyword>
</context>
<context id="media-types" style-ref="media-type">
<keyword>all</keyword>
<keyword>print</keyword>
<keyword>screen</keyword>
<keyword>speech</keyword>
</context>
<context id="css3-media-features" style-ref="media-feature">
<keyword>any-hover</keyword>
<keyword>any-pointer</keyword>
<keyword>aspect-ratio</keyword>
<keyword>color-gamut</keyword>
<keyword>color-index</keyword>
<keyword>color</keyword>
<keyword>display-mode</keyword>
<keyword>grid</keyword>
<keyword>height</keyword>
<keyword>hover</keyword>
<keyword>max-aspect-ratio</keyword>
<keyword>max-color-index</keyword>
<keyword>max-color</keyword>
<keyword>max-height</keyword>
<keyword>max-monochrome</keyword>
<keyword>max-resolution</keyword>
<keyword>max-width</keyword>
<keyword>min-aspect-ratio</keyword>
<keyword>min-color-index</keyword>
<keyword>min-color</keyword>
<keyword>min-height</keyword>
<keyword>min-monochrome</keyword>
<keyword>min-resolution</keyword>
<keyword>min-width</keyword>
<keyword>monochrome</keyword>
<keyword>orientation</keyword>
<keyword>overflow-block</keyword>
<keyword>overflow-inline</keyword>
<keyword>pointer</keyword>
<keyword>resolution</keyword>
<keyword>scan</keyword>
<keyword>update</keyword>
<keyword>width</keyword>
</context>
<context id="css3-media-feature-values" style-ref="media-feature-value">
<keyword>browser</keyword>
<keyword>coarse</keyword>
<keyword>fast</keyword>
<keyword>fine</keyword>
<keyword>fullscreen</keyword>
<keyword>hover</keyword>
<keyword>interlace</keyword>
<keyword>landscape</keyword>
<keyword>minimal-ui</keyword>
<keyword>none</keyword>
<keyword>optional-paged</keyword>
<keyword>p3</keyword>
<keyword>paged</keyword>
<keyword>portrait</keyword>
<keyword>progressive</keyword>
<keyword>rec2020</keyword>
<keyword>scroll</keyword>
<keyword>slow</keyword>
<keyword>srgb</keyword>
<keyword>standalone</keyword>
</context>
<context id="media-type-value">
<include>
<context ref="media-types"/>
</include>
</context>
<context id="media-feature-test-name">
<include>
<context ref="css3-media-features"/>
</include>
</context>
<context id="media-feature-test-value-content">
<include>
<context ref="css3-media-feature-values"/>
<context ref="data-value"/>
</include>
</context>
<context id="media-feature-test-value">
<start>:</start>
<end>\%{test-value-end}</end>
<include>
<context sub-pattern="0" where="start" style-ref="delimiter"/>
<context ref="comment"/>
<context ref="media-feature-test-value-content"/>
</include>
</context>
<context id="media-feature-test-content">
<include>
<context ref="media-queries"/>
<context ref="media-feature-test-name"/>
<context ref="media-feature-test-value"/>
</include>
</context>
<context id="media-feature-test">
<start>\(</start>
<end>\)</end>
<include>
<context sub-pattern="0" where="start" style-ref="test-delimiter"/>
<context sub-pattern="0" where="end" style-ref="test-delimiter"/>
<context ref="comment"/>
<context ref="media-feature-test-content"/>
</include>
</context>
<context id="media-queries">
<include>
<context ref="media-query-operators"/>
<context ref="media-type-value"/>
<context ref="media-feature-test"/>
<context ref="comma"/>
</include>
</context>
<!-- at-rules -->
<context id="at-rule-style-block-content">
<include>
<context ref="declaration"/>
</include>
</context>
<context id="at-rule-style-block" end-parent="true">
<start>\{</start>
<end>\}</end>
<include>
<context sub-pattern="0" where="start" style-ref="block-delimiter"/>
<context sub-pattern="0" where="end" style-ref="block-delimiter"/>
<context ref="comment"/>
<context ref="at-rule-style-block-content"/>
</include>
</context>
<context id="at-rule-css-block-content">
<include>
<context ref="at-rule"/>
<context ref="selector"/>
<context ref="style-block"/>
</include>
</context>
<context id="at-rule-css-block" end-parent="true">
<start>\{</start>
<end>\}</end>
<include>
<context sub-pattern="0" where="start" style-ref="block-delimiter"/>
<context sub-pattern="0" where="end" style-ref="block-delimiter"/>
<context ref="comment"/>
<context ref="at-rule-css-block-content"/>
</include>
</context>
<!--
if this was a simple context (<match>), then in a case like this:
@supports {
@import url();
@media screen {}
}
the @media rule would not be highlighted correctly
(seems like a bug?)
-->
<context id="at-rule-delimiter" end-parent="true" style-ref="delimiter">
<start>(?=;)</start>
<end>;</end>
</context>
<context id="vendor-specific-at-rule">
<start>@\%{vendor-specific-identifier-regex}</start>
<include>
<context sub-pattern="0" where="start" style-ref="vendor-specific"/>
<context ref="at-rule-css-block"/>
<context ref="at-rule-delimiter"/>
</include>
</context>
<!--
@charset "encoding";
-->
<context id="at-charset" first-line-only="true">
<start case-sensitive="true">^@charset(?= "[^"]*";)</start>
<include>
<context sub-pattern="0" where="start" style-ref="at-rule"/>
<context ref="def:string"/>
<context ref="at-rule-delimiter"/>
</include>
</context>
<context id="at-charset-error" style-ref="error">
<start>@charset\%]</start>
<include>
<context ref="at-rule-delimiter"/>
</include>
</context>
<!--
@font-face <style-block>
-->
<context id="at-font-face">
<start>@font-face\%]</start>
<include>
<context sub-pattern="0" where="start" style-ref="at-rule"/>
<context ref="comment"/>
<context ref="at-rule-style-block"/>
</include>
</context>
<!--
@font-feature-values <font name|"font name"> {
@<font-feature-type> {
<custom-name>: <positive-integer>+;
}
}
-->
<context id="font-feature-types" style-ref="at-rule-inner-selector">
<prefix>@</prefix>
<keyword>annotation</keyword>
<keyword>character-variant</keyword>
<keyword>ornaments</keyword>
<keyword>styleset</keyword>
<keyword>stylistic</keyword>
<keyword>swash</keyword>
</context>
<context id="font-feature-type-value">
<include>
<context ref="font-feature-types"/>
</include>
</context>
<context id="font-feature-value-declaration-name">
<include>
<context ref="name-value"/>
</include>
</context>
<context id="font-feature-value-declaration-value-content">
<include>
<context ref="positive-integer"/>
</include>
</context>
<context id="font-feature-value-declaration-value">
<start>:</start>
<end>\%{declaration-value-end}</end>
<include>
<context sub-pattern="0" where="start" style-ref="delimiter"/>
<context ref="comment"/>
<context ref="font-feature-value-declaration-value-content"/>
</include>
</context>
<context id="at-font-feature-values-feature-value-block">
<start>\{</start>
<end>\}</end>
<include>
<context sub-pattern="0" where="start" style-ref="block-delimiter"/>
<context sub-pattern="0" where="end" style-ref="block-delimiter"/>
<context ref="comment"/>
<context ref="font-feature-value-declaration-name"/>
<context ref="font-feature-value-declaration-value"/>
<context ref="semicolon"/>
</include>
</context>
<context id="at-font-feature-values-block" end-parent="true">
<start>\{</start>
<end>\}</end>
<include>
<context sub-pattern="0" where="start" style-ref="block-delimiter"/>
<context sub-pattern="0" where="end" style-ref="block-delimiter"/>
<context ref="comment"/>
<context ref="font-feature-type-value"/>
<context ref="at-font-feature-values-feature-value-block"/>
</include>
</context>
<context id="at-font-feature-values">
<start>@font-feature-values\%]</start>
<include>
<context sub-pattern="0" where="start" style-ref="at-rule"/>
<context ref="comment"/>
<context ref="string-value"/>
<context ref="name-value"/>
<context ref="at-font-feature-values-block"/>
</include>
</context>
<!--
@import <url(...)|"url"> <media-queries>?;
-->
<context id="at-import">
<start>@import\%]</start>
<include>
<context sub-pattern="0" where="start" style-ref="at-rule"/>
<context ref="comment"/>
<context ref="url"/>
<context ref="media-queries"/>
<context ref="string-value"/>
<context ref="at-rule-delimiter"/>
</include>
</context>
<!--
@keyframes <custom name|"custom name"> {
<from|to|%> <style-block>
}
-->
<context id="keyframe-selector" style-ref="at-rule-inner-selector">
<keyword>from</keyword>
<keyword>to</keyword>
</context>
<context id="keyframe-selector-value">
<include>
<context ref="percentage" style-ref="at-rule-inner-selector"/>
<context ref="keyframe-selector"/>
</include>
</context>
<context id="at-keyframes-block" end-parent="true">
<start>\{</start>
<end>\}</end>
<include>
<context sub-pattern="0" where="start" style-ref="block-delimiter"/>
<context sub-pattern="0" where="end" style-ref="block-delimiter"/>
<context ref="comment"/>
<context ref="keyframe-selector-value"/>
<context ref="style-block"/>
</include>
</context>
<context id="vendor-specific-at-keyframes">
<start>@\%{vendor-specific-prefix-regex}keyframes\%]</start>
<include>
<context sub-pattern="0" where="start" style-ref="vendor-specific"/>
<context ref="comment"/>
<context ref="string-value"/>
<context ref="name-value"/>
<context ref="at-keyframes-block"/>
</include>
</context>
<context id="at-keyframes">
<start>@keyframes\%]</start>
<include>
<context sub-pattern="0" where="start" style-ref="at-rule"/>
<context ref="comment"/>
<context ref="string-value"/>
<context ref="name-value"/>
<context ref="at-keyframes-block"/>
</include>
</context>
<!--
@media <media-queries> <css-block>
-->
<context id="at-media">
<start>@media\%]</start>
<include>
<context sub-pattern="0" where="start" style-ref="at-rule"/>
<context ref="comment"/>
<context ref="media-queries"/>
<context ref="at-rule-css-block"/>
</include>
</context>
<!--
@namespace <namespace>? <url(...)|"url">;
-->
<context id="namespace-value">
<include>
<context ref="name" style-ref="namespace"/>
</include>
</context>
<context id="at-namespace">
<start>@namespace\%]</start>
<include>
<context sub-pattern="0" where="start" style-ref="at-rule"/>
<context ref="comment"/>
<context ref="url"/>
<context ref="string-value"/>
<context ref="namespace-value"/>
<context ref="at-rule-delimiter"/>
</include>
</context>
<!--
@page <custom name>?<pseudo-page>* (, <custom name>?<pseudo-page>*)* {
<declaration>*
(@<page-margin-box-type> <style-block>)*
}
-->
<context id="pseudo-pages" style-ref="pseudo-class">
<prefix>:</prefix>
<keyword>blank</keyword>
<keyword>first</keyword>
<keyword>left</keyword>
<keyword>right</keyword>
</context>
<context id="page-margin-box-types" style-ref="at-rule-inner-selector">
<prefix>@</prefix>
<keyword>bottom-center</keyword>
<keyword>bottom-left-corner</keyword>
<keyword>bottom-left</keyword>
<keyword>bottom-right-corner</keyword>
<keyword>bottom-right</keyword>
<keyword>left-bottom</keyword>
<keyword>left-middle</keyword>
<keyword>left-top</keyword>
<keyword>right-bottom</keyword>
<keyword>right-middle</keyword>
<keyword>right-top</keyword>
<keyword>top-center</keyword>
<keyword>top-left-corner</keyword>
<keyword>top-left</keyword>
<keyword>top-right-corner</keyword>
<keyword>top-right</keyword>
</context>
<context id="at-page-block" end-parent="true">
<start>\{</start>
<end>\}</end>
<include>
<context sub-pattern="0" where="start" style-ref="block-delimiter"/>
<context sub-pattern="0" where="end" style-ref="block-delimiter"/>
<context ref="comment"/>
<context ref="declaration"/>
<context ref="page-margin-box-types"/>
<context ref="style-block"/>
</include>
</context>
<context id="at-page">
<start>@page\%]</start>
<include>
<context sub-pattern="0" where="start" style-ref="at-rule"/>
<context ref="comment"/>
<context ref="pseudo-pages"/>
<context ref="name-value"/>
<context ref="comma"/>
<context ref="at-page-block"/>
</include>
</context>
<!--
@supports <test> <css-block>
-->
<context id="at-supports-operators" style-ref="at-rule-operator">
<keyword>and</keyword>
<keyword>not</keyword>
<keyword>or</keyword>
</context>
<define-regex id="at-supports-declaration-value-end" extended="true">
(?:
\%{test-value-end} |
(?= ! )
)
</define-regex>
<context id="at-supports-declaration-value">
<start>:</start>
<end>\%{at-supports-declaration-value-end}</end>
<include>
<context sub-pattern="0" where="start" style-ref="delimiter"/>
<context ref="comment"/>
<context ref="declaration-value-content"/>
</include>
</context>
<context id="at-supports-modifier">
<start>!</start>
<end>\%{at-supports-declaration-value-end}</end>
<include>
<context sub-pattern="0" where="start" style-ref="modifier"/>
<context ref="comment"/>
<context ref="modifier-content"/>
</include>
</context>
<context id="at-supports-test">
<start>\(</start>
<end>\)</end>
<include>
<context sub-pattern="0" where="start" style-ref="test-delimiter"/>
<context sub-pattern="0" where="end" style-ref="test-delimiter"/>
<context ref="comment"/>
<context ref="at-supports-test"/>
<context ref="at-supports-operators"/>
<context ref="declaration-property"/>
<context ref="at-supports-declaration-value"/>
<context ref="at-supports-modifier"/> <!-- allowed here but has no effect -->
</include>
</context>
<context id="at-supports">
<start>@supports\%]</start>
<include>
<context sub-pattern="0" where="start" style-ref="at-rule"/>
<context ref="comment"/>
<context ref="at-supports-test"/>
<context ref="at-supports-operators"/>
<context ref="at-rule-css-block"/>
</include>
</context>
<!-- all at-rules -->
<context id="at-rule">
<include>
<context ref="vendor-specific-at-keyframes"/>
<context ref="vendor-specific-at-rule"/>
<context ref="at-charset"/>
<context ref="at-charset-error"/>
<context ref="at-font-face"/>
<context ref="at-font-feature-values"/>
<context ref="at-import"/>
<context ref="at-keyframes"/>
<context ref="at-media"/>
<context ref="at-namespace"/>
<context ref="at-page"/>
<context ref="at-supports"/>
</include>
</context>
<!-- selectors -->
<!-- namespace qualifier -->
<context id="namespace-qualifier">
<match>(\%{identifier-regex}|\*)?(\|)</match>
<include>
<context sub-pattern="1" style-ref="namespace"/>
<context sub-pattern="2" style-ref="namespace-qualifier"/>
</include>
</context>
<!-- simple selectors -->
<context id="id-selector" style-ref="id-selector">
<match>#\%{identifier-regex}</match>
</context>
<context id="class-selector" style-ref="class-selector">
<match>\.\%{identifier-regex}</match>
</context>
<context id="type-selector" style-ref="type-selector">
<match>\%{identifier-regex}</match>
</context>
<context id="universal-selector" style-ref="universal-selector">
<match>\*</match>
</context>
<context id="attribute-selector-attribute-name">
<match>(?<=\[)\s*(\%{identifier-regex})</match>
<include>
<context sub-pattern="1" style-ref="attribute-selector-name"/>
</include>
</context>
<context id="attribute-selector-operator" style-ref="attribute-selector-operator">
<match>[~|^$*]?=</match>
</context>
<context id="attribute-selector-content">
<include>
<context ref="string-value"/>
<context ref="attribute-selector-attribute-name"/>
<context ref="attribute-selector-operator"/>
</include>
</context>
<context id="attribute-selector">
<start>\[</start>
<end>\]</end>
<include>
<context sub-pattern="0" where="start" style-ref="attribute-selector"/>
<context sub-pattern="0" where="end" style-ref="attribute-selector"/>
<context ref="comment"/>
<context ref="attribute-selector-content"/>
</include>
</context>
<context id="simple-selector">
<include>
<context ref="id-selector"/>
<context ref="class-selector"/>
<context ref="type-selector"/>
<context ref="universal-selector"/>
<context ref="attribute-selector"/>
</include>
</context>
<!-- combinators -->
<!-- technically, this should include the space character (descendant combinator) -->
<context id="combinator" style-ref="combinator">
<match>[>+~]</match>
</context>
<!-- pseudo-elements -->
<context id="vendor-specific-pseudo-element" style-ref="vendor-specific">
<match>::\%{vendor-specific-identifier-regex}</match>
</context>
<context id="single-colon-pseudo-elements" style-ref="pseudo-element">
<prefix>::?</prefix>
<keyword>after</keyword>
<keyword>before</keyword>
<keyword>first-letter</keyword>
<keyword>first-line</keyword>
</context>
<context id="pseudo-elements" style-ref="pseudo-element">
<prefix>::</prefix>
<keyword>placeholder</keyword>
<keyword>selection</keyword>
</context>
<context id="pseudo-element">
<include>
<context ref="vendor-specific-pseudo-element"/>
<context ref="single-colon-pseudo-elements"/>
<context ref="pseudo-elements"/>
</include>
</context>
<!-- pseudo-classes -->
<context id="vendor-specific-pseudo-class" style-ref="vendor-specific">
<match>:\%{vendor-specific-identifier-regex}</match>
</context>
<context id="pseudo-classes" style-ref="pseudo-class">
<prefix>:</prefix>
<keyword>active</keyword>
<keyword>checked</keyword>
<keyword>default</keyword>
<keyword>disabled</keyword>
<keyword>empty</keyword>
<keyword>enabled</keyword>
<keyword>first-child</keyword>
<keyword>first-of-type</keyword>
<keyword>focus</keyword>
<keyword>hover</keyword>
<keyword>in-range</keyword>
<keyword>indeterminate</keyword>
<keyword>invalid</keyword>
<keyword>lang</keyword>
<keyword>last-child</keyword>
<keyword>last-of-type</keyword>
<keyword>link</keyword>
<keyword>not</keyword>
<keyword>nth-child</keyword>
<keyword>nth-last-child</keyword>
<keyword>nth-last-of-type</keyword>
<keyword>nth-of-type</keyword>
<keyword>only-child</keyword>
<keyword>only-of-type</keyword>
<keyword>optional</keyword>
<keyword>out-of-range</keyword>
<keyword>read-only</keyword>
<keyword>read-write</keyword>
<keyword>required</keyword>
<keyword>root</keyword>
<keyword>target</keyword>
<keyword>valid</keyword>
<keyword>visited</keyword>
</context>
<context id="pseudo-class">
<include>
<context ref="vendor-specific-pseudo-class"/>
<context ref="pseudo-classes"/>
</include>
</context>
<!-- pseudo-class arguments -->
<context id="lang-pseudo-class-argument-content">
<include>
<context ref="name-value"/>
</include>
</context>
<context id="lang-pseudo-class-argument">
<start>(?<=:lang)\(</start>
<end>\)</end>
<include>
<context sub-pattern="0" where="start" style-ref="pseudo-class"/>
<context sub-pattern="0" where="end" style-ref="pseudo-class"/>
<context ref="comment"/>
<context ref="lang-pseudo-class-argument-content"/>
</include>
</context>
<context id="not-pseudo-class-nested-not-error" style-ref="error">
<start>:not\(</start>
<end>\)</end>
<include>
<context ref="pseudo-class-argument"/>
</include>
</context>
<context id="not-pseudo-class-nested-pseudo-element-error">
<include>
<context ref="vendor-specific-pseudo-element" style-ref="error"/>
<context ref="single-colon-pseudo-elements" style-ref="error"/>
<context ref="pseudo-elements" style-ref="error"/>
</include>
</context>
<context id="not-pseudo-class-argument">
<start>(?<=:not)\(</start>
<end>\)</end>
<include>
<context sub-pattern="0" where="start" style-ref="pseudo-class"/>
<context sub-pattern="0" where="end" style-ref="pseudo-class"/>
<context ref="comment"/>
<context ref="not-pseudo-class-nested-not-error"/>
<context ref="not-pseudo-class-nested-pseudo-element-error"/>
<context ref="simple-selector"/>
<context ref="combinator"/>
<context ref="pseudo-class"/>
<context ref="pseudo-class-argument"/>
<context ref="comma"/>
</include>
</context>
<context id="nth-pseudo-class-argument-keywords" once-only="true" style-ref="keyword">
<keyword>even</keyword>
<keyword>odd</keyword>
</context>
<context id="nth-pseudo-class-argument-expression" once-only="true" style-ref="expression">
<match extended="true">
(
\%{integer-regex}? n ( \s* [+-] \s* \%{integer-magnitude-regex} )? |
\%{integer-regex}
)
</match>
</context>
<context id="nth-pseudo-class-argument-content">
<include>
<context ref="nth-pseudo-class-argument-keywords"/>
<context ref="nth-pseudo-class-argument-expression"/>
</include>
</context>
<context id="nth-pseudo-class-argument">
<start extended="true">
(?<=
:nth-child |
:nth-last-child |
:nth-of-type |
:nth-last-of-type
)
\(
</start>
<end>\)</end>
<include>
<context sub-pattern="0" where="start" style-ref="pseudo-class"/>
<context sub-pattern="0" where="end" style-ref="pseudo-class"/>
<context ref="comment"/>
<context ref="nth-pseudo-class-argument-content"/>
</include>
</context>
<context id="pseudo-class-argument">
<include>
<context ref="lang-pseudo-class-argument"/>
<context ref="not-pseudo-class-argument"/>
<context ref="nth-pseudo-class-argument"/>
</include>
</context>
<!-- all selectors -->
<context id="selector">
<include>
<context ref="namespace-qualifier"/>
<context ref="simple-selector"/>
<context ref="combinator"/>
<context ref="pseudo-element"/>
<context ref="pseudo-class"/>
<context ref="pseudo-class-argument"/>
<context ref="comma"/>
</include>
</context>
<!-- main context -->
<context id="css" class="no-spell-check">
<include>
<context ref="comment"/>
<context ref="at-rule"/>
<context ref="selector"/>
<context ref="style-block"/>
</include>
</context>
</definitions>
</language>