#color {
  color: #22ea18;
  red: 34;
  green: 234;
  blue: 24;
  color: rgba(1, 2, 4, 0.5);
  a1: 1;
  a2: 0.5;
  mix: #020304;
  rgba: rgba(170, 119, 204, 0.4);
  rgba: rgba(170, 119, 204, 0.4);
  green: 139;
}
#hsl {
  color: #79c653;
  color: rgba(121, 198, 83, 0.5);
  hue: 100deg;
  sat: 50%;
  lig: 55%;
}
#more-color {
  light: #7e3d9e;
  dark: #432154;
  sat: #632782;
  desat: #5e3871;
  gray: #545454;
  comp: #48792f;
  inv: #9fd086;
}
#more-more-color {
  op: 0.5;
  opacify: rgba(1, 2, 3, 0.6);
  opacify: rgba(1, 2, 3, 0.6);
  transparentize: rgba(1, 2, 3, 0.4);
  transparentize: rgba(1, 2, 3, 0.4);
  transparentize: rgba(52, 130, 3, 0.9);
}
#more-more-more-color {
  color: rgba(65, 110, 79, 0.4);
  color: rgba(20, 255, 216, 0);
  color: rgba(55, 100, 69, 0.4);
  color: rgba(0, 255, 213, 0);
  color: rgba(145, 10, 10, 0);
  color: rgba(5, 10, 10, 0);
  color: rgba(145, 145, 145, 0);
  color: rgba(5, 5, 5, 0);
  color: #000A0A0A;
  color: #FFAABBCC;
}
#string {
  color: hello what is going on;
  color: "yeah";
  color: "I do?";
  color: 2;
  color: sinserttring;
  color: s\tring;
  color: 6;
  color: tri;
  color: trin;
  color: "string";
  color: STRING;
  color: string;
  color: string;
  color: tring;
  color: ring;
  color: ing;
  color: ng;
  color: g;
  color: ng;
  color: ing;
  color: ring;
  color: tring;
  color: s;
  color: st;
  color: string;
  color: strin;
}
#number {
  color: 250%;
  color: 50%;
  color: 3;
  color: 3;
  color: 4;
  top: 10px;
  top: 1ex;
  width: 200%;
  bottom: 10px;
  padding: 3em 1in 1in 1in;
}
#list {
  len: 3;
  len: 1;
  n: hello;
  hello: one, two, three, hello;
  hello: one, two, three, hello, world, what, is, going;
  hello: one, two, three, hello;
  index: 2;
  index: 3;
  index: 1;
  index: 2;
  index: 2;
  index: 1;
  display: 1;
  world: one, two, three, great, job;
  world: one, two, three, great job;
  cool: one two three great job;
  cool: great job one two three;
  zip: 1px solid, 2px dashed;
  zip: 1px solid red, 2px dashed green;
}
#introspection {
  t: number;
  t: string;
  t: string;
  t: bool;
  t: color;
  t: color;
  t: list;
  u: "";
  u: "px";
  u: "em";
  l: true;
  l: false;
  c: true;
  c: false;
  c: true;
  c: true;
  c: false;
  c: true;
}
#if {
  color: yes;
  color: no;
  color: yes;
  color: yes;
}
.transparent {
  r: 0;
  g: 0;
  b: 0;
  a: 0;
}
.alpha {
  a: 1;
  a: 1;
  a: 1;
  a: 0.5;
}
#exists {
  a: true;
  b: true;
  c: false;
}
div.call-tests {
  a: #0a64ff;
  b: #0058ef;
  c: b;
}
div.unquote-test {
  a: [type='text'];
}
.does-compile-1 {
  color: #666;
}
.does-compile-2 {
  color: #666;
}
.does-compile-3 {
  color: #666;
}
.does-compile-4 {
  color: #666;
}
.join-list-with-or-without-interpolation {
  transition: value1 value2, value3 value4;
  transition: value1 value2, value3 value4;
  transition: value1, value2, value3 value4;
  transition: value1 value2, value3, value4;
  transition: value1, value2, value3, value4;
  transition: value1, value2, value3, value4;
}
.list-zip-types {
  zip: 2px solid;
  zip: 3px "bold" blue;
}
