compass 0.12.rc.1 → 0.12.0

data/test/fixtures/stylesheets/compass/css/background-clip.css

@@ -7,4 +7,4 @@
   -webkit-background-clip: border;
   -moz-background-clip: border;
   -khtml-background-clip: border-box;
-  background-clip: border-box; }
+  background-clip: border-box; }

data/test/fixtures/stylesheets/compass/css/gradients.css

@@ -82,15 +82,25 @@
   background-image: -ms-linear-gradient(left, #dddddd 10px, #aaaaaa 40px);
   background-image: linear-gradient(left, #dddddd 10px, #aaaaaa 40px); }
 
-.bg-radial-gradient {
-  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PHJhZGlhbEdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgY3g9IjUwJSIgY3k9IjUwJSIgcj0iMTAwIj48c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjZGRkZGRkIi8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjYWFhYWFhIi8+PC9yYWRpYWxHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g');
-  background-size: 100%;
-  background-image: -webkit-gradient(radial, 50% 50%, 0, 50% 50%, 100, color-stop(0%, #dddddd), color-stop(100%, #aaaaaa));
-  background-image: -webkit-radial-gradient(center center, #dddddd, #aaaaaa 100px);
-  background-image: -moz-radial-gradient(center center, #dddddd, #aaaaaa 100px);
-  background-image: -o-radial-gradient(center center, #dddddd, #aaaaaa 100px);
-  background-image: -ms-radial-gradient(center center, #dddddd, #aaaaaa 100px);
-  background-image: radial-gradient(center center, #dddddd, #aaaaaa 100px); }
+.transparent-in-linear-gradient {
+  background-image: white url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iInRyYW5zcGFyZW50IiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2FhYWFhYSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
+  background-size: 100%;
+  background-image: white -webkit-gradient(linear, 0% 0%, 100% 100%, color-stop(0%, transparent), color-stop(100%, #aaaaaa));
+  background-image: white -webkit-linear-gradient(top left, transparent, #aaaaaa);
+  background-image: white -moz-linear-gradient(top left, transparent, #aaaaaa);
+  background-image: white -o-linear-gradient(top left, transparent, #aaaaaa);
+  background-image: white -ms-linear-gradient(top left, transparent, #aaaaaa);
+  background-image: white linear-gradient(top left, transparent, #aaaaaa); }
+
+.transparent-in-linear-gradient {
+  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PHJhZGlhbEdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgY3g9IjUwJSIgY3k9IjUwJSIgcj0iMTAwIj48c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjZGRkZGRkIi8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIidHJhbnNwYXJlbnQiIi8+PC9yYWRpYWxHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g');
+  background-size: 100%;
+  background-image: -webkit-gradient(radial, 50% 50%, 0, 50% 50%, 100, color-stop(0%, #dddddd), color-stop(100%, transparent));
+  background-image: -webkit-radial-gradient(center center, #dddddd, transparent 100px);
+  background-image: -moz-radial-gradient(center center, #dddddd, transparent 100px);
+  background-image: -o-radial-gradient(center center, #dddddd, transparent 100px);
+  background-image: -ms-radial-gradient(center center, #dddddd, transparent 100px);
+  background-image: radial-gradient(center center, #dddddd, transparent 100px); }
 
 .bg-linear-gradient-with-angle {
   background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9Ii00NSIgeTE9IiIgeDI9Ii00NSIgeTI9IiIgZ3JhZGllbnRUcmFuc2Zvcm0gPSAicm90YXRlKC00NSkiPjxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiNkZGRkZGQiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNhYWFhYWEiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA=');
@@ -203,366 +213,6 @@
   background: foo(-ms-radial-gradient(#dddddd, #aaaaaa 100px));
   background: foo(radial-gradient(#dddddd, #aaaaaa 100px)); }
 
-.linear-1 {
-  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #dddddd), color-stop(100%, #aaaaaa));
-  background-image: -webkit-linear-gradient(top, #dddddd, #aaaaaa);
-  background-image: -moz-linear-gradient(top, #dddddd, #aaaaaa);
-  background-image: -o-linear-gradient(top, #dddddd, #aaaaaa);
-  background-image: -ms-linear-gradient(top, #dddddd, #aaaaaa);
-  background-image: linear-gradient(top, #dddddd, #aaaaaa); }
-
-.linear-2 {
-  background-image: -webkit-gradient(linear, 0% 50%, 100% 50%, color-stop(0%, #dddddd), color-stop(100%, #aaaaaa));
-  background-image: -webkit-linear-gradient(left, #dddddd, #aaaaaa);
-  background-image: -moz-linear-gradient(left, #dddddd, #aaaaaa);
-  background-image: -o-linear-gradient(left, #dddddd, #aaaaaa);
-  background-image: -ms-linear-gradient(left, #dddddd, #aaaaaa);
-  background-image: linear-gradient(left, #dddddd, #aaaaaa); }
-
-.linear-3 {
-  background-image: -webkit-gradient(linear, 0% 0%, 100% 100%, color-stop(0%, #dddddd), color-stop(100%, #aaaaaa));
-  background-image: -webkit-linear-gradient(top left, #dddddd, #aaaaaa);
-  background-image: -moz-linear-gradient(top left, #dddddd, #aaaaaa);
-  background-image: -o-linear-gradient(top left, #dddddd, #aaaaaa);
-  background-image: -ms-linear-gradient(top left, #dddddd, #aaaaaa);
-  background-image: linear-gradient(top left, #dddddd, #aaaaaa); }
-
-.linear-4 {
-  background-image: -webkit-gradient(linear, 100% 0%, 0% 100%, color-stop(0%, #dddddd), color-stop(100%, #aaaaaa));
-  background-image: -webkit-linear-gradient(top right, #dddddd, #aaaaaa);
-  background-image: -moz-linear-gradient(top right, #dddddd, #aaaaaa);
-  background-image: -o-linear-gradient(top right, #dddddd, #aaaaaa);
-  background-image: -ms-linear-gradient(top right, #dddddd, #aaaaaa);
-  background-image: linear-gradient(top right, #dddddd, #aaaaaa); }
-
-.linear-5 {
-  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #dddddd), color-stop(50%, #cccccc), color-stop(100%, #aaaaaa));
-  background-image: -webkit-linear-gradient(top, #dddddd, #cccccc, #aaaaaa);
-  background-image: -moz-linear-gradient(top, #dddddd, #cccccc, #aaaaaa);
-  background-image: -o-linear-gradient(top, #dddddd, #cccccc, #aaaaaa);
-  background-image: -ms-linear-gradient(top, #dddddd, #cccccc, #aaaaaa);
-  background-image: linear-gradient(top, #dddddd, #cccccc, #aaaaaa); }
-
-.linear-6 {
-  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #dddddd), color-stop(20%, #cccccc), color-stop(100%, #aaaaaa));
-  background-image: -webkit-linear-gradient(top, #dddddd, #cccccc 20%, #aaaaaa);
-  background-image: -moz-linear-gradient(top, #dddddd, #cccccc 20%, #aaaaaa);
-  background-image: -o-linear-gradient(top, #dddddd, #cccccc 20%, #aaaaaa);
-  background-image: -ms-linear-gradient(top, #dddddd, #cccccc 20%, #aaaaaa);
-  background-image: linear-gradient(top, #dddddd, #cccccc 20%, #aaaaaa); }
-
-.linear-7 {
-  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #dddddd), color-stop(20%, #cccccc), color-stop(60%, #eeeeee), color-stop(100%, #aaaaaa));
-  background-image: -webkit-linear-gradient(top, #dddddd, #cccccc 20%, #eeeeee, #aaaaaa);
-  background-image: -moz-linear-gradient(top, #dddddd, #cccccc 20%, #eeeeee, #aaaaaa);
-  background-image: -o-linear-gradient(top, #dddddd, #cccccc 20%, #eeeeee, #aaaaaa);
-  background-image: -ms-linear-gradient(top, #dddddd, #cccccc 20%, #eeeeee, #aaaaaa);
-  background-image: linear-gradient(top, #dddddd, #cccccc 20%, #eeeeee, #aaaaaa); }
-
-.linear-8 {
-  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(80%, #dddddd), color-stop(100%, #aaaaaa));
-  background-image: -webkit-linear-gradient(top, #dddddd 80%, #aaaaaa);
-  background-image: -moz-linear-gradient(top, #dddddd 80%, #aaaaaa);
-  background-image: -o-linear-gradient(top, #dddddd 80%, #aaaaaa);
-  background-image: -ms-linear-gradient(top, #dddddd 80%, #aaaaaa);
-  background-image: linear-gradient(top, #dddddd 80%, #aaaaaa); }
-
-.linear-9 {
-  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #dddddd), color-stop(20%, #aaaaaa));
-  background-image: -webkit-linear-gradient(top, #dddddd, #aaaaaa 20%);
-  background-image: -moz-linear-gradient(top, #dddddd, #aaaaaa 20%);
-  background-image: -o-linear-gradient(top, #dddddd, #aaaaaa 20%);
-  background-image: -ms-linear-gradient(top, #dddddd, #aaaaaa 20%);
-  background-image: linear-gradient(top, #dddddd, #aaaaaa 20%); }
-
-.linear-10 {
-  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(40%, #dddddd), color-stop(50%, #aaaaaa));
-  background-image: -webkit-linear-gradient(top, #dddddd 40%, #aaaaaa 50%);
-  background-image: -moz-linear-gradient(top, #dddddd 40%, #aaaaaa 50%);
-  background-image: -o-linear-gradient(top, #dddddd 40%, #aaaaaa 50%);
-  background-image: -ms-linear-gradient(top, #dddddd 40%, #aaaaaa 50%);
-  background-image: linear-gradient(top, #dddddd 40%, #aaaaaa 50%); }
-
-.linear-11 {
-  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(40%, #dddddd), color-stop(45%, #000000), color-stop(50%, #aaaaaa));
-  background-image: -webkit-linear-gradient(top, #dddddd 40%, #000000, #aaaaaa 50%);
-  background-image: -moz-linear-gradient(top, #dddddd 40%, #000000, #aaaaaa 50%);
-  background-image: -o-linear-gradient(top, #dddddd 40%, #000000, #aaaaaa 50%);
-  background-image: -ms-linear-gradient(top, #dddddd 40%, #000000, #aaaaaa 50%);
-  background-image: linear-gradient(top, #dddddd 40%, #000000, #aaaaaa 50%); }
-
-.linear-12 {
-  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(33%, #0000ff), color-stop(67%, #000000));
-  background-image: -webkit-linear-gradient(top, #ffffff, #0000ff 33%, #000000 67%);
-  background-image: -moz-linear-gradient(top, #ffffff, #0000ff 33%, #000000 67%);
-  background-image: -o-linear-gradient(top, #ffffff, #0000ff 33%, #000000 67%);
-  background-image: -ms-linear-gradient(top, #ffffff, #0000ff 33%, #000000 67%);
-  background-image: linear-gradient(top, #ffffff, #0000ff 33%, #000000 67%); }
-
-.radial-1 {
-  background-image: -webkit-gradient(radial, 50% 50%, 0, 50% 50%, 100, color-stop(0%, #dddddd), color-stop(100%, #aaaaaa));
-  background-image: -webkit-radial-gradient(center center, #dddddd, #aaaaaa 100px);
-  background-image: -moz-radial-gradient(center center, #dddddd, #aaaaaa 100px);
-  background-image: -o-radial-gradient(center center, #dddddd, #aaaaaa 100px);
-  background-image: -ms-radial-gradient(center center, #dddddd, #aaaaaa 100px);
-  background-image: radial-gradient(center center, #dddddd, #aaaaaa 100px); }
-
-.radial-2 {
-  background-image: -webkit-gradient(radial, 50% 50%, 0, 50% 50%, 100, color-stop(0%, #dddddd), color-stop(100%, #aaaaaa));
-  background-image: -webkit-radial-gradient(center center, #dddddd, #aaaaaa 100px);
-  background-image: -moz-radial-gradient(center center, #dddddd, #aaaaaa 100px);
-  background-image: -o-radial-gradient(center center, #dddddd, #aaaaaa 100px);
-  background-image: -ms-radial-gradient(center center, #dddddd, #aaaaaa 100px);
-  background-image: radial-gradient(center center, #dddddd, #aaaaaa 100px); }
-
-.radial-3 {
-  background-image: -webkit-gradient(radial, 50% 0%, 0, 50% 0%, 100, color-stop(0%, #dddddd), color-stop(100%, #aaaaaa));
-  background-image: -webkit-radial-gradient(top center, #dddddd, #aaaaaa 100px);
-  background-image: -moz-radial-gradient(top center, #dddddd, #aaaaaa 100px);
-  background-image: -o-radial-gradient(top center, #dddddd, #aaaaaa 100px);
-  background-image: -ms-radial-gradient(top center, #dddddd, #aaaaaa 100px);
-  background-image: radial-gradient(top center, #dddddd, #aaaaaa 100px); }
-
-.radial-4 {
-  background-image: -webkit-gradient(radial, 50% 50%, 0, 50% 50%, 100, color-stop(0%, #dddddd), color-stop(100%, #aaaaaa));
-  background-image: -webkit-radial-gradient(center center, #dddddd, #aaaaaa 100px);
-  background-image: -moz-radial-gradient(center center, #dddddd, #aaaaaa 100px);
-  background-image: -o-radial-gradient(center center, #dddddd, #aaaaaa 100px);
-  background-image: -ms-radial-gradient(center center, #dddddd, #aaaaaa 100px);
-  background-image: radial-gradient(center center, #dddddd, #aaaaaa 100px); }
-
-.radial-5 {
-  background-image: -webkit-gradient(radial, 50% 0%, 0, 50% 0%, 100, color-stop(0%, #dddddd), color-stop(100%, #aaaaaa));
-  background-image: -webkit-radial-gradient(top center, #dddddd, #aaaaaa 100px);
-  background-image: -moz-radial-gradient(top center, #dddddd, #aaaaaa 100px);
-  background-image: -o-radial-gradient(top center, #dddddd, #aaaaaa 100px);
-  background-image: -ms-radial-gradient(top center, #dddddd, #aaaaaa 100px);
-  background-image: radial-gradient(top center, #dddddd, #aaaaaa 100px); }
-
-.radial-6 {
-  background-image: -webkit-gradient(radial, 50% 50%, 0, 50% 50%, 50, color-stop(40%, #dddddd), color-stop(100%, #aaaaaa));
-  background-image: -webkit-radial-gradient(center center, #dddddd 20px, #aaaaaa 50px);
-  background-image: -moz-radial-gradient(center center, #dddddd 20px, #aaaaaa 50px);
-  background-image: -o-radial-gradient(center center, #dddddd 20px, #aaaaaa 50px);
-  background-image: -ms-radial-gradient(center center, #dddddd 20px, #aaaaaa 50px);
-  background-image: radial-gradient(center center, #dddddd 20px, #aaaaaa 50px); }
-
-.radial-7 {
-  background-image: -webkit-gradient(radial, 50% 50%, 0, 50% 50%, 50, color-stop(20%, #dddddd), color-stop(100%, #aaaaaa));
-  background-image: -webkit-radial-gradient(center center, #dddddd 20%, #aaaaaa 50px);
-  background-image: -moz-radial-gradient(center center, #dddddd 20%, #aaaaaa 50px);
-  background-image: -o-radial-gradient(center center, #dddddd 20%, #aaaaaa 50px);
-  background-image: -ms-radial-gradient(center center, #dddddd 20%, #aaaaaa 50px);
-  background-image: radial-gradient(center center, #dddddd 20%, #aaaaaa 50px); }
-
-.alpha-linear {
-  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(40%, rgba(255, 255, 255, 0)), color-stop(45%, rgba(255, 127, 127, 0.5)), color-stop(50%, #ffffff));
-  background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 40%, rgba(255, 127, 127, 0.5), #ffffff 50%);
-  background-image: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 40%, rgba(255, 127, 127, 0.5), #ffffff 50%);
-  background-image: -o-linear-gradient(top, rgba(255, 255, 255, 0) 40%, rgba(255, 127, 127, 0.5), #ffffff 50%);
-  background-image: -ms-linear-gradient(top, rgba(255, 255, 255, 0) 40%, rgba(255, 127, 127, 0.5), #ffffff 50%);
-  background-image: linear-gradient(top, rgba(255, 255, 255, 0) 40%, rgba(255, 127, 127, 0.5), #ffffff 50%); }
-
-.linear-svg-1 {
-  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2RkZGRkZCIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2FhYWFhYSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
-  background-size: 100%;
-  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #dddddd), color-stop(100%, #aaaaaa));
-  background-image: -webkit-linear-gradient(top, #dddddd, #aaaaaa);
-  background-image: -moz-linear-gradient(top, #dddddd, #aaaaaa);
-  background-image: -o-linear-gradient(top, #dddddd, #aaaaaa);
-  background-image: -ms-linear-gradient(top, #dddddd, #aaaaaa);
-  background-image: linear-gradient(top, #dddddd, #aaaaaa); }
-
-.linear-svg-2 {
-  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iNTAlIiB4Mj0iMTAwJSIgeTI9IjUwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2RkZGRkZCIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2FhYWFhYSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
-  background-size: 100%;
-  background-image: -webkit-gradient(linear, 0% 50%, 100% 50%, color-stop(0%, #dddddd), color-stop(100%, #aaaaaa));
-  background-image: -webkit-linear-gradient(left, #dddddd, #aaaaaa);
-  background-image: -moz-linear-gradient(left, #dddddd, #aaaaaa);
-  background-image: -o-linear-gradient(left, #dddddd, #aaaaaa);
-  background-image: -ms-linear-gradient(left, #dddddd, #aaaaaa);
-  background-image: linear-gradient(left, #dddddd, #aaaaaa); }
-
-.linear-svg-3 {
-  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2RkZGRkZCIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2FhYWFhYSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
-  background-size: 100%;
-  background-image: -webkit-gradient(linear, 0% 0%, 100% 100%, color-stop(0%, #dddddd), color-stop(100%, #aaaaaa));
-  background-image: -webkit-linear-gradient(top left, #dddddd, #aaaaaa);
-  background-image: -moz-linear-gradient(top left, #dddddd, #aaaaaa);
-  background-image: -o-linear-gradient(top left, #dddddd, #aaaaaa);
-  background-image: -ms-linear-gradient(top left, #dddddd, #aaaaaa);
-  background-image: linear-gradient(top left, #dddddd, #aaaaaa); }
-
-.linear-svg-4 {
-  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjEwMCUiIHkxPSIwJSIgeDI9IjAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2RkZGRkZCIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2FhYWFhYSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
-  background-size: 100%;
-  background-image: -webkit-gradient(linear, 100% 0%, 0% 100%, color-stop(0%, #dddddd), color-stop(100%, #aaaaaa));
-  background-image: -webkit-linear-gradient(top right, #dddddd, #aaaaaa);
-  background-image: -moz-linear-gradient(top right, #dddddd, #aaaaaa);
-  background-image: -o-linear-gradient(top right, #dddddd, #aaaaaa);
-  background-image: -ms-linear-gradient(top right, #dddddd, #aaaaaa);
-  background-image: linear-gradient(top right, #dddddd, #aaaaaa); }
-
-.linear-svg-5 {
-  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2RkZGRkZCIvPjxzdG9wIG9mZnNldD0iNTAlIiBzdG9wLWNvbG9yPSIjY2NjY2NjIi8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjYWFhYWFhIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g');
-  background-size: 100%;
-  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #dddddd), color-stop(50%, #cccccc), color-stop(100%, #aaaaaa));
-  background-image: -webkit-linear-gradient(top, #dddddd, #cccccc, #aaaaaa);
-  background-image: -moz-linear-gradient(top, #dddddd, #cccccc, #aaaaaa);
-  background-image: -o-linear-gradient(top, #dddddd, #cccccc, #aaaaaa);
-  background-image: -ms-linear-gradient(top, #dddddd, #cccccc, #aaaaaa);
-  background-image: linear-gradient(top, #dddddd, #cccccc, #aaaaaa); }
-
-.linear-svg-6 {
-  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2RkZGRkZCIvPjxzdG9wIG9mZnNldD0iMjAlIiBzdG9wLWNvbG9yPSIjY2NjY2NjIi8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjYWFhYWFhIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g');
-  background-size: 100%;
-  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #dddddd), color-stop(20%, #cccccc), color-stop(100%, #aaaaaa));
-  background-image: -webkit-linear-gradient(top, #dddddd, #cccccc 20%, #aaaaaa);
-  background-image: -moz-linear-gradient(top, #dddddd, #cccccc 20%, #aaaaaa);
-  background-image: -o-linear-gradient(top, #dddddd, #cccccc 20%, #aaaaaa);
-  background-image: -ms-linear-gradient(top, #dddddd, #cccccc 20%, #aaaaaa);
-  background-image: linear-gradient(top, #dddddd, #cccccc 20%, #aaaaaa); }
-
-.linear-svg-7 {
-  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2RkZGRkZCIvPjxzdG9wIG9mZnNldD0iMjAlIiBzdG9wLWNvbG9yPSIjY2NjY2NjIi8+PHN0b3Agb2Zmc2V0PSI2MCUiIHN0b3AtY29sb3I9IiNlZWVlZWUiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNhYWFhYWEiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA=');
-  background-size: 100%;
-  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #dddddd), color-stop(20%, #cccccc), color-stop(60%, #eeeeee), color-stop(100%, #aaaaaa));
-  background-image: -webkit-linear-gradient(top, #dddddd, #cccccc 20%, #eeeeee, #aaaaaa);
-  background-image: -moz-linear-gradient(top, #dddddd, #cccccc 20%, #eeeeee, #aaaaaa);
-  background-image: -o-linear-gradient(top, #dddddd, #cccccc 20%, #eeeeee, #aaaaaa);
-  background-image: -ms-linear-gradient(top, #dddddd, #cccccc 20%, #eeeeee, #aaaaaa);
-  background-image: linear-gradient(top, #dddddd, #cccccc 20%, #eeeeee, #aaaaaa); }
-
-.linear-svg-8 {
-  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSI4MCUiIHN0b3AtY29sb3I9IiNkZGRkZGQiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNhYWFhYWEiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA=');
-  background-size: 100%;
-  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(80%, #dddddd), color-stop(100%, #aaaaaa));
-  background-image: -webkit-linear-gradient(top, #dddddd 80%, #aaaaaa);
-  background-image: -moz-linear-gradient(top, #dddddd 80%, #aaaaaa);
-  background-image: -o-linear-gradient(top, #dddddd 80%, #aaaaaa);
-  background-image: -ms-linear-gradient(top, #dddddd 80%, #aaaaaa);
-  background-image: linear-gradient(top, #dddddd 80%, #aaaaaa); }
-
-.linear-svg-9 {
-  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2RkZGRkZCIvPjxzdG9wIG9mZnNldD0iMjAlIiBzdG9wLWNvbG9yPSIjYWFhYWFhIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g');
-  background-size: 100%;
-  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #dddddd), color-stop(20%, #aaaaaa));
-  background-image: -webkit-linear-gradient(top, #dddddd, #aaaaaa 20%);
-  background-image: -moz-linear-gradient(top, #dddddd, #aaaaaa 20%);
-  background-image: -o-linear-gradient(top, #dddddd, #aaaaaa 20%);
-  background-image: -ms-linear-gradient(top, #dddddd, #aaaaaa 20%);
-  background-image: linear-gradient(top, #dddddd, #aaaaaa 20%); }
-
-.linear-svg-10 {
-  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSI0MCUiIHN0b3AtY29sb3I9IiNkZGRkZGQiLz48c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2FhYWFhYSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
-  background-size: 100%;
-  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(40%, #dddddd), color-stop(50%, #aaaaaa));
-  background-image: -webkit-linear-gradient(top, #dddddd 40%, #aaaaaa 50%);
-  background-image: -moz-linear-gradient(top, #dddddd 40%, #aaaaaa 50%);
-  background-image: -o-linear-gradient(top, #dddddd 40%, #aaaaaa 50%);
-  background-image: -ms-linear-gradient(top, #dddddd 40%, #aaaaaa 50%);
-  background-image: linear-gradient(top, #dddddd 40%, #aaaaaa 50%); }
-
-.linear-svg-11 {
-  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSI0MCUiIHN0b3AtY29sb3I9IiNkZGRkZGQiLz48c3RvcCBvZmZzZXQ9IjQ1JSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIvPjxzdG9wIG9mZnNldD0iNTAlIiBzdG9wLWNvbG9yPSIjYWFhYWFhIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g');
-  background-size: 100%;
-  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(40%, #dddddd), color-stop(45%, #000000), color-stop(50%, #aaaaaa));
-  background-image: -webkit-linear-gradient(top, #dddddd 40%, #000000, #aaaaaa 50%);
-  background-image: -moz-linear-gradient(top, #dddddd 40%, #000000, #aaaaaa 50%);
-  background-image: -o-linear-gradient(top, #dddddd 40%, #000000, #aaaaaa 50%);
-  background-image: -ms-linear-gradient(top, #dddddd 40%, #000000, #aaaaaa 50%);
-  background-image: linear-gradient(top, #dddddd 40%, #000000, #aaaaaa 50%); }
-
-.linear-svg-12 {
-  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjxzdG9wIG9mZnNldD0iMzMlIiBzdG9wLWNvbG9yPSIjMDAwMGZmIi8+PHN0b3Agb2Zmc2V0PSI2NyUiIHN0b3AtY29sb3I9IiMwMDAwMDAiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA=');
-  background-size: 100%;
-  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(33%, #0000ff), color-stop(67%, #000000));
-  background-image: -webkit-linear-gradient(top, #ffffff, #0000ff 33%, #000000 67%);
-  background-image: -moz-linear-gradient(top, #ffffff, #0000ff 33%, #000000 67%);
-  background-image: -o-linear-gradient(top, #ffffff, #0000ff 33%, #000000 67%);
-  background-image: -ms-linear-gradient(top, #ffffff, #0000ff 33%, #000000 67%);
-  background-image: linear-gradient(top, #ffffff, #0000ff 33%, #000000 67%); }
-
-.radial-svg-1 {
-  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PHJhZGlhbEdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgY3g9IjUwJSIgY3k9IjUwJSIgcj0iMTAwIj48c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjZGRkZGRkIi8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjYWFhYWFhIi8+PC9yYWRpYWxHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g');
-  background-size: 100%;
-  background-image: -webkit-gradient(radial, 50% 50%, 0, 50% 50%, 100, color-stop(0%, #dddddd), color-stop(100%, #aaaaaa));
-  background-image: -webkit-radial-gradient(center center, #dddddd, #aaaaaa 100px);
-  background-image: -moz-radial-gradient(center center, #dddddd, #aaaaaa 100px);
-  background-image: -o-radial-gradient(center center, #dddddd, #aaaaaa 100px);
-  background-image: -ms-radial-gradient(center center, #dddddd, #aaaaaa 100px);
-  background-image: radial-gradient(center center, #dddddd, #aaaaaa 100px); }
-
-.radial-svg-2 {
-  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PHJhZGlhbEdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgY3g9IjUwJSIgY3k9IjUwJSIgcj0iMTAwIj48c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjZGRkZGRkIi8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjYWFhYWFhIi8+PC9yYWRpYWxHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g');
-  background-size: 100%;
-  background-image: -webkit-gradient(radial, 50% 50%, 0, 50% 50%, 100, color-stop(0%, #dddddd), color-stop(100%, #aaaaaa));
-  background-image: -webkit-radial-gradient(center center, #dddddd, #aaaaaa 100px);
-  background-image: -moz-radial-gradient(center center, #dddddd, #aaaaaa 100px);
-  background-image: -o-radial-gradient(center center, #dddddd, #aaaaaa 100px);
-  background-image: -ms-radial-gradient(center center, #dddddd, #aaaaaa 100px);
-  background-image: radial-gradient(center center, #dddddd, #aaaaaa 100px); }
-
-.radial-svg-3 {
-  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PHJhZGlhbEdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgY3g9IjUwJSIgY3k9IjAlIiByPSIxMDAiPjxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiNkZGRkZGQiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNhYWFhYWEiLz48L3JhZGlhbEdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA=');
-  background-size: 100%;
-  background-image: -webkit-gradient(radial, 50% 0%, 0, 50% 0%, 100, color-stop(0%, #dddddd), color-stop(100%, #aaaaaa));
-  background-image: -webkit-radial-gradient(top center, #dddddd, #aaaaaa 100px);
-  background-image: -moz-radial-gradient(top center, #dddddd, #aaaaaa 100px);
-  background-image: -o-radial-gradient(top center, #dddddd, #aaaaaa 100px);
-  background-image: -ms-radial-gradient(top center, #dddddd, #aaaaaa 100px);
-  background-image: radial-gradient(top center, #dddddd, #aaaaaa 100px); }
-
-.radial-svg-4 {
-  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PHJhZGlhbEdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgY3g9IjUwJSIgY3k9IjUwJSIgcj0iMTAwIj48c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjZGRkZGRkIi8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjYWFhYWFhIi8+PC9yYWRpYWxHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g');
-  background-size: 100%;
-  background-image: -webkit-gradient(radial, 50% 50%, 0, 50% 50%, 100, color-stop(0%, #dddddd), color-stop(100%, #aaaaaa));
-  background-image: -webkit-radial-gradient(center center, #dddddd, #aaaaaa 100px);
-  background-image: -moz-radial-gradient(center center, #dddddd, #aaaaaa 100px);
-  background-image: -o-radial-gradient(center center, #dddddd, #aaaaaa 100px);
-  background-image: -ms-radial-gradient(center center, #dddddd, #aaaaaa 100px);
-  background-image: radial-gradient(center center, #dddddd, #aaaaaa 100px); }
-
-.radial-svg-5 {
-  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PHJhZGlhbEdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgY3g9IjUwJSIgY3k9IjAlIiByPSIxMDAiPjxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiNkZGRkZGQiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNhYWFhYWEiLz48L3JhZGlhbEdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA=');
-  background-size: 100%;
-  background-image: -webkit-gradient(radial, 50% 0%, 0, 50% 0%, 100, color-stop(0%, #dddddd), color-stop(100%, #aaaaaa));
-  background-image: -webkit-radial-gradient(top center, #dddddd, #aaaaaa 100px);
-  background-image: -moz-radial-gradient(top center, #dddddd, #aaaaaa 100px);
-  background-image: -o-radial-gradient(top center, #dddddd, #aaaaaa 100px);
-  background-image: -ms-radial-gradient(top center, #dddddd, #aaaaaa 100px);
-  background-image: radial-gradient(top center, #dddddd, #aaaaaa 100px); }
-
-.radial-svg-6 {
-  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PHJhZGlhbEdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgY3g9IjUwJSIgY3k9IjUwJSIgcj0iNTAiPjxzdG9wIG9mZnNldD0iNDAlIiBzdG9wLWNvbG9yPSIjZGRkZGRkIi8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjYWFhYWFhIi8+PC9yYWRpYWxHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g');
-  background-size: 100%;
-  background-image: -webkit-gradient(radial, 50% 50%, 0, 50% 50%, 50, color-stop(40%, #dddddd), color-stop(100%, #aaaaaa));
-  background-image: -webkit-radial-gradient(center center, #dddddd 20px, #aaaaaa 50px);
-  background-image: -moz-radial-gradient(center center, #dddddd 20px, #aaaaaa 50px);
-  background-image: -o-radial-gradient(center center, #dddddd 20px, #aaaaaa 50px);
-  background-image: -ms-radial-gradient(center center, #dddddd 20px, #aaaaaa 50px);
-  background-image: radial-gradient(center center, #dddddd 20px, #aaaaaa 50px); }
-
-.radial-svg-7 {
-  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PHJhZGlhbEdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgY3g9IjUwJSIgY3k9IjUwJSIgcj0iNTAiPjxzdG9wIG9mZnNldD0iMjAlIiBzdG9wLWNvbG9yPSIjZGRkZGRkIi8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjYWFhYWFhIi8+PC9yYWRpYWxHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g');
-  background-size: 100%;
-  background-image: -webkit-gradient(radial, 50% 50%, 0, 50% 50%, 50, color-stop(20%, #dddddd), color-stop(100%, #aaaaaa));
-  background-image: -webkit-radial-gradient(center center, #dddddd 20%, #aaaaaa 50px);
-  background-image: -moz-radial-gradient(center center, #dddddd 20%, #aaaaaa 50px);
-  background-image: -o-radial-gradient(center center, #dddddd 20%, #aaaaaa 50px);
-  background-image: -ms-radial-gradient(center center, #dddddd 20%, #aaaaaa 50px);
-  background-image: radial-gradient(center center, #dddddd 20%, #aaaaaa 50px); }
-
-.alpha-linear-svg {
-  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSI0MCUiIHN0b3AtY29sb3I9InJnYmEoMjU1LCAyNTUsIDI1NSwgMCkiLz48c3RvcCBvZmZzZXQ9IjQ1JSIgc3RvcC1jb2xvcj0icmdiYSgyNTUsIDEyNywgMTI3LCAwLjUpIi8+PHN0b3Agb2Zmc2V0PSI1MCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA=');
-  background-size: 100%;
-  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(40%, rgba(255, 255, 255, 0)), color-stop(45%, rgba(255, 127, 127, 0.5)), color-stop(50%, #ffffff));
-  background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 40%, rgba(255, 127, 127, 0.5), #ffffff 50%);
-  background-image: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 40%, rgba(255, 127, 127, 0.5), #ffffff 50%);
-  background-image: -o-linear-gradient(top, rgba(255, 255, 255, 0) 40%, rgba(255, 127, 127, 0.5), #ffffff 50%);
-  background-image: -ms-linear-gradient(top, rgba(255, 255, 255, 0) 40%, rgba(255, 127, 127, 0.5), #ffffff 50%);
-  background-image: linear-gradient(top, rgba(255, 255, 255, 0) 40%, rgba(255, 127, 127, 0.5), #ffffff 50%); }
-
 .ie-horizontal-filter {
   *zoom: 1;
   filter: progid:DXImageTransform.Microsoft.gradient(gradientType=1, startColorstr='#FFFFFFFF', endColorstr='#FF000000'); }

data/test/fixtures/stylesheets/compass/css/transition.css

@@ -25,4 +25,47 @@
   -moz-transition-duration: 0.2s, 0.5s, 0.2s;
   -ms-transition-duration: 0.2s, 0.5s, 0.2s;
   -o-transition-duration: 0.2s, 0.5s, 0.2s;
-  transition-duration: 0.2s, 0.5s, 0.2s; }
+  transition-duration: 0.2s, 0.5s, 0.2s; }
+
+.single-transform-transition-without-delay {
+  -webkit-transition: -webkit-transform 0.6s ease-out;
+  -moz-transition: -moz-transform 0.6s ease-out;
+  -ms-transition: -ms-transform 0.6s ease-out;
+  -o-transition: -o-transform 0.6s ease-out;
+  transition: transform 0.6s ease-out; }
+
+.single-transform-transition-with-delay {
+  -webkit-transition: -webkit-transform 0.6s ease-out;
+  -webkit-transition-delay: 0.2s;
+  -moz-transition: -moz-transform 0.6s ease-out 0.2s;
+  -ms-transition: -ms-transform 0.6s ease-out 0.2s;
+  -o-transition: -o-transform 0.6s ease-out 0.2s;
+  transition: transform 0.6s ease-out 0.2s; }
+
+.transform-transition {
+  -webkit-transition: -webkit-transform 0.6s ease-out;
+  -moz-transition: -moz-transform 0.6s ease-out;
+  -ms-transition: -ms-transform 0.6s ease-out;
+  -o-transition: -o-transform 0.6s ease-out;
+  transition: transform 0.6s ease-out; }
+
+.multiple-transitions {
+  -webkit-transition: -webkit-transform 0.6s ease-out, opacity 0.2s ease-in;
+  -moz-transition: -moz-transform 0.6s ease-out, opacity 0.2s ease-in;
+  -ms-transition: -ms-transform 0.6s ease-out, opacity 0.2s ease-in;
+  -o-transition: -o-transform 0.6s ease-out, opacity 0.2s ease-in;
+  transition: transform 0.6s ease-out, opacity 0.2s ease-in; }
+
+.transition-property {
+  -webkit-transition-property: -webkit-transform;
+  -moz-transition-property: -moz-transform;
+  -ms-transition-property: -ms-transform;
+  -o-transition-property: -o-transform;
+  transition-property: transform; }
+
+.multiple-transition-properties {
+  -webkit-transition-property: opacity, -webkit-transform, left;
+  -moz-transition-property: opacity, -moz-transform, left;
+  -ms-transition-property: opacity, -ms-transform, left;
+  -o-transition-property: opacity, -o-transform, left;
+  transition-property: opacity, transform, left; }