| 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 |
| |