Tests that (S)CSS syntax highlighter properly detects the tokens.

a[href='/']: webkit-css-selector
#content > a:hover: webkit-css-selector,*,webkit-css-selector,*
@import url(style.css);: webkit-css-at-rule,*,webkit-css-keyword,*
@import url("style.css") projection, tv;: webkit-css-at-rule,*,webkit-css-keyword,*,webkit-css-string,*,webkit-css-keyword,*,webkit-css-keyword,*
@import "/css/fireball_unicode.css"; html {}: webkit-css-at-rule,*,webkit-css-string,*,webkit-css-selector,*,webkit-block-start,webkit-block-end
@media screen { body { color: red; } }: webkit-css-at-rule,*,webkit-css-keyword,*,webkit-block-start,*,webkit-css-selector,*,webkit-block-start,*,webkit-css-property,*,webkit-css-color,*,webkit-block-end,*,webkit-block-end
@font-face { font-family: "MyHelvetica"; }: webkit-css-at-rule,*,webkit-block-start,*,webkit-css-property,*,webkit-css-string,*,webkit-block-end
p { color: color; red: red; color: #000; color: #FFF; color: #123AbC; color: #faebfe; color:papayawhip; }: webkit-css-selector,*,webkit-block-start,*,webkit-css-property,*,webkit-css-selector,*,webkit-css-color,*,webkit-css-property,*,webkit-css-color,*,webkit-css-property,*,webkit-css-color,*,webkit-css-property,*,webkit-css-color,*,webkit-css-property,*,webkit-css-color,*,webkit-css-property,*,webkit-css-color,*,webkit-block-end
p { margin: -10px !important; }: webkit-css-selector,*,webkit-block-start,*,webkit-css-property,*,webkit-css-number,*,webkit-css-bang-keyword,*,webkit-block-end
$margin-left: $offsetBefore + 12px + $offsetAfter;: webkit-scss-variable,*,webkit-scss-variable,*,webkit-css-number,*,webkit-scss-variable,*
$type: monster;
p {
@if $type == ocean {
color: blue;
} @else if $type == matador {
color: red;
} @else if $type == monster {
color: green;
} @else {
color: black;
}
}: webkit-scss-variable,*,,webkit-css-selector,*,webkit-block-start,,webkit-css-at-rule,*,webkit-scss-variable,*,webkit-block-start,,webkit-css-property,*,webkit-css-color,*,,webkit-block-end,*,webkit-css-at-rule,*,webkit-css-at-rule,*,webkit-scss-variable,*,webkit-block-start,,webkit-css-property,*,webkit-css-color,*,,webkit-block-end,*,webkit-css-at-rule,*,webkit-css-at-rule,*,webkit-scss-variable,*,webkit-block-start,,webkit-css-property,*,webkit-css-color,*,,webkit-block-end,*,webkit-css-at-rule,*,webkit-block-start,,webkit-css-property,*,webkit-css-color,*,,webkit-block-end,,webkit-block-end
@for $i from 1 through 3 { .item-#{$i} { width: 2em * $i; } }: webkit-css-at-rule,*,webkit-scss-variable,*,webkit-css-at-rule,*,webkit-css-number,*,webkit-css-at-rule,*,webkit-css-number,*,webkit-block-start,*,webkit-css-selector,*,webkit-block-start,webkit-scss-variable,webkit-block-end,*,webkit-block-start,*,webkit-css-property,*,webkit-css-number,*,webkit-scss-variable,*,webkit-block-end,*,webkit-block-end
@mixin adjust-location($x, $y) {
@if unitless($x) {
@warn "Assuming #{$x} to be in pixels";
$x: 1px * $x;
}
position: relative; left: $x; top: $y;
}: webkit-css-at-rule,*,webkit-scss-variable,*,webkit-scss-variable,*,webkit-block-start,,webkit-css-at-rule,*,webkit-css-keyword,*,webkit-scss-variable,*,webkit-block-start,,webkit-css-at-rule,*,webkit-css-string,*,,webkit-scss-variable,*,webkit-css-number,*,webkit-scss-variable,*,,webkit-block-end,,webkit-css-property,*,webkit-css-keyword,*,webkit-css-property,*,webkit-scss-variable,*,webkit-css-property,*,webkit-scss-variable,*,,webkit-block-end
#navbar {
$navbar-width: 800px;
$items: 5;
$navbar-color: #ce4dd6;
width: $navbar-width;
border-bottom: 2px solid $navbar-color;
li {
@extend .notice !optional;
float: left;
width: $navbar-width/$items - 10px;
background-color: lighten($navbar-color, 20%);
&:hover {
background-color: lighten($navbar-color, 10%);
}
}
}: webkit-css-selector,*,webkit-block-start,,webkit-scss-variable,*,webkit-css-number,*,,webkit-scss-variable,*,webkit-css-number,*,,webkit-scss-variable,*,webkit-css-color,*,,webkit-css-property,*,webkit-scss-variable,*,,webkit-css-property,*,webkit-css-number,*,webkit-css-keyword,*,webkit-scss-variable,*,,webkit-css-selector,*,webkit-block-start,,webkit-css-at-rule,*,webkit-css-selector,*,webkit-css-bang-keyword,*,,webkit-css-property,*,webkit-css-keyword,*,,webkit-css-property,*,webkit-scss-variable,webkit-scss-variable,*,webkit-css-number,*,,webkit-css-property,*,webkit-css-keyword,*,webkit-scss-variable,*,webkit-css-number,*,,webkit-css-selector,*,webkit-block-start,,webkit-css-property,*,webkit-css-keyword,*,webkit-scss-variable,*,webkit-css-number,*,,webkit-block-end,,webkit-block-end,,webkit-block-end