Test/Vendor Trident CSS.css
Test/completions.css
Test/css_scopes.xml
@@ -129,9 +129,9 @@
</dict>
<dict>
<key>begin</key>
- <string>((?<=\}|\*/)|^)(?=\s*[\|\[:.*#a-zA-Z])</string>
+ <string>((?<=\}|\*/)|^\s*)(?=\s*[\|\[:.*#a-zA-Z])</string>
<key>end</key>
- <string>(?i)\s*(?=</style)|(?=\{)</string>
+ <string>(?i)\s*(?=</style)|(?=\s*+\{)</string>
<key>name</key>
<string>meta.selector.css</string>
<key>patterns</key>
@@ -148,17 +148,17 @@
</dict>
<dict>
<key>begin</key>
- <string>\{</string>
+ <string>\s*(\{)</string>
<key>captures</key>
<dict>
- <key>0</key>
+ <key>1</key>
<dict>
<key>name</key>
<string>punctuation.section.property-list.css</string>
</dict>
</dict>
<key>end</key>
- <string>(?i)\s*(?=</style)|\}</string>
+ <string>(?i)\s*(?=</style)|(\})</string>
<key>name</key>
<string>meta.scope.property-list.css</string>
<key>patterns</key>
@@ -173,10 +173,6 @@
</dict>
<dict>
<key>include</key>
- <string>#source_css_rules-vendor</string>
- </dict>
- <dict>
- <key>include</key>
<string>#source_css_rules</string>
</dict>
</array>
@@ -264,6 +260,1107 @@
<array>
<dict>
<key>begin</key>
+ <string>(?xi)\s*((
+ ( -atsc -[-a-z]+)
+ |( -ms -[-a-z]+)
+ |( mso -[-a-z]+)
+ |( -moz -[-a-z]+)
+ |( -o -[-a-z]+)
+ |( -wap -[-a-z]+)
+ |( -webkit -[-a-z]+)
+ |( -[-\w]+ -[-a-z]+)
+ ))\b</string>
+ <key>beginCaptures</key>
+ <dict>
+ <key>1</key>
+ <dict>
+ <key>name</key>
+ <string>meta.property-name.css</string>
+ </dict>
+ <key>2</key>
+ <dict>
+ <key>name</key>
+ <string>support.type.property-name.vendor.css</string>
+ </dict>
+ </dict>
+ <key>comment</key>
+ <string> selector{( (property):value);( (property):value )} </string>
+ <key>end</key>
+ <string>(?i)(?=;|}|</style|"|')</string>
+ <key>name</key>
+ <string>meta.property.vendor.css</string>
+ <key>patterns</key>
+ <array>
+ <dict>
+ <key>include</key>
+ <string>#comment-block</string>
+ </dict>
+ <dict>
+ <key>include</key>
+ <string>#nest_curly</string>
+ </dict>
+ <dict>
+ <key>begin</key>
+ <string>:</string>
+ <key>beginCaptures</key>
+ <dict>
+ <key>0</key>
+ <dict>
+ <key>name</key>
+ <string>punctuation.separator.key-value.rule.css</string>
+ </dict>
+ </dict>
+ <key>comment</key>
+ <string> selector{ property(:value); property(:value) } </string>
+ <key>contentName</key>
+ <string>meta.property-value.css</string>
+ <key>end</key>
+ <string>(?i)(?=;|}|</style)</string>
+ <key>patterns</key>
+ <array>
+ <dict>
+ <key>include</key>
+ <string>#comment-block</string>
+ </dict>
+ <dict>
+ <key>include</key>
+ <string>#nest_curly</string>
+ </dict>
+ <dict>
+ <key>include</key>
+ <string>#source_css_rules-values</string>
+ </dict>
+ </array>
+ </dict>
+ </array>
+ </dict>
+ <dict>
+ <key>begin</key>
+ <string>(?xi)\s*\b((background-image))\b</string>
+ <key>beginCaptures</key>
+ <dict>
+ <key>1</key>
+ <dict>
+ <key>name</key>
+ <string>meta.property-name.css</string>
+ </dict>
+ <key>2</key>
+ <dict>
+ <key>name</key>
+ <string>support.type.property-name.css</string>
+ </dict>
+ </dict>
+ <key>comment</key>
+ <string> selector{( (property):value);( (property):value )} </string>
+ <key>end</key>
+ <string>(?i)(?=;|}|</style|"|')</string>
+ <key>name</key>
+ <string>meta.property.background-image.css</string>
+ <key>patterns</key>
+ <array>
+ <dict>
+ <key>include</key>
+ <string>#comment-block</string>
+ </dict>
+ <dict>
+ <key>include</key>
+ <string>#nest_curly</string>
+ </dict>
+ <dict>
+ <key>begin</key>
+ <string>:</string>
+ <key>beginCaptures</key>
+ <dict>
+ <key>0</key>
+ <dict>
+ <key>name</key>
+ <string>punctuation.separator.key-value.rule.css</string>
+ </dict>
+ </dict>
+ <key>comment</key>
+ <string> selector{ property(:value); property(:value) } </string>
+ <key>contentName</key>
+ <string>meta.property-value.css</string>
+ <key>end</key>
+ <string>(?i)(?=;|}|</style)</string>
+ <key>patterns</key>
+ <array>
+ <dict>
+ <key>include</key>
+ <string>#comment-block</string>
+ </dict>
+ <dict>
+ <key>include</key>
+ <string>#nest_curly</string>
+ </dict>
+ <dict>
+ <key>include</key>
+ <string>#source_css_rules-values-url</string>
+ </dict>
+ <dict>
+ <key>match</key>
+ <string>\S+</string>
+ <key>name</key>
+ <string>invalid.illegal.css</string>
+ </dict>
+ </array>
+ </dict>
+ </array>
+ </dict>
+ <dict>
+ <key>begin</key>
+ <string>(?xi)\s*\b(((?:background-)?color))\b</string>
+ <key>beginCaptures</key>
+ <dict>
+ <key>1</key>
+ <dict>
+ <key>name</key>
+ <string>meta.property-name.css</string>
+ </dict>
+ <key>2</key>
+ <dict>
+ <key>name</key>
+ <string>support.type.property-name.css</string>
+ </dict>
+ </dict>
+ <key>comment</key>
+ <string> selector{( (property):value);( (property):value )} </string>
+ <key>end</key>
+ <string>(?i)(?=;|}|</style|"|')</string>
+ <key>name</key>
+ <string>meta.property.background-color.css</string>
+ <key>patterns</key>
+ <array>
+ <dict>
+ <key>include</key>
+ <string>#comment-block</string>
+ </dict>
+ <dict>
+ <key>include</key>
+ <string>#nest_curly</string>
+ </dict>
+ <dict>
+ <key>begin</key>
+ <string>:</string>
+ <key>beginCaptures</key>
+ <dict>
+ <key>0</key>
+ <dict>
+ <key>name</key>
+ <string>punctuation.separator.key-value.rule.css</string>
+ </dict>
+ </dict>
+ <key>comment</key>
+ <string> selector{ property(:value); property(:value) } </string>
+ <key>contentName</key>
+ <string>meta.property-value.css</string>
+ <key>end</key>
+ <string>(?i)(?=;|}|</style)</string>
+ <key>patterns</key>
+ <array>
+ <dict>
+ <key>include</key>
+ <string>#comment-block</string>
+ </dict>
+ <dict>
+ <key>include</key>
+ <string>#nest_curly</string>
+ </dict>
+ <dict>
+ <key>include</key>
+ <string>#source_css_rules-values-color</string>
+ </dict>
+ <dict>
+ <key>match</key>
+ <string>\S+</string>
+ <key>name</key>
+ <string>invalid.illegal.css</string>
+ </dict>
+ </array>
+ </dict>
+ </array>
+ </dict>
+ <dict>
+ <key>begin</key>
+ <string>(?xi)\s*((s(tress|ize|pe(ech-rate|ak(-(header|numeral|punctuation))?))|height|c(o(ntent|unter-(increment|reset)|lor)|u(e(-(after|before))?|rsor)|l(ip|ear)|aption-side)|t(op|ext-(shadow|transform|indent|decoration|align)|able-layout)|z-index|o(utline(-(style|color|width))?|pacity|verflow-(y|x)|rphans)|di(splay|rection)|unicode-bidi|p(itch(-range)?|osition|lay-during|a(dding(-(top|left|right|bottom))?|use(-(after|before))?|ge(-break-(inside|after|before))?))|e(levation|mpty-cells)|v(isibility|o(ice-family|lume)|ertical-align)|quotes|f(ont(-(s(t(yle|retch)|ize(-adjust)?)|variant|family|weight))?|loat)|w(hite-space|id(th|ows)|ord-spacing)|l(i(st-style(-(type|image|position))?|ne-height)|e(tter-spacing|ft))|azimuth|ri(chness|ght)|m(in-(height|width)|a(r(k(s|er-offset)|gin(-(top|left|right|bottom))?)|x-(height|width)))|b(o(ttom|rder(-(s(tyle|pacing)|col(or|lapse)|top(-(style|color|width))?|width|left(-(style|color|width))?|right(-(style|color|width))?|bottom(-(style|color|width))?))?)|ackground(-(color|image|position|attachment|repeat))?)))\b</string>
+ <key>beginCaptures</key>
+ <dict>
+ <key>1</key>
+ <dict>
+ <key>name</key>
+ <string>meta.property-name.css</string>
+ </dict>
+ <key>2</key>
+ <dict>
+ <key>name</key>
+ <string>support.type.property-name.css</string>
+ </dict>
+ </dict>
+ <key>comment</key>
+ <string> selector{( (property):value);( (property):value )} </string>
+ <key>end</key>
+ <string>(?i)(?=;|}|</style|"|')</string>
+ <key>name</key>
+ <string>meta.property.css</string>
+ <key>patterns</key>
+ <array>
+ <dict>
+ <key>include</key>
+ <string>#comment-block</string>
+ </dict>
+ <dict>
+ <key>include</key>
+ <string>#nest_curly</string>
+ </dict>
+ <dict>
+ <key>begin</key>
+ <string>:</string>
+ <key>beginCaptures</key>
+ <dict>
+ <key>0</key>
+ <dict>
+ <key>name</key>
+ <string>punctuation.separator.key-value.rule.css</string>
+ </dict>
+ </dict>
+ <key>comment</key>
+ <string> selector{ property(:value); property(:value) } </string>
+ <key>contentName</key>
+ <string>meta.property-value.css</string>
+ <key>end</key>
+ <string>(?i)(?=;|}|</style)</string>
+ <key>patterns</key>
+ <array>
+ <dict>
+ <key>include</key>
+ <string>#comment-block</string>
+ </dict>
+ <dict>
+ <key>include</key>
+ <string>#nest_curly</string>
+ </dict>
+ <dict>
+ <key>include</key>
+ <string>#source_css_rules-values</string>
+ </dict>
+ </array>
+ </dict>
+ </array>
+ </dict>
+ <dict>
+ <key>begin</key>
+ <string>(?i)\s*([-a-z]+)</string>
+ <key>beginCaptures</key>
+ <dict>
+ <key>1</key>
+ <dict>
+ <key>name</key>
+ <string>meta.property-name.css</string>
+ </dict>
+ </dict>
+ <key>comment</key>
+ <string> selector{( (property):value);( (property):value )} </string>
+ <key>end</key>
+ <string>(?i)(?=;|}|</style|"|')</string>
+ <key>name</key>
+ <string>meta.property.unknown.css</string>
+ <key>patterns</key>
+ <array>
+ <dict>
+ <key>include</key>
+ <string>#comment-block</string>
+ </dict>
+ <dict>
+ <key>include</key>
+ <string>#nest_curly</string>
+ </dict>
+ <dict>
+ <key>begin</key>
+ <string>:</string>
+ <key>beginCaptures</key>
+ <dict>
+ <key>0</key>
+ <dict>
+ <key>name</key>
+ <string>punctuation.separator.key-value.rule.css</string>
+ </dict>
+ </dict>
+ <key>comment</key>
+ <string> selector{ property(:value); property(:value) } </string>
+ <key>contentName</key>
+ <string>meta.property-value.css</string>
+ <key>end</key>
+ <string>(?i)(?=;|}|</style)</string>
+ <key>patterns</key>
+ <array>
+ <dict>
+ <key>include</key>
+ <string>#comment-block</string>
+ </dict>
+ <dict>
+ <key>include</key>
+ <string>#nest_curly</string>
+ </dict>
+ <dict>
+ <key>include</key>
+ <string>#source_css_rules-values</string>
+ </dict>
+ </array>
+ </dict>
+ </array>
+ </dict>
+ <dict>
+ <key>match</key>
+ <string>;</string>
+ <key>name</key>
+ <string>punctuation.terminator.rule.css</string>
+ </dict>
+ </array>
+ </dict>
+ <key>source_css_rules-values</key>
+ <dict>
+ <key>patterns</key>
+ <array>
+ <dict>
+ <key>match</key>
+ <string>(?x)\b(
+ absolute
+ |all-scroll
+ |always
+ |auto
+ |baseline
+ |below
+ |bidi-override
+ |block
+ |bold
+ |bolder
+ |both
+ |bottom
+ |break-all
+ |break-word
+ |capitalize
+ |center
+ |char
+ |circle
+ |col-resize
+ |collapse
+ |crosshair
+ |dashed
+ |decimal
+ |default
+ |disabled
+ |disc
+ |distribute-all-lines
+ |distribute-letter
+ |distribute-space
+ |distribute
+ |dotted
+ |double
+ |e-resize
+ |ellipsis
+ |fixed
+ |groove
+ |hand
+ |help
+ |hidden
+ |horizontal
+ |ideograph-alpha
+ |ideograph-numeric
+ |ideograph-parenthesis
+ |ideograph-space
+ |inactive
+ |inherit
+ |inline-block
+ |inline
+ |inset
+ |inside
+ |inter-ideograph
+ |inter-word
+ |italic
+ |justify
+ |keep-all
+ |left
+ |lighter
+ |line-edge
+ |line-through
+ |line
+ |list-item
+ |loose
+ |lower-alpha
+ |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
+ |outset
+ |outside
+ |overline
+ |pointer
+ |progress
+ |relative
+ |repeat-x
+ |repeat-y
+ |repeat
+ |right
+ |ridge
+ |row-resize
+ |rtl
+ |s-resize
+ |scroll
+ |se-resize
+ |separate
+ |small-caps
+ |solid
+ |square
+ |static
+ |strict
+ |super
+ |sw-resize
+ |table-footer-group
+ |table-header-group
+ |tb-rl
+ |text-bottom
+ |text-top
+ |text
+ |thick
+ |thin
+ |top
+ |transparent
+ |underline
+ |upper-alpha
+ |upper-roman
+ |uppercase
+ |vertical-ideographic
+ |vertical-text
+ |visible
+ |w-resize
+ |wait
+ |whitespace
+ )\b</string>
+ <key>name</key>
+ <string>support.constant.property-value.css</string>
+ </dict>
+ <dict>
+ <key>match</key>
+ <string>(?x)(\b(?i:
+ arial
+ |century
+ |comic
+ |courier
+ |garamond
+ |georgia
+ |helvetica
+ |impact
+ |lucida
+ |symbol
+ |system
+ |tahoma
+ |times
+ |trebuchet
+ |utopia
+ |verdana
+ |webdings
+ |sans-serif
+ |serif
+ |monospace
+ )\b)</string>
+ <key>name</key>
+ <string>support.constant.font-name.css</string>
+ </dict>
+ <dict>
+ <key>comment</key>
+ <string>http://www.w3schools.com/css/css_colors.asp</string>
+ <key>match</key>
+ <string>\b(aqua|black|blue|fuchsia|gray|green|lime|maroon|navy|olive|purple|red|silver|teal|white|yellow)\b</string>
+ <key>name</key>
+ <string>support.constant.color.w3c-standard-color-name.css</string>
+ </dict>
+ <dict>
+ <key>comment</key>
+ <string>These colours are mostly recognised but will not validate. ref: http://www.w3schools.com/css/css_colornames.asp</string>
+ <key>match</key>
+ <string>\b(seagreen|hotpink|lawngreen|darkgreen|violet|darkred|crimson|green|sandybrown|navy|magenta|darkslategray|steelblue|silver|darkgrey|mistyrose|gray|aliceblue|blueviolet|lightpink|saddlebrown|chocolate|limegreen|lightslategray|yellowgreen|pink|lightskyblue|indigo|lightblue|floralwhite|navajowhite|mediumvioletred|honeydew|aquamarine|blue|olivedrab|palegreen|slategray|lavenderblush|wheat|moccasin|mediumturquoise|mediumspringgreen|lightcoral|mintcream|tomato|lightgrey|black|darkmagenta|dimgray|darkturquoise|midnightblue|plum|indianred|coral|lightcyan|mediumslateblue|darkcyan|darkslateblue|darkkhaki|ivory|azure|khaki|powderblue|darkgoldenrod|orangered|burlywood|turquoise|royalblue|maroon|cornsilk|antiquewhite|yellow|teal|orange|grey|darkslategrey|slateblue|seashell|darkorchid|snow|lightslategrey|cyan|greenyellow|palevioletred|goldenrod|deepskyblue|lightyellow|lightseagreen|sienna|lemonchiffon|darkviolet|paleturquoise|slategrey|skyblue|purple|mediumpurple|cadetblue|fuchsia|chartreuse|darksalmon|lightgoldenrodyellow|white|springgreen|olive|forestgreen|peachpuff|peru|dimgrey|mediumseagreen|thistle|firebrick|darkgray|mediumaquamarine|darkolivegreen|mediumblue|palegoldenrod|blanchedalmond|ghostwhite|gold|gainsboro|darkseagreen|cornflowerblue|lime|lavender|beige|orchid|mediumorchid|whitesmoke|bisque|lightgray|tan|salmon|rosybrown|red|dodgerblue|brown|aqua|oldlace|deeppink|papayawhip|lightsalmon|lightsteelblue|darkorange|darkblue|linen|lightgreen)\b</string>
+ <key>name</key>
+ <string>invalid.deprecated.color.w3c-non-standard-color-name.css</string>
+ </dict>
+ <dict>
+ <key>match</key>
+ <string>(-|\+)?\s*[0-9]+(\.[0-9]+)?</string>
+ <key>name</key>
+ <string>constant.numeric.css</string>
+ </dict>
+ <dict>
+ <key>match</key>
+ <string>(?<=[\d])(px|pt|cm|mm|in|em|ex|pc)\b|%</string>
+ <key>name</key>
+ <string>keyword.other.unit.css</string>
+ </dict>
+ <dict>
+ <key>captures</key>
+ <dict>
+ <key>1</key>
+ <dict>
+ <key>name</key>
+ <string>punctuation.definition.constant.css</string>
+ </dict>
+ </dict>
+ <key>match</key>
+ <string>(#)([0-9a-fA-F]{3}|[0-9a-fA-F]{6})\b</string>
+ <key>name</key>
+ <string>constant.other.color.rgb-value.css</string>
+ </dict>
+ <dict>
+ <key>include</key>
+ <string>#string-double</string>
+ </dict>
+ <dict>
+ <key>include</key>
+ <string>#string-single</string>
+ </dict>
+ <dict>
+ <key>begin</key>
+ <string>(?i)\b(rgba?)\s*(\()</string>
+ <key>beginCaptures</key>
+ <dict>
+ <key>1</key>
+ <dict>
+ <key>name</key>
+ <string>support.constant.property-value.css</string>
+ </dict>
+ <key>2</key>
+ <dict>
+ <key>name</key>
+ <string>punctuation.definition.arguments.begin.css</string>
+ </dict>
+ </dict>
+ <key>end</key>
+ <string>(?i)\s*(?=</style)|(\))</string>
+ <key>endCaptures</key>
+ <dict>
+ <key>1</key>
+ <dict>
+ <key>name</key>
+ <string>punctuation.definition.arguments.end.css</string>
+ </dict>
+ </dict>
+ <key>patterns</key>
+ <array>
+ <dict>
+ <key>captures</key>
+ <dict>
+ <key>1</key>
+ <dict>
+ <key>name</key>
+ <string>punctuation.separator.arguments.css</string>
+ </dict>
+ <key>2</key>
+ <dict>
+ <key>name</key>
+ <string>punctuation.separator.arguments.css</string>
+ </dict>
+ <key>3</key>
+ <dict>
+ <key>name</key>
+ <string>punctuation.separator.arguments.css</string>
+ </dict>
+ </dict>
+ <key>match</key>
+ <string>(?x)
+ \b 0*(?:(?:1?[0-9]{1,2})|(?:2(?:[0-4][0-9]|5[0-5]))) # Red
+ \s*(,)\s* 0*(?:(?:1?[0-9]{1,2})|(?:2(?:[0-4][0-9]|5[0-5]))) # Green
+ \s*(,)\s* 0*(?:(?:1?[0-9]{1,2})|(?:2(?:[0-4][0-9]|5[0-5]))) # Blue
+ (?:\s*(,)\s* (?:1(?:\.0+)?|0(?:\.[0-9]+)?) # Opacity
+ |\b # Or just the end
+ )
+ </string>
+ <key>name</key>
+ <string>constant.other.color.rgb-value.css</string>
+ </dict>
+ <dict>
+ <key>captures</key>
+ <dict>
+ <key>1</key>
+ <dict>
+ <key>name</key>
+ <string>punctuation.separator.arguments.css</string>
+ </dict>
+ <key>2</key>
+ <dict>
+ <key>name</key>
+ <string>punctuation.separator.arguments.css</string>
+ </dict>
+ <key>3</key>
+ <dict>
+ <key>name</key>
+ <string>punctuation.separator.arguments.css</string>
+ </dict>
+ </dict>
+ <key>match</key>
+ <string>(?x)\b
+ (?:[0-9]{1,2}|100)\s*% # Red
+ \s*(,)\s* (?:[0-9]{1,2}|100)\s*% # Green
+ \s*(,)\s* (?:[0-9]{1,2}|100)\s*% # Blue
+ (?:\s*(,)\s* (?:1(?:\.0+)?|0(?:\.[0-9]+)?) # Opacity
+ )?
+ </string>
+ <key>name</key>
+ <string>constant.other.color.rgb-percentage.css</string>
+ </dict>
+ <dict>
+ <key>captures</key>
+ <dict>
+ <key>1</key>
+ <dict>
+ <key>name</key>
+ <string>invalid.SOMETHING.value.range.css</string>
+ </dict>
+ </dict>
+ <key>match</key>
+ <string>(.*?)(?=\s*\))</string>
+ </dict>
+ </array>
+ </dict>
+ <dict>
+ <key>begin</key>
+ <string>(?i)\b(url|attr|counter|counters)\s*(\()\s*</string>
+ <key>beginCaptures</key>
+ <dict>
+ <key>1</key>
+ <dict>
+ <key>name</key>
+ <string>support.constant.property-value.css</string>
+ </dict>
+ <key>2</key>
+ <dict>
+ <key>name</key>
+ <string>punctuation.definition.arguments.begin.css</string>
+ </dict>
+ </dict>
+ <key>end</key>
+ <string>(?i)\s*(?=</style)|\s*(\))</string>
+ <key>endCaptures</key>
+ <dict>
+ <key>1</key>
+ <dict>
+ <key>name</key>
+ <string>punctuation.definition.arguments.end.css</string>
+ </dict>
+ </dict>
+ <key>patterns</key>
+ <array>
+ <dict>
+ <key>include</key>
+ <string>#string-single</string>
+ </dict>
+ <dict>
+ <key>include</key>
+ <string>#string-double</string>
+ </dict>
+ <dict>
+ <key>captures</key>
+ <dict>
+ <key>1</key>
+ <dict>
+ <key>name</key>
+ <string>string.unquoted.css</string>
+ </dict>
+ </dict>
+ <key>match</key>
+ <string>(.*?)(?=\s*\))</string>
+ </dict>
+ </array>
+ </dict>
+ <dict>
+ <key>match</key>
+ <string>\!\s*important</string>
+ <key>name</key>
+ <string>keyword.other.important.css</string>
+ </dict>
+ </array>
+ </dict>
+ <key>source_css_rules-values-color</key>
+ <dict>
+ <key>patterns</key>
+ <array>
+ <dict>
+ <key>comment</key>
+ <string>http://www.w3schools.com/css/css_colors.asp</string>
+ <key>match</key>
+ <string>\b(aqua|black|blue|fuchsia|gray|green|lime|maroon|navy|olive|purple|red|silver|teal|white|yellow)\b</string>
+ <key>name</key>
+ <string>support.constant.color.w3c-standard-color-name.css</string>
+ </dict>
+ <dict>
+ <key>comment</key>
+ <string>These colours are mostly recognised but will not validate. ref: http://www.w3schools.com/css/css_colornames.asp</string>
+ <key>match</key>
+ <string>\b(s(now|teelblue|i(enna|lver)|pringgreen|ea(shell|green)|kyblue|late(gr(ey|ay)|blue)|a(ndybrown|ddlebrown|lmon))|ho(neydew|tpink)|yellow(green)?|nav(y|ajowhite)|c(h(ocolate|artreuse)|yan|or(n(silk|flowerblue)|al)|adetblue|rimson)|t(histle|omato|urquoise|eal|an)|i(ndi(anred|go)|vory)|o(l(ive(drab)?|dlace)|r(chid|ange(red)?))|d(imgr(ey|ay)|odgerblue|eep(skyblue|pink)|ark(s(eagreen|late(gr(ey|ay)|blue)|almon)|cyan|turquoise|o(livegreen|r(chid|ange))|violet|khaki|red|g(oldenrod|r(e(y|en)|ay))|magenta|blue))|p(ink|owderblue|urple|e(achpuff|ru)|lum|a(payawhip|le(turquoise|violetred|g(oldenrod|reen))))|violet|khaki|f(irebrick|orestgreen|uchsia|loralwhite)|wh(ite(smoke)?|eat)|l(i(nen|ght(s(teelblue|eagreen|kyblue|lategr(ey|ay)|almon)|yellow|c(yan|oral)|pink|g(oldenrodyellow|r(e(y|en)|ay))|blue)|me(green)?)|emonchiffon|a(vender(blush)?|wngreen))|a(ntiquewhite|zure|qua(marine)?|liceblue)|r(o(sybrown|yalblue)|ed)|g(hostwhite|old(enrod)?|ainsboro|r(e(y|en(yellow)?)|ay))|m(i(styrose|ntcream|dnightblue)|occasin|edium(s(pringgreen|eagreen|lateblue)|turquoise|orchid|purple|violetred|aquamarine|blue)|a(roon|genta))|b(isque|urlywood|eige|l(ue(violet)?|a(nchedalmond|ck))|rown))\b</string>
+ <key>name</key>
+ <string>invalid.deprecated.color.w3c-non-standard-color-name.css</string>
+ </dict>
+ <dict>
+ <key>captures</key>
+ <dict>
+ <key>1</key>
+ <dict>
+ <key>name</key>
+ <string>punctuation.definition.constant.css</string>
+ </dict>
+ </dict>
+ <key>match</key>
+ <string>(#)([0-9a-fA-F]{3}|[0-9a-fA-F]{6})\b</string>
+ <key>name</key>
+ <string>constant.other.color.rgb-value.css</string>
+ </dict>
+ <dict>
+ <key>begin</key>
+ <string>(?i)\b(rgba?)\s*(\()</string>
+ <key>beginCaptures</key>
+ <dict>
+ <key>1</key>
+ <dict>
+ <key>name</key>
+ <string>support.constant.property-value.css</string>
+ </dict>
+ <key>2</key>
+ <dict>
+ <key>name</key>
+ <string>punctuation.definition.arguments.begin.css</string>
+ </dict>
+ </dict>
+ <key>end</key>
+ <string>(?i)\s*(?=</style)|(\))</string>
+ <key>endCaptures</key>
+ <dict>
+ <key>1</key>
+ <dict>
+ <key>name</key>
+ <string>punctuation.definition.arguments.end.css</string>
+ </dict>
+ </dict>
+ <key>patterns</key>
+ <array>
+ <dict>
+ <key>captures</key>
+ <dict>
+ <key>1</key>
+ <dict>
+ <key>name</key>
+ <string>punctuation.separator.arguments.css</string>
+ </dict>
+ <key>2</key>
+ <dict>
+ <key>name</key>
+ <string>punctuation.separator.arguments.css</string>
+ </dict>
+ <key>3</key>
+ <dict>
+ <key>name</key>
+ <string>punctuation.separator.arguments.css</string>
+ </dict>
+ </dict>
+ <key>match</key>
+ <string>(?x)
+ \b 0*(?:(?:1?[0-9]{1,2})|(?:2(?:[0-4][0-9]|5[0-5]))) # Red
+ \s*(,)\s* 0*(?:(?:1?[0-9]{1,2})|(?:2(?:[0-4][0-9]|5[0-5]))) # Green
+ \s*(,)\s* 0*(?:(?:1?[0-9]{1,2})|(?:2(?:[0-4][0-9]|5[0-5]))) # Blue
+ (?:\s*(,)\s* (?:1(?:\.0+)?|0(?:\.[0-9]+)?) # Opacity
+ |\b # Or just the end
+ )
+ </string>
+ <key>name</key>
+ <string>constant.other.color.rgb-value.css</string>
+ </dict>
+ <dict>
+ <key>captures</key>
+ <dict>
+ <key>1</key>
+ <dict>
+ <key>name</key>
+ <string>punctuation.separator.arguments.css</string>
+ </dict>
+ <key>2</key>
+ <dict>
+ <key>name</key>
+ <string>punctuation.separator.arguments.css</string>
+ </dict>
+ <key>3</key>
+ <dict>
+ <key>name</key>
+ <string>punctuation.separator.arguments.css</string>
+ </dict>
+ </dict>
+ <key>match</key>
+ <string>(?x)\b
+ (?:[0-9]{1,2}|100)\s*% # Red
+ \s*(,)\s* (?:[0-9]{1,2}|100)\s*% # Green
+ \s*(,)\s* (?:[0-9]{1,2}|100)\s*% # Blue
+ (?:\s*(,)\s* (?:1(?:\.0+)?|0(?:\.[0-9]+)?) # Opacity
+ )?
+ </string>
+ <key>name</key>
+ <string>constant.other.color.rgb-percentage.css</string>
+ </dict>
+ <dict>
+ <key>captures</key>
+ <dict>
+ <key>1</key>
+ <dict>
+ <key>name</key>
+ <string>invalid.SOMETHING.value.range.css</string>
+ </dict>
+ </dict>
+ <key>match</key>
+ <string>(.*?)(?=\s*\))</string>
+ </dict>
+ </array>
+ </dict>
+ </array>
+ </dict>
+ <key>source_css_rules-values-url</key>
+ <dict>
+ <key>patterns</key>
+ <array>
+ <dict>
+ <key>begin</key>
+ <string>(?i)\b(url)\b\s*(\()\s*</string>
+ <key>beginCaptures</key>
+ <dict>
+ <key>1</key>
+ <dict>
+ <key>name</key>
+ <string>support.constant.property-value.css</string>
+ </dict>
+ <key>2</key>
+ <dict>
+ <key>name</key>
+ <string>punctuation.definition.arguments.begin.css</string>
+ </dict>
+ </dict>
+ <key>end</key>
+ <string>(?i)\s*(?=</style)|\s*(\))</string>
+ <key>endCaptures</key>
+ <dict>
+ <key>1</key>
+ <dict>
+ <key>name</key>
+ <string>punctuation.definition.arguments.end.css</string>
+ </dict>
+ </dict>
+ <key>patterns</key>
+ <array>
+ <dict>
+ <key>include</key>
+ <string>#string-single</string>
+ </dict>
+ <dict>
+ <key>include</key>
+ <string>#string-double</string>
+ </dict>
+ <dict>
+ <key>captures</key>
+ <dict>
+ <key>1</key>
+ <dict>
+ <key>name</key>
+ <string>string.unquoted.css</string>
+ </dict>
+ </dict>
+ <key>match</key>
+ <string>(.*?)(?=\s*\))</string>
+ </dict>
+ </array>
+ </dict>
+ </array>
+ </dict>
+ <key>source_css_rules-vendor_old</key>
+ <dict>
+ <key>patterns</key>
+ <array>
+ <dict>
+ <key>begin</key>
+ <string>(?x) (?<! [-a-z;]) (?= _ [-\w])</string>
+ <key>comment</key>
+ <string>I can't seem to find a way to make it start after a ; and then end
+ after a ; withoug breaking the universe, therefore I made it so
+ that you have to have a bit of space</string>
+ <key>end</key>
+ <string>((?<=;)|(?=[\}]))</string>
+ <key>name</key>
+ <string>meta.property.vendor.microsoft.trident.4</string>
+ <key>patterns</key>
+ <array>
+ <dict>
+ <key>include</key>
+ <string>#source_css_rules</string>
+ </dict>
+ </array>
+ </dict>
+ <dict>
+ <key>begin</key>
+ <string>(?x) (?<! [-a-z;]) (?= \* [-\w])</string>
+ <key>comment</key>
+ <string>I can't seem to find a way to make it start after a ; and then end
+ after a ; withoug breaking the universe, therefore I made it so
+ that you have to have a bit of space</string>
+ <key>end</key>
+ <string>((?<=;)|(?=[\}]))</string>
+ <key>name</key>
+ <string>meta.property.vendor.microsoft.trident.5</string>
+ <key>patterns</key>
+ <array>
+ <dict>
+ <key>include</key>
+ <string>#source_css_rules</string>
+ </dict>
+ </array>
+ </dict>
+ <dict>
+ <key>begin</key>
+ <string>(?x) (?<! [-a-z;])(?= -atsc- [-\w])</string>
+ <key>end</key>
+ <string>((?<=;)|(?=[\}]))</string>
+ <key>name</key>
+ <string>meta.property.vendor.atsc</string>
+ <key>patterns</key>
+ <array>
+ <dict>
+ <key>include</key>
+ <string>#source_css_rules</string>
+ </dict>
+ </array>
+ </dict>
+ <dict>
+ <key>begin</key>
+ <string>(?x) (?<! [-a-z;])(?= -ms- [-\w])</string>
+ <key>end</key>
+ <string>((?<=;)|(?=[\}]))</string>
+ <key>name</key>
+ <string>meta.property.vendor.microsoft</string>
+ <key>patterns</key>
+ <array>
+ <dict>
+ <key>include</key>
+ <string>#source_css_rules</string>
+ </dict>
+ </array>
+ </dict>
+ <dict>
+ <key>begin</key>
+ <string>(?x) (?<! [-a-z;])(?= mso- [-\w])</string>
+ <key>end</key>
+ <string>((?<=;)|(?=[\}]))</string>
+ <key>name</key>
+ <string>meta.property.vendor.microsoft.office</string>
+ <key>patterns</key>
+ <array>
+ <dict>
+ <key>include</key>
+ <string>#source_css_rules</string>
+ </dict>
+ </array>
+ </dict>
+ <dict>
+ <key>begin</key>
+ <string>(?x) (?<! [-a-z;])(?= -moz- [-\w])</string>
+ <key>end</key>
+ <string>((?<=;)|(?=[\}]))</string>
+ <key>name</key>
+ <string>meta.property.vendor.mozilla</string>
+ <key>patterns</key>
+ <array>
+ <dict>
+ <key>include</key>
+ <string>#source_css_rules</string>
+ </dict>
+ </array>
+ </dict>
+ <dict>
+ <key>begin</key>
+ <string>(?x) (?<! [-a-z;])(?= -o- [-\w])</string>
+ <key>end</key>
+ <string>((?<=;)|(?=[\}]))</string>
+ <key>name</key>
+ <string>meta.property.vendor.opera</string>
+ <key>patterns</key>
+ <array>
+ <dict>
+ <key>include</key>
+ <string>#source_css_rules</string>
+ </dict>
+ </array>
+ </dict>
+ <dict>
+ <key>begin</key>
+ <string>(?x) (?<! [-a-z;])(?= -wap- [-\w])</string>
+ <key>end</key>
+ <string>((?<=;)|(?=[\}]))</string>
+ <key>name</key>
+ <string>meta.property.vendor.wap</string>
+ <key>patterns</key>
+ <array>
+ <dict>
+ <key>include</key>
+ <string>#source_css_rules</string>
+ </dict>
+ </array>
+ </dict>
+ <dict>
+ <key>begin</key>
+ <string>(?x) (?<! [-a-z;])(?= -webkit- [-\w])</string>
+ <key>end</key>
+ <string>((?<=;)|(?=[\}]))</string>
+ <key>name</key>
+ <string>meta.property.vendor.webkit</string>
+ <key>patterns</key>
+ <array>
+ <dict>
+ <key>match</key>
+ <string>(?x)-webkit-(?:
+ transform-origin
+ |transform
+ )\b</string>
+ <key>name</key>
+ <string>support.type.property-name.effect.transform.css</string>
+ </dict>
+ <dict>
+ <key>match</key>
+ <string>(?x)-webkit-(?:
+ transition-timing-function
+ |transition-property
+ |transition-duration
+ |transition
+ )\b</string>
+ <key>name</key>
+ <string>support.type.property-name.effect.transition.css</string>
+ </dict>
+ <dict>
+ <key>include</key>
+ <string>#source_css_rules</string>
+ </dict>
+ </array>
+ </dict>
+ </array>
+ </dict>
+ <key>source_css_rules_old</key>
+ <dict>
+ <key>patterns</key>
+ <array>
+ <dict>
+ <key>begin</key>
<string>(?<![-_*a-z:])(?=[-_*a-z])</string>
<key>end</key>
<string>(?i)\s*(?=</style)|\s*(:)?(?![-_*a-z])</string>
@@ -325,14 +1422,14 @@
</dict>
<key>match</key>
<string>(?x) (?<! [-a-z]) (?:
- ( -atsc -[-\w]+)
- |( -ms -[-\w]+)
- |( mso -[-\w]+)
- |( -moz -[-\w]+)
- |( -o -[-\w]+)
- |( -wap -[-\w]+)
- |( -webkit -[-\w]+)
- |( -[-\w]+ -[-\w]+)
+ ( -atsc -[-a-z]+)
+ |( -ms -[-a-z]+)
+ |( mso -[-a-z]+)
+ |( -moz -[-a-z]+)
+ |( -o -[-a-z]+)
+ |( -wap -[-a-z]+)
+ |( -webkit -[-a-z]+)
+ |( -[-\w]+ -[-a-z]+)
)\b</string>
<key>name</key>
<string>support.type.property-name.vendor.css</string>
@@ -881,175 +1978,6 @@
</dict>
</array>
</dict>
- <key>source_css_rules-vendor</key>
- <dict>
- <key>patterns</key>
- <array>
- <dict>
- <key>begin</key>
- <string>(?x) (?<! [-a-z;]) (?= _ [-\w])</string>
- <key>comment</key>
- <string>I can't seem to find a way to make it start after a ; and then end
- after a ; withoug breaking the universe, therefore I made it so
- that you have to have a bit of space</string>
- <key>end</key>
- <string>((?<=;)|(?=[\}]))</string>
- <key>name</key>
- <string>meta.property.vendor.microsoft.trident.4</string>
- <key>patterns</key>
- <array>
- <dict>
- <key>include</key>
- <string>#source_css_rules</string>
- </dict>
- </array>
- </dict>
- <dict>
- <key>begin</key>
- <string>(?x) (?<! [-a-z;]) (?= \* [-\w])</string>
- <key>comment</key>
- <string>I can't seem to find a way to make it start after a ; and then end
- after a ; withoug breaking the universe, therefore I made it so
- that you have to have a bit of space</string>
- <key>end</key>
- <string>((?<=;)|(?=[\}]))</string>
- <key>name</key>
- <string>meta.property.vendor.microsoft.trident.5</string>
- <key>patterns</key>
- <array>
- <dict>
- <key>include</key>
- <string>#source_css_rules</string>
- </dict>
- </array>
- </dict>
- <dict>
- <key>begin</key>
- <string>(?x) (?<! [-a-z;])(?= -atsc- [-\w])</string>
- <key>end</key>
- <string>((?<=;)|(?=[\}]))</string>
- <key>name</key>
- <string>meta.property.vendor.atsc</string>
- <key>patterns</key>
- <array>
- <dict>
- <key>include</key>
- <string>#source_css_rules</string>
- </dict>
- </array>
- </dict>
- <dict>
- <key>begin</key>
- <string>(?x) (?<! [-a-z;])(?= -ms- [-\w])</string>
- <key>end</key>
- <string>((?<=;)|(?=[\}]))</string>
- <key>name</key>
- <string>meta.property.vendor.microsoft</string>
- <key>patterns</key>
- <array>
- <dict>
- <key>include</key>
- <string>#source_css_rules</string>
- </dict>
- </array>
- </dict>
- <dict>
- <key>begin</key>
- <string>(?x) (?<! [-a-z;])(?= mso- [-\w])</string>
- <key>end</key>
- <string>((?<=;)|(?=[\}]))</string>
- <key>name</key>
- <string>meta.property.vendor.microsoft.office</string>
- <key>patterns</key>
- <array>
- <dict>
- <key>include</key>
- <string>#source_css_rules</string>
- </dict>
- </array>
- </dict>
- <dict>
- <key>begin</key>
- <string>(?x) (?<! [-a-z;])(?= -moz- [-\w])</string>
- <key>end</key>
- <string>((?<=;)|(?=[\}]))</string>
- <key>name</key>
- <string>meta.property.vendor.mozilla</string>
- <key>patterns</key>
- <array>
- <dict>
- <key>include</key>
- <string>#source_css_rules</string>
- </dict>
- </array>
- </dict>
- <dict>
- <key>begin</key>
- <string>(?x) (?<! [-a-z;])(?= -o- [-\w])</string>
- <key>end</key>
- <string>((?<=;)|(?=[\}]))</string>
- <key>name</key>
- <string>meta.property.vendor.opera</string>
- <key>patterns</key>
- <array>
- <dict>
- <key>include</key>
- <string>#source_css_rules</string>
- </dict>
- </array>
- </dict>
- <dict>
- <key>begin</key>
- <string>(?x) (?<! [-a-z;])(?= -wap- [-\w])</string>
- <key>end</key>
- <string>((?<=;)|(?=[\}]))</string>
- <key>name</key>
- <string>meta.property.vendor.wap</string>
- <key>patterns</key>
- <array>
- <dict>
- <key>include</key>
- <string>#source_css_rules</string>
- </dict>
- </array>
- </dict>
- <dict>
- <key>begin</key>
- <string>(?x) (?<! [-a-z;])(?= -webkit- [-\w])</string>
- <key>end</key>
- <string>((?<=;)|(?=[\}]))</string>
- <key>name</key>
- <string>meta.property.vendor.webkit</string>
- <key>patterns</key>
- <array>
- <dict>
- <key>match</key>
- <string>(?x)-webkit-(?:
- transform-origin
- |transform
- )\b</string>
- <key>name</key>
- <string>support.type.property-name.effect.transform.css</string>
- </dict>
- <dict>
- <key>match</key>
- <string>(?x)-webkit-(?:
- transition-timing-function
- |transition-property
- |transition-duration
- |transition
- )\b</string>
- <key>name</key>
- <string>support.type.property-name.effect.transition.css</string>
- </dict>
- <dict>
- <key>include</key>
- <string>#source_css_rules</string>
- </dict>
- </array>
- </dict>
- </array>
- </dict>
<key>source_css_selectors</key>
<dict>
<key>patterns</key>
@@ -1057,7 +1985,7 @@
<dict>
<key>match</key>
<string>(?ix)
- \[\]
+ \[\s*\]
|[\.#](?![a-z])
</string>
<key>name</key>
@@ -1324,6 +2252,39 @@
<string>entity.other.attribute-name.pseudo-class.css</string>
</dict>
<dict>
+ <key>captures</key>
+ <dict>
+ <key>1</key>
+ <dict>
+ <key>name</key>
+ <string>punctuation.definition.entity.css</string>
+ </dict>
+ </dict>
+ <key>match</key>
+ <string>(?i)(:)\b(([a-z][-a-z]*)?\s?)\b</string>
+ <key>name</key>
+ <string>entity.other.attribute-name.pseudo-class.unknown.css</string>
+ </dict>
+ <dict>
+ <key>captures</key>
+ <dict>
+ <key>0</key>
+ <dict>
+ <key>name</key>
+ <string>invalid.illegal.pseudo-class.css</string>
+ </dict>
+ <key>1</key>
+ <dict>
+ <key>name</key>
+ <string>punctuation.definition.entity.css</string>
+ </dict>
+ </dict>
+ <key>match</key>
+ <string>(?i)(:)(\s?)</string>
+ <key>name</key>
+ <string>entity.other.attribute-name.pseudo-class.unknown.css</string>
+ </dict>
+ <dict>
<key>begin</key>
<string>(\[)</string>
<key>beginCaptures</key>
Syntaxes/CSS.plist
@@ -13,7 +13,7 @@ html img.foo
/*/meta.property-name.css*/
/* meta.property-value.css*/
- opacity;
+ opacity;
/*/meta.property-value.css*/
/*/meta.property.vendor.effect.webkit-transition-property.css*/
@@ -21,3 +21,145 @@ html img.foo
/*/meta.scope.property-list.css*/
/*/meta.scope.item.css*/
+
+
+/*Selectors*/
+/*source.css meta.selector*/
+
+/*tags*/
+
+div
+/*ids*/
+#
+#id
+/*classes*/
+.
+.class
+/*pseudo classes*/
+:
+:hove
+/*attributes*/
+[]
+[attribute='attribute value']
+/*attribute values*/
+[attribute=]
+[attribute='attribute value']
+{
+ /*Attributes*/
+ /*source.css meta.scope.property-list*/
+
+ /*source.css meta.scope.property-list meta.property-name*/
+ flarm: shmoo;
+
+ /*source.css meta.scope.property-list meta.property-name support.type.property-name*/
+ color:
+
+ /*Attribute Values*/
+ /*source.css meta.property-value*/
+ blue
+ ;
+
+}
+
+ .selector { property : value ; property : value }
+
+.selector
+{
+ property: value;
+ property: value;
+}
+.selector
+{
+ property: value;
+ property: value
+}
+.selector
+{
+ property: value;
+ property
+ :value
+}
+
+
+selector{}
+selector,selector{}
+{}selector{}
+/**/selector{}
+
+/*begin: (?<= ^ | [\},] | \*\/) \s* */
+/*end: (?= \s*{ | </styl ) */
+
+{property}
+{property:}
+{property:value}
+{property:value;property}
+{property:value;property:}
+{property:value;property:value}
+
+/*begin: [;{]*/
+/*end: [:}]*/
+
+{-vendor-property}
+{-vendor-property:}
+{-vendor-property:value}
+{-vendor-property:value;-vendor-property}
+{-vendor-property:value;-vendor-property:}
+{-vendor-property:value;-vendor-property:value}
+
+/*begin: (?<= [;{] ) ( \s* -)*/
+/*end: [:}]*/
+
+{property}
+{property:}
+{property:value}
+{property:value;property}
+{property:value;property:}
+{property:value;property:value}
+
+/*begin: [:]*/
+/*end: (?=[;}] | </styl) */
+
+
+.selector {
+ background: #DDD url() repeat/repeat-x/repeat-y/no-repeat scroll/fixed top left/top center/top right/center left/center center/center right/bottom left/bottom center/bottom right/x-% y-%/x-pos y-pos;
+}
+
+.selector{background-image: left;}
+.selector{background-image: none;}
+.selector{background-image: inherit;}
+.selector{background-image: url();}
+
+.selector{background-repeat: none;}
+.selector{background-repeat: repeat repeat-x repeat-y no-repeat;}
+.selector{background-repeat: inherit;}
+.selector{background-repeat: repeat;}
+.selector{background-repeat: repeat-x;}
+.selector{background-repeat: repeat-y;}
+.selector{background-repeat: no-repeat;}
+
+.selector{background-color: left;}
+.selector{background-color: inherit;}
+.selector{background-color: transparent;}
+.selector{background-color: blue;}
+.selector{background-color: red;}
+.selector{background-color: #33;}
+.selector{background-color: #333;}
+.selector{background-color: #3333;}
+.selector{background-color: #33333;}
+.selector{background-color: #333333;}
+.selector{background-color: rgb();}
+.selector{background-color: rgba();}
+
+.selector{color: left;}
+.selector{color: inherit;}
+.selector{color: transparent;}
+.selector{color: blue;}
+.selector{color: red;}
+.selector{color: #33;}
+.selector{color: #333;}
+.selector{color: #3333;}
+.selector{color: #33333;}
+.selector{color: #333333;}
+.selector{color: rgb();}
+.selector{color: rgba();}
+
Test/css_scopes.css
b49bb86ac6f3f238b40b2002e9d3c9f529ba1268
Thomas Aylott
oblivious+git@subtlegradient.com
http://github.com/subtleGradient/css.tmbundle/commit/270d583a0404cf486baf4b06a82233b3f5e453af
270d583a0404cf486baf4b06a82233b3f5e453af
2008-09-26T23:31:00-07:00
2008-09-26T23:31:00-07:00
WIP Reworking Language
4fc6a36015d73730485389519d1978e0e34154b7
Thomas Aylott
oblivious+git@subtlegradient.com