OLD | NEW |
1 Tests that (S)CSS syntax highlighter properly detects the tokens. | 1 Tests that (S)CSS syntax highlighter properly detects the tokens. |
2 | 2 |
3 a[href='/']: cm-css-tag,*,cm-css-tag,*,cm-css-string,* | 3 a[href='/']: cm-css-tag, *, cm-css-tag, *, cm-css-string, * |
4 #content > a:hover: cm-css-builtin,*,cm-css-tag,cm-css-operator,cm-css-tag | 4 #content > a:hover: cm-css-builtin, *, cm-css-tag, *, cm-css-variable-3 |
5 @import url(style.css);: cm-css-def,*,cm-css-tag,*,cm-css-string,* | 5 @import url(style.css);: cm-css-def, *, cm-css-tag, *, cm-css-string, * |
6 @import url("style.css") projection, tv;: cm-css-def,*,cm-css-tag,*,cm-css-strin
g,*,cm-css-tag,*,cm-css-tag,* | 6 @import url("style.css") projection, tv;: cm-css-def, *, cm-css-tag, *, cm-css-s
tring, *, cm-css-tag, *, cm-css-tag, * |
7 @import "/css/fireball_unicode.css"; html {}: cm-css-def,*,cm-css-string,*,cm-cs
s-tag,* | 7 @import "/css/fireball_unicode.css"; html {}: cm-css-def, *, cm-css-string, *, c
m-css-tag, * |
8 @media screen { body { color: red; } }: cm-css-def,*,cm-css-attribute,*,cm-css-t
ag,*,cm-css-property,cm-css-operator,*,cm-css-keyword,* | 8 @media screen { body { color: red; } }: cm-css-def, *, cm-css-attribute, *, cm-c
ss-tag, *, cm-css-property, *, cm-css-keyword, * |
9 @font-face { font-family: "MyHelvetica"; }: cm-css-def,*,cm-css-property,cm-css-
operator,*,cm-css-string,* | 9 @font-face { font-family: "MyHelvetica"; }: cm-css-def, *, cm-css-property, *, c
m-css-string, * |
10 p { color: color; red: red; color: #000; color: #FFF; color: #123AbC; color: #fa
ebfe; color:papayawhip; }: cm-css-tag,*,cm-css-property,cm-css-operator,*,cm-css
-variable-2,*,cm-css-keyword,cm-css-operator,*,cm-css-keyword,*,cm-css-property,
cm-css-operator,*,cm-css-atom,*,cm-css-property,cm-css-operator,*,cm-css-atom,*,
cm-css-property,cm-css-operator,*,cm-css-atom,*,cm-css-property,cm-css-operator,
*,cm-css-atom,*,cm-css-property,cm-css-operator,cm-css-keyword,* | 10 p { color: color; red: red; color: #000; color: #FFF; color: #123AbC; color: #fa
ebfe; color:papayawhip; }: cm-css-tag, *, cm-css-property, *, cm-css-variable, *
, cm-css-property, *, cm-css-variable-3, *, cm-css-property, *, cm-css-atom, *,
cm-css-property, *, cm-css-atom, *, cm-css-property, *, cm-css-atom, *, cm-css-p
roperty, *, cm-css-atom, *, cm-css-property, *, cm-css-keyword, * |
11 p { margin: -10px !important; }: cm-css-tag,*,cm-css-property,cm-css-operator,*,
cm-css-number,*,cm-css-keyword,* | 11 p { margin: -10px !important; }: cm-css-tag, *, cm-css-property, *, cm-css-numbe
r, *, cm-css-keyword, * |
12 $margin-left: $offsetBefore + 12px + $offsetAfter;: cm-css-variable-2,cm-css-ope
rator,*,cm-css-variable-2,*,cm-css-number,*,cm-css-variable-2,* | 12 $margin-left: $offsetBefore + 12px + $offsetAfter;: cm-css-variable-2, *, cm-css
-variable-2, *, cm-css-number, *, cm-css-variable-2, * |
13 $type: monster; | 13 $type: monster; |
14 p { | 14 p { |
15 @if $type == ocean { | 15 @if $type == ocean { |
16 color: blue; | 16 color: blue; |
17 } @else if $type == matador { | 17 } @else if $type == matador { |
18 color: red; | 18 color: red; |
19 } @else if $type == monster { | 19 } @else if $type == monster { |
20 color: green; | 20 color: green; |
21 } @else { | 21 } @else { |
22 color: black; | 22 color: black; |
23 } | 23 } |
24 }: cm-css-variable-2,cm-css-operator,*,cm-css-variable-2,*,,cm-css-tag,*,,cm-css
-def,*,cm-css-variable-2,*,cm-css-tag,*,,cm-css-property,cm-css-operator,*,cm-cs
s-keyword,*,,*,cm-css-def,*,cm-css-tag,*,cm-css-variable-2,*,cm-css-tag,*,,cm-cs
s-property,cm-css-operator,*,cm-css-keyword,*,,*,cm-css-def,*,cm-css-tag,*,cm-cs
s-variable-2,*,cm-css-tag,*,,cm-css-property,cm-css-operator,*,cm-css-keyword,*,
,*,cm-css-def,*,,cm-css-property,cm-css-operator,*,cm-css-keyword,*,,*,,* | 24 }: cm-css-variable-2, *, cm-css-variable, *, , cm-css-tag, *, , cm-css-def, *, c
m-css-variable-2, *, cm-css-tag, *, , cm-css-property, *, cm-css-keyword, *, , *
, cm-css-def, *, cm-css-tag, *, cm-css-variable-2, *, cm-css-tag, *, , cm-css-pr
operty, *, cm-css-keyword, *, , *, cm-css-def, *, cm-css-tag, *, cm-css-variable
-2, *, cm-css-tag, *, , cm-css-property, *, cm-css-keyword, *, , *, cm-css-def,
*, , cm-css-property, *, cm-css-keyword, *, , *, , * |
25 @for $i from 1 through 3 { .item-#{$i} { width: 2em * $i; } }: cm-css-def,*,cm-c
ss-variable-2,*,cm-css-tag,*,cm-css-number,*,cm-css-tag,*,cm-css-number,*,cm-css
-qualifier,cm-css-operator,cm-css-variable-2,cm-css-operator,*,cm-css-property,c
m-css-operator,*,cm-css-number,*,cm-css-variable-2,* | 25 @for $i from 1 through 3 { .item-#{$i} { width: 2em * $i; } }: cm-css-def, *, cm
-css-variable-2, *, cm-css-tag, *, cm-css-number, *, cm-css-tag, *, cm-css-numbe
r, *, cm-css-qualifier, *, cm-css-variable-2, *, cm-css-property, *, cm-css-numb
er, *, cm-css-variable-2, * |
26 @mixin adjust-location($x, $y) { | 26 @mixin adjust-location($x, $y) { |
27 @if unitless($x) { | 27 @if unitless($x) { |
28 @warn "Assuming #{$x} to be in pixels"; | 28 @warn "Assuming #{$x} to be in pixels"; |
29 $x: 1px * $x; | 29 $x: 1px * $x; |
30 } | 30 } |
31 position: relative; left: $x; top: $y; | 31 position: relative; left: $x; top: $y; |
32 }: cm-css-def,*,cm-css-tag,*,cm-css-variable-2,*,cm-css-variable-2,*,,cm-css-def
,*,cm-css-tag,*,cm-css-variable-2,*,,cm-css-def,*,cm-css-string,*,,cm-css-variab
le-2,cm-css-operator,*,cm-css-number,*,cm-css-variable-2,*,,*,,cm-css-property,c
m-css-operator,*,cm-css-string-2,*,cm-css-property,cm-css-operator,*,cm-css-vari
able-2,*,cm-css-property,cm-css-operator,*,cm-css-variable-2,*,,* | 32 }: cm-css-def, *, cm-css-tag, *, cm-css-variable-2, *, cm-css-variable-2, *, , c
m-css-def, *, cm-css-tag, *, cm-css-variable-2, *, , cm-css-def, *, cm-css-strin
g, *, , cm-css-variable-2, *, cm-css-number, *, cm-css-variable-2, *, , *, , cm-
css-property, *, cm-css-atom, *, cm-css-property, *, cm-css-variable-2, *, cm-cs
s-property, *, cm-css-variable-2, *, , * |
33 #navbar { | 33 #navbar { |
34 $navbar-width: 800px; | 34 $navbar-width: 800px; |
35 $items: 5; | 35 $items: 5; |
36 $navbar-color: #ce4dd6; | 36 $navbar-color: #ce4dd6; |
37 width: $navbar-width; | 37 width: $navbar-width; |
38 border-bottom: 2px solid $navbar-color; | 38 border-bottom: 2px solid $navbar-color; |
39 li { | 39 li { |
40 @extend .notice !optional; | 40 @extend .notice !optional; |
41 float: left; | 41 float: left; |
42 width: $navbar-width/$items - 10px; | 42 width: $navbar-width/$items - 10px; |
43 background-color: lighten($navbar-color, 20%); | 43 background-color: lighten($navbar-color, 20%); |
44 &:hover { | 44 &:hover { |
45 background-color: lighten($navbar-color, 10%); | 45 background-color: lighten($navbar-color, 10%); |
46 } | 46 } |
47 } | 47 } |
48 }: cm-css-builtin,*,,cm-css-variable-2,cm-css-operator,*,cm-css-number,*,,cm-css
-variable-2,cm-css-operator,*,cm-css-number,*,,cm-css-variable-2,cm-css-operator
,*,cm-css-atom,*,,cm-css-property,cm-css-operator,*,cm-css-variable-2,*,,cm-css-
property,cm-css-operator,*,cm-css-number,*,cm-css-string-2,*,cm-css-variable-2,*
,,cm-css-tag,*,,cm-css-def,*,cm-css-qualifier,*,cm-css-keyword,*,,cm-css-propert
y,cm-css-operator,*,cm-css-string-2,*,,cm-css-property,cm-css-operator,*,cm-css-
variable-2,cm-css-operator,cm-css-variable-2,*,cm-css-number,*,,cm-css-property,
cm-css-operator,*,cm-css-variable-2,*,cm-css-variable-2,*,cm-css-number,*,,cm-cs
s-tag,cm-css-operator,cm-css-tag,*,,cm-css-property,cm-css-operator,*,cm-css-var
iable-2,*,cm-css-variable-2,*,cm-css-number,*,,*,,*,,* | 48 }: cm-css-builtin, *, , cm-css-variable-2, *, cm-css-number, *, , cm-css-variabl
e-2, *, cm-css-number, *, , cm-css-variable-2, *, cm-css-atom, *, , cm-css-prope
rty, *, cm-css-variable-2, *, , cm-css-property, *, cm-css-number, *, cm-css-ato
m, *, cm-css-variable-2, *, , cm-css-tag, *, , cm-css-def, *, cm-css-qualifier,
*, cm-css-keyword, *, , cm-css-property, *, cm-css-atom, *, , cm-css-property, *
, cm-css-variable-2, cm-css-operator, cm-css-variable-2, *, cm-css-number, *, ,
cm-css-property, *, cm-css-variable, *, cm-css-variable-2, *, cm-css-number, *,
, *, cm-css-variable-3, *, , cm-css-property, *, cm-css-variable, *, cm-css-vari
able-2, *, cm-css-number, *, , *, , *, , * |
49 | 49 |
OLD | NEW |