textmate css language

css.tmlanguage

{	scopeName = 'source.css';
	comment = '';
	fileTypes = ( 'css', 'css.erb' );
	foldingStartMarker = '/\*\*(?!\*)|\{\s*($|/\*(?!.*?\*/.*\S))|\/\*\s*@group\s*.*\s*\*\/';
	foldingStopMarker = '(?<!\*)\*\*/|^\s*\}|\/*\s*@end\s*.*\s*\*\/';
	patterns = (
		{	include = '#comment-block'; },
		{	include = '#selector'; },
		{	name = 'meta.at-rule.charset.css';
			begin = '\s*((@)charset\b)\s*';
			end = '\s*((?=;|$))';
			captures = {
				1 = { name = 'keyword.control.at-rule.charset.css'; };
				2 = { name = 'punctuation.definition.keyword.css'; };
			};
			patterns = (
				{	include = '#string-double'; },
				{	include = '#string-single'; },
			);
		},
		{	name = 'meta.at-rule.import.css';
			begin = '\s*((@)import\b)\s*';
			end = '\s*((?=;|\}))';
			captures = {
				1 = { name = 'keyword.control.at-rule.import.css'; };
				2 = { name = 'punctuation.definition.keyword.css'; };
			};
			patterns = (
				{	include = '#string-double'; },
				{	include = '#string-single'; },
				{	begin = '\s*(url)\s*(\()\s*';
					end = '\s*(\))\s*';
					beginCaptures = {
						1 = { name = 'support.function.url.css'; };
						2 = { name = 'punctuation.section.function.css'; };
					};
					endCaptures = { 1 = { name = 'punctuation.section.function.css'; }; };
					patterns = (
						{	name = 'variable.parameter.url.css';
							match = '[^''") \t]+';
						},
						{	include = '#string-single'; },
						{	include = '#string-double'; },
					);
				},
				{	include = '#media-query-list'; },
			);
		},
		{	name = 'meta.at-rule.font-face.css';
			begin = '^\s*((@)font-face)\s*(?=\{)';
			end = '\s*(\})';
			beginCaptures = {
				1 = { name = 'keyword.control.at-rule.font-face.css'; };
				2 = { name = 'punctuation.definition.keyword.css'; };
			};
			endCaptures = { 1 = { name = 'punctuation.section.property-list.css'; }; };
			patterns = ( { include = '#rule-list'; } );
		},
		{	begin = '(?=^\s*@media\s*.*?\{)';
			end = '\s*(\})';
			endCaptures = { 1 = { name = 'punctuation.section.property-list.css'; }; };
			patterns = (
				{	name = 'meta.at-rule.media.css';
					begin = '^\s*((@)media)(?=.*?\{)';
					end = '\s*(?=\{)';
					beginCaptures = {
						1 = { name = 'keyword.control.at-rule.media.css'; };
						2 = { name = 'punctuation.definition.keyword.css'; };
						3 = { name = 'support.constant.media.css'; };
					};
					patterns = ( { include = '#media-query-list'; } );
				},
				{	begin = '\s*(\{)';
					end = '(?=\})';
					beginCaptures = { 1 = { name = 'punctuation.section.property-list.css'; }; };
					patterns = ( { include = '$self'; } );
				},
			);
		},
		{	begin = '(?=\{)';
			end = '\}';
			endCaptures = { 1 = { name = 'punctuation.section.property-list.css'; }; };
			patterns = ( { include = '#rule-list'; } );
		},
	);
	repository = {
		color-values = {
			patterns = (
				{	name = 'support.constant.color.w3c-standard-color-name.css';
					comment = 'http://www.w3.org/TR/CSS21/syndata.html#value-def-color';
					match = '\b(aqua|black|blue|fuchsia|gray|green|lime|maroon|navy|olive|orange|purple|red|silver|teal|white|yellow)\b';
				},
				{	name = 'invalid.deprecated.color.w3c-non-standard-color-name.css';
					comment = 'These colours are mostly recognised but will not validate. ref: http://www.w3schools.com/css/css_colornames.asp';
					match = '\b(aliceblue|antiquewhite|aquamarine|azure|beige|bisque|blanchedalmond|blueviolet|brown|burlywood|cadetblue|chartreuse|chocolate|coral|cornflowerblue|cornsilk|crimson|cyan|darkblue|darkcyan|darkgoldenrod|darkgray|darkgreen|darkgrey|darkkhaki|darkmagenta|darkolivegreen|darkorange|darkorchid|darkred|darksalmon|darkseagreen|darkslateblue|darkslategray|darkslategrey|darkturquoise|darkviolet|deeppink|deepskyblue|dimgray|dimgrey|dodgerblue|firebrick|floralwhite|forestgreen|gainsboro|ghostwhite|gold|goldenrod|greenyellow|grey|honeydew|hotpink|indianred|indigo|ivory|khaki|lavender|lavenderblush|lawngreen|lemonchiffon|lightblue|lightcoral|lightcyan|lightgoldenrodyellow|lightgray|lightgreen|lightgrey|lightpink|lightsalmon|lightseagreen|lightskyblue|lightslategray|lightslategrey|lightsteelblue|lightyellow|limegreen|linen|magenta|mediumaquamarine|mediumblue|mediumorchid|mediumpurple|mediumseagreen|mediumslateblue|mediumspringgreen|mediumturquoise|mediumvioletred|midnightblue|mintcream|mistyrose|moccasin|navajowhite|oldlace|olivedrab|orangered|orchid|palegoldenrod|palegreen|paleturquoise|palevioletred|papayawhip|peachpuff|peru|pink|plum|powderblue|rosybrown|royalblue|saddlebrown|salmon|sandybrown|seagreen|seashell|sienna|skyblue|slateblue|slategray|slategrey|snow|springgreen|steelblue|tan|thistle|tomato|turquoise|violet|wheat|whitesmoke|yellowgreen)\b';
				},
				{	begin = '(hsla?|rgba?)\s*(\()';
					end = '(\))';
					beginCaptures = {
						1 = { name = 'support.function.misc.css'; };
						2 = { name = 'punctuation.section.function.css'; };
					};
					endCaptures = { 1 = { name = 'punctuation.section.function.css'; }; };
					patterns = (
						{	name = 'constant.other.color.rgb-value.css';
							match = '(?x)\b
							    (0*((1?[0-9]{1,2})|(2([0-4][0-9]|5[0-5])))\s*,\s*){2}
							    (0*((1?[0-9]{1,2})|(2([0-4][0-9]|5[0-5])))\b)
							    (\s*,\s*((0?\.[0-9]+)|[0-1]))?
							';
						},
						{	name = 'constant.other.color.rgb-percentage.css';
							match = '\b([0-9]{1,2}|100)\s*%,\s*([0-9]{1,2}|100)\s*%,\s*([0-9]{1,2}|100)\s*%';
						},
						{	include = '#numeric-values'; },
					);
				},
			);
		};
		comment-block = {
			name = 'comment.block.css';
			begin = '/\*';
			end = '\*/';
			captures = { 0 = { name = 'punctuation.definition.comment.css'; }; };
		};
		media-query = {
			begin = '(?i)\s*(only|not)?\s*(all|aural|braille|embossed|handheld|print|projection|screen|tty|tv)?';
			end = '\s*(?:(,)|(?=[{;]))';
			beginCaptures = {
				1 = { name = 'keyword.operator.logic.media.css'; };
				2 = { name = 'support.constant.media.css'; };
			};
			endCaptures = { 1 = { name = 'punctuation.definition.arbitrary-repitition.css'; }; };
			patterns = (
				{	begin = '\s*(and)?\s*(\()\s*';
					end = '\)';
					beginCaptures = { 1 = { name = 'keyword.operator.logic.media.css'; }; };
					patterns = (
						{	begin = '(?x)
	                            (
	                                ((min|max)-)?
	                                (
	                                    ((device-)?(height|width|aspect-ratio))|
	                                    (color(-index)?)|monochrome|resolution
	                                )
	                            )|grid|scan|orientation
	                            \s*(?=[:)])';
							end = '(:)|(?=\))';
							beginCaptures = { 0 = { name = 'support.type.property-name.media.css'; }; };
							endCaptures = { 1 = { name = 'punctuation.separator.key-value.css'; }; };
						},
						{	name = 'support.constant.property-value.css';
							match = '\b(portrait|landscape|progressive|interlace)';
						},
						{	match = '\s*(\d+)(/)(\d+)';
							captures = {
								1 = { name = 'constant.numeric.css'; };
								2 = { name = 'keyword.operator.arithmetic.css'; };
								3 = { name = 'constant.numeric.css'; };
							};
						},
						{	include = '#numeric-values'; },
					);
				},
			);
		};
		media-query-list = {
			begin = '\s*(?=[^{;])';
			end = '\s*(?=[{;])';
			patterns = ( { include = '#media-query'; } );
		};
		numeric-values = {
			patterns = (
				{	name = 'constant.other.color.rgb-value.css';
					match = '(#)([0-9a-fA-F]{3}|[0-9a-fA-F]{6})\b';
					captures = { 1 = { name = 'punctuation.definition.constant.css'; }; };
				},
				{	name = 'constant.numeric.css';
					match = '(?x)
					    (?:-|\+)?(?:(?:[0-9]+(?:\.[0-9]+)?)|(?:\.[0-9]+))
					    ((?:px|pt|ch|cm|mm|in|r?em|ex|pc|deg|g?rad|dpi|dpcm|s)\b|%)?
					';
					captures = { 1 = { name = 'keyword.other.unit.css'; }; };
				},
			);
		};
		property-values = {
			patterns = (
				{	name = 'support.constant.property-value.css';
					match = '\b(absolute|all(-scroll)?|always|armenian|auto|avoid|baseline|below|bidi-override|block|bold|bolder|both|bottom|break-all|break-word|capitalize|center|char|circle|cjk-ideographic|col-resize|collapse|crosshair|dashed|decimal-leading-zero|decimal|default|disabled|disc|distribute-all-lines|distribute-letter|distribute-space|distribute|dotted|double|e-resize|ellipsis|fixed|geometricPrecision|georgian|groove|hand|hebrew|help|hidden|hiragana-iroha|hiragana|horizontal|ideograph-alpha|ideograph-numeric|ideograph-parenthesis|ideograph-space|inactive|inherit|inline-block|inline|inset|inside|inter-ideograph|inter-word|italic|justify|katakana-iroha|katakana|keep-all|left|lighter|line-edge|line-through|line|list-item|loose|lower-alpha|lower-greek|lower-latin|lower-roman|lowercase|lr-tb|ltr|medium|middle|move|n-resize|ne-resize|newspaper|no-drop|no-repeat|nw-resize|none|normal|not-allowed|nowrap|oblique|optimize(Legibility|Quality|Speed)|outset|outside|overline|pointer|pre(-(wrap|line))?|progress|relative|repeat-x|repeat-y|repeat|right|ridge|row-resize|rtl|s-resize|scroll|se-resize|separate|small-caps|solid|square|static|strict|sub|super|sw-resize|table-footer-group|table-header-group|tb-rl|text-bottom|text-top|text|thick|thin|top|transparent|underline|upper-alpha|upper-latin|upper-roman|uppercase|vertical(-(ideographic|text))?|visible(Painted|Fill|Stroke)?|w-resize|wait|whitespace|zero|smaller|larger|((xx?-)?(small|large))|painted|fill|stroke)\b';
				},
				{	name = 'support.constant.font-name.css';
					match = '(\b(?i:arial|century|comic|courier|garamond|georgia|helvetica|impact|lucida|symbol|system|tahoma|times|trebuchet|utopia|verdana|webdings|sans-serif|serif|monospace)\b)';
				},
				{	include = '#numeric-values'; },
				{	include = '#color-values'; },
				{	include = '#string-double'; },
				{	include = '#string-single'; },
				{	begin = '(rect)\s*(\()';
					end = '(\))';
					beginCaptures = {
						1 = { name = 'support.function.misc.css'; };
						2 = { name = 'punctuation.section.function.css'; };
					};
					endCaptures = { 1 = { name = 'punctuation.section.function.css'; }; };
					patterns = ( { include = '#numeric-values'; } );
				},
				{	begin = '(format|local|url|attr|counter|counters)\s*(\()';
					end = '(\))';
					beginCaptures = {
						1 = { name = 'support.function.misc.css'; };
						2 = { name = 'punctuation.section.function.css'; };
					};
					endCaptures = { 1 = { name = 'punctuation.section.function.css'; }; };
					patterns = (
						{	include = '#string-single'; },
						{	include = '#string-double'; },
						{	name = 'variable.parameter.misc.css';
							match = '[^''") \t]+';
						},
					);
				},
				{	name = 'keyword.other.important.css';
					match = '\!\s*important';
				},
			);
		};
		rule-list = {
			name = 'meta.property-list.css';
			begin = '\{';
			end = '(?=\s*\})';
			beginCaptures = { 0 = { name = 'punctuation.section.property-list.css'; }; };
			patterns = (
				{	include = '#comment-block'; },
				{	name = 'meta.property-name.css';
					begin = '(?<![-a-z])(?=[-a-z])';
					end = '$|(?![-a-z])';
					patterns = (
						{	name = 'support.type.property-name.css';
							match = '\b(azimuth|background-attachment|background-color|background-image|background-position|background-repeat|background|box-shadow|border-radius|border-bottom-color|border-bottom-style|border-bottom-width|border-bottom|border-collapse|border-color|border-left-color|border-left-style|border-left-width|border-left|border-right-color|border-right-style|border-right-width|border-right|border-spacing|border-style|border-top-color|border-top-style|border-top-width|border-top|border-width|border|bottom|caption-side|clear|clip|color|content|counter-increment|counter-reset|cue-after|cue-before|cue|cursor|direction|display|elevation|empty-cells|float|font-family|font-size-adjust|font-size|font-stretch|font-style|font-variant|font-weight|font|height|image-rendering|left|letter-spacing|line-height|list-style-image|list-style-position|list-style-type|list-style|margin-bottom|margin-left|margin-right|margin-top|marker-offset|margin|marks|max-height|max-width|min-height|min-width|-moz-border-radius|opacity|orphans|outline-color|outline-style|outline-width|outline|overflow(-[xy])?|padding-bottom|padding-left|padding-right|padding-top|padding|page-break-after|page-break-before|page-break-inside|page|pause-after|pause-before|pause|pitch-range|pitch|play-during|pointer-events|position|quotes|resize|richness|right|size|speak-header|speak-numeral|speak-punctuation|speech-rate|speak|src|stress|table-layout|text-(align|decoration|indent|rendering|shadow|transform)|top|unicode-bidi|vertical-align|visibility|voice-family|volume|white-space|widows|width|word-(spacing|wrap)|zoom|z-index)\b';
						},
					);
				},
				{	name = 'meta.property-value.css';
					begin = '(:)\s*';
					end = '\s*(;|(?=\}))';
					beginCaptures = { 1 = { name = 'punctuation.separator.key-value.css'; }; };
					endCaptures = { 1 = { name = 'punctuation.terminator.rule.css'; }; };
					patterns = ( { include = '#property-values'; } );
				},
			);
		};
		selector = {
			name = 'meta.selector.css';
			begin = '\s*(?=[:.*#a-zA-Z])';
			end = '(?=[/@{)])';
			patterns = (
				{	name = 'entity.name.tag.css';
					match = '\b(a|abbr|acronym|address|area|article|aside|audio|b|base|big|blockquote|body|br|button|canvas|caption|cite|code|col|colgroup|datalist|dd|del|details|dfn|dialog|div|dl|dt|em|eventsource|fieldset|figure|figcaption|footer|form|frame|frameset|(h[1-6])|head|header|hgroup|hr|html|i|iframe|img|input|ins|kbd|label|legend|li|link|map|mark|menu|meta|meter|nav|noframes|noscript|object|ol|optgroup|option|output|p|param|pre|progress|q|samp|script|section|select|small|span|strike|strong|style|sub|summary|sup|table|tbody|td|textarea|tfoot|th|thead|time|title|tr|tt|ul|var|video)\b';
				},
				{	name = 'entity.other.attribute-name.class.css';
					match = '(\.)[a-zA-Z0-9_-]+';
					captures = { 1 = { name = 'punctuation.definition.entity.css'; }; };
				},
				{	name = 'entity.other.attribute-name.id.css';
					match = '(#)[a-zA-Z][a-zA-Z0-9_-]*';
					captures = { 1 = { name = 'punctuation.definition.entity.css'; }; };
				},
				{	name = 'entity.name.tag.wildcard.css';
					match = '\*';
				},
				{	name = 'entity.other.attribute-name.pseudo-element.css';
					match = '(:+)(after|before|first-letter|first-line|selection)\b';
					captures = { 1 = { name = 'punctuation.definition.entity.css'; }; };
				},
				{	name = 'entity.other.attribute-name.pseudo-class.css';
					match = '(:)((first|last)-child|(first|last|only)-of-type|empty|root|target|first|left|right)\b';
					captures = { 1 = { name = 'punctuation.definition.entity.css'; }; };
				},
				{	name = 'entity.other.attribute-name.pseudo-class.ui-state.css';
					match = '(:)(checked|enabled|default|disabled|indeterminate|invalid|optional|required|valid)\b';
					captures = { 1 = { name = 'punctuation.definition.entity.css'; }; };
				},
				{	begin = '((:)not)(\()';
					end = '\)';
					beginCaptures = {
						1 = { name = 'entity.other.attribute-name.pseudo-class.css'; };
						2 = { name = 'punctuation.definition.entity.css'; };
						3 = { name = 'punctuation.section.function.css'; };
					};
					endCaptures = { 0 = { name = 'punctuation.section.function.css'; }; };
					patterns = ( { include = '#selector'; } );
				},
				{	match = '((:)nth-(?:(?:last-)?child|(?:last-)?of-type))(\()(\-?(?:\d+n?|n)(?:\+\d+)?|even|odd)(\))';
					captures = {
						1 = { name = 'entity.other.attribute-name.pseudo-class.css'; };
						2 = { name = 'punctuation.definition.entity.css'; };
						3 = { name = 'punctuation.section.function.css'; };
						4 = { name = 'constant.numeric.css'; };
						5 = { name = 'punctuation.section.function.css'; };
					};
				},
				{	name = 'entity.other.attribute-name.pseudo-class.css';
					match = '(:)(active|hover|link|visited|focus)\b';
					captures = { 1 = { name = 'punctuation.definition.entity.css'; }; };
				},
				{	name = 'meta.attribute-selector.css';
					match = '(?i)(\[)\s*(-?[_a-z\\[[:^ascii:]]][_a-z0-9\-\\[[:^ascii:]]]*)(?:\s*([~|^$*]?=)\s*(?:(-?[_a-z\\[[:^ascii:]]][_a-z0-9\-\\[[:^ascii:]]]*)|((?>([''"])(?:[^\\]|\\.)*?(\6)))))?\s*(\])';
					captures = {
						1 = { name = 'punctuation.definition.entity.css'; };
						2 = { name = 'entity.other.attribute-name.attribute.css'; };
						3 = { name = 'punctuation.separator.operator.css'; };
						4 = { name = 'string.unquoted.attribute-value.css'; };
						5 = { name = 'string.quoted.double.attribute-value.css'; };
						6 = { name = 'punctuation.definition.string.begin.css'; };
						7 = { name = 'punctuation.definition.string.end.css'; };
					};
				},
			);
		};
		string-double = {
			name = 'string.quoted.double.css';
			begin = '"';
			end = '"';
			beginCaptures = { 0 = { name = 'punctuation.definition.string.begin.css'; }; };
			endCaptures = { 0 = { name = 'punctuation.definition.string.end.css'; }; };
			patterns = (
				{	name = 'constant.character.escape.css';
					match = '\\.';
				},
			);
		};
		string-single = {
			name = 'string.quoted.single.css';
			begin = "'";
			end = "'";
			beginCaptures = { 0 = { name = 'punctuation.definition.string.begin.css'; }; };
			endCaptures = { 0 = { name = 'punctuation.definition.string.end.css'; }; };
			patterns = (
				{	name = 'constant.character.escape.css';
					match = '\\.';
				},
			);
		};
	};
}