compass 0.12.0 → 0.12.7

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

@@ -0,0 +1,16 @@
+.word-break {
+  -ms-word-break: keep-all;
+  word-break: keep-all; }
+
+.hyphens {
+  -webkit-hyphens: manual;
+  -moz-hyphens: manual;
+  hyphens: manual; }
+
+.hyphenate {
+  -ms-word-break: break-all;
+  word-break: break-all;
+  word-break: break-word;
+  -webkit-hyphens: auto;
+  -moz-hyphens: auto;
+  hyphens: auto; }

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

@@ -88,14 +88,13 @@ ul.inline-block {
     list-style-image: none;
     list-style-type: none;
     margin-left: 0;
-    display: -moz-inline-box;
-    -moz-box-orient: vertical;
+    display: -moz-inline-stack;
     display: inline-block;
     vertical-align: middle;
     *vertical-align: auto;
+    zoom: 1;
+    *display: inline;
     white-space: nowrap; }
-    ul.inline-block li {
-      *display: inline; }
 
 ul.wide-inline-block {
   margin: 0;
@@ -107,16 +106,15 @@ ul.wide-inline-block {
     list-style-image: none;
     list-style-type: none;
     margin-left: 0;
-    display: -moz-inline-box;
-    -moz-box-orient: vertical;
+    display: -moz-inline-stack;
     display: inline-block;
     vertical-align: middle;
     *vertical-align: auto;
+    zoom: 1;
+    *display: inline;
     white-space: nowrap;
     padding-left: 10px;
     padding-right: 10px; }
-    ul.wide-inline-block li {
-      *display: inline; }
 
 ul.inline {
   list-style-type: none; }

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

@@ -14,7 +14,6 @@
   background: -webkit-linear-gradient(#ff0000, #0000ff);
   background: -moz-linear-gradient(#ff0000, #0000ff);
   background: -o-linear-gradient(#ff0000, #0000ff);
-  background: -ms-linear-gradient(#ff0000, #0000ff);
   -pie-background: linear-gradient(#ff0000, #0000ff);
   background: linear-gradient(#ff0000, #0000ff); }
 

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

@@ -0,0 +1,7 @@
+.source {
+  -webkit-flow-into: target;
+  -ms-flow-into: target; }
+
+.new-container {
+  -webkit-flow-from: target;
+  -ms-flow-from: target; }

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

@@ -0,0 +1,59 @@
+.basic {
+  text-indent: -119988px;
+  overflow: hidden;
+  text-align: left;
+  background-image: url('/images/4x6.png?busted=true');
+  background-repeat: no-repeat;
+  background-position: 50% 50%; }
+
+.with-dimensions {
+  text-indent: -119988px;
+  overflow: hidden;
+  text-align: left;
+  background-image: url('/images/4x6.png?busted=true');
+  background-repeat: no-repeat;
+  background-position: 50% 50%;
+  width: 6px;
+  height: 4px; }
+
+.with-dimensions-inline {
+  text-indent: -119988px;
+  overflow: hidden;
+  text-align: left;
+  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAECAIAAAAiZtkUAAAC7mlDQ1BJQ0MgUHJvZmlsZQAAeAGFVM9rE0EU/jZuqdAiCFprDrJ4kCJJWatoRdQ2/RFiawzbH7ZFkGQzSdZuNuvuJrWliOTi0SreRe2hB/+AHnrwZC9KhVpFKN6rKGKhFy3xzW5MtqXqwM5+8943731vdt8ADXLSNPWABOQNx1KiEWlsfEJq/IgAjqIJQTQlVdvsTiQGQYNz+Xvn2HoPgVtWw3v7d7J3rZrStpoHhP1A4Eea2Sqw7xdxClkSAog836Epx3QI3+PY8uyPOU55eMG1Dys9xFkifEA1Lc5/TbhTzSXTQINIOJT1cVI+nNeLlNcdB2luZsbIEL1PkKa7zO6rYqGcTvYOkL2d9H5Os94+wiHCCxmtP0a4jZ71jNU/4mHhpObEhj0cGDX0+GAVtxqp+DXCFF8QTSeiVHHZLg3xmK79VvJKgnCQOMpkYYBzWkhP10xu+LqHBX0m1xOv4ndWUeF5jxNn3tTd70XaAq8wDh0MGgyaDUhQEEUEYZiwUECGPBoxNLJyPyOrBhuTezJ1JGq7dGJEsUF7Ntw9t1Gk3Tz+KCJxlEO1CJL8Qf4qr8lP5Xn5y1yw2Fb3lK2bmrry4DvF5Zm5Gh7X08jjc01efJXUdpNXR5aseXq8muwaP+xXlzHmgjWPxHOw+/EtX5XMlymMFMXjVfPqS4R1WjE3359sfzs94i7PLrXWc62JizdWm5dn/WpI++6qvJPmVflPXvXx/GfNxGPiKTEmdornIYmXxS7xkthLqwviYG3HCJ2VhinSbZH6JNVgYJq89S9dP1t4vUZ/DPVRlBnM0lSJ93/CKmQ0nbkOb/qP28f8F+T3iuefKAIvbODImbptU3HvEKFlpW5zrgIXv9F98LZua6N+OPwEWDyrFq1SNZ8gvAEcdod6HugpmNOWls05Uocsn5O66cpiUsxQ20NSUtcl12VLFrOZVWLpdtiZ0x1uHKE5QvfEp0plk/qv8RGw/bBS+fmsUtl+ThrWgZf6b8C8/UXAeIuJAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAI0lEQVQIHWOwtLT8//9/eno6kISwGdD4QDkGZHkIG6QKTS8A/s4vHesO+KkAAAAASUVORK5CYII=');
+  background-repeat: no-repeat;
+  background-position: 50% 50%;
+  width: 6px;
+  height: 4px; }
+
+.with-position {
+  text-indent: -119988px;
+  overflow: hidden;
+  text-align: left;
+  background-image: url('/images/4x6.png?busted=true');
+  background-repeat: no-repeat;
+  background-position: 10px top; }
+
+.with-arbitrary-url {
+  text-indent: -119988px;
+  overflow: hidden;
+  text-align: left;
+  background-image: url(http://google.com/logo.gif);
+  background-repeat: no-repeat;
+  background-position: 10px top; }
+
+.with-inline-url {
+  text-indent: -119988px;
+  overflow: hidden;
+  text-align: left;
+  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAECAIAAAAiZtkUAAAC7mlDQ1BJQ0MgUHJvZmlsZQAAeAGFVM9rE0EU/jZuqdAiCFprDrJ4kCJJWatoRdQ2/RFiawzbH7ZFkGQzSdZuNuvuJrWliOTi0SreRe2hB/+AHnrwZC9KhVpFKN6rKGKhFy3xzW5MtqXqwM5+8943731vdt8ADXLSNPWABOQNx1KiEWlsfEJq/IgAjqIJQTQlVdvsTiQGQYNz+Xvn2HoPgVtWw3v7d7J3rZrStpoHhP1A4Eea2Sqw7xdxClkSAog836Epx3QI3+PY8uyPOU55eMG1Dys9xFkifEA1Lc5/TbhTzSXTQINIOJT1cVI+nNeLlNcdB2luZsbIEL1PkKa7zO6rYqGcTvYOkL2d9H5Os94+wiHCCxmtP0a4jZ71jNU/4mHhpObEhj0cGDX0+GAVtxqp+DXCFF8QTSeiVHHZLg3xmK79VvJKgnCQOMpkYYBzWkhP10xu+LqHBX0m1xOv4ndWUeF5jxNn3tTd70XaAq8wDh0MGgyaDUhQEEUEYZiwUECGPBoxNLJyPyOrBhuTezJ1JGq7dGJEsUF7Ntw9t1Gk3Tz+KCJxlEO1CJL8Qf4qr8lP5Xn5y1yw2Fb3lK2bmrry4DvF5Zm5Gh7X08jjc01efJXUdpNXR5aseXq8muwaP+xXlzHmgjWPxHOw+/EtX5XMlymMFMXjVfPqS4R1WjE3359sfzs94i7PLrXWc62JizdWm5dn/WpI++6qvJPmVflPXvXx/GfNxGPiKTEmdornIYmXxS7xkthLqwviYG3HCJ2VhinSbZH6JNVgYJq89S9dP1t4vUZ/DPVRlBnM0lSJ93/CKmQ0nbkOb/qP28f8F+T3iuefKAIvbODImbptU3HvEKFlpW5zrgIXv9F98LZua6N+OPwEWDyrFq1SNZ8gvAEcdod6HugpmNOWls05Uocsn5O66cpiUsxQ20NSUtcl12VLFrOZVWLpdtiZ0x1uHKE5QvfEp0plk/qv8RGw/bBS+fmsUtl+ThrWgZf6b8C8/UXAeIuJAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAI0lEQVQIHWOwtLT8//9/eno6kISwGdD4QDkGZHkIG6QKTS8A/s4vHesO+KkAAAAASUVORK5CYII=');
+  background-repeat: no-repeat;
+  background-position: 10px top; }
+
+.with-image-url {
+  text-indent: -119988px;
+  overflow: hidden;
+  text-align: left;
+  background-image: url('/images/4x6.png?busted=true');
+  background-repeat: no-repeat;
+  background-position: 10px top; }

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

@@ -14,11 +14,11 @@ time, mark, audio, video {
   margin: 0;
   padding: 0;
   border: 0;
-  font-size: 100%;
   font: inherit;
+  font-size: 100%;
   vertical-align: baseline; }
 
-body {
+html {
   line-height: 1; }
 
 ol, ul {

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

@@ -1,11 +1,29 @@
-.single-text-shadow {
-  text-shadow: #aaaaaa 0px 0px 1px; }
+.default-single-text-shadow {
+  text-shadow: 0px 0px 1px #aaaaaa; }
+
+.none {
+  text-shadow: none; }
+
+.color-only {
+  text-shadow: 0px 0px 1px #cccccc; }
+
+.color-first-with-params {
+  text-shadow: 2px 2px 5px #cccccc, 2px 2px 5px 2px #cccccc;
+  text-shadow: 2px 2px 5px 2px #cccccc, 2px 2px 5px 2px #cccccc; }
+
+.color-last-with-params {
+  text-shadow: 2px 2px 5px #cccccc, 2px 2px 5px 2px #cccccc;
+  text-shadow: 2px 2px 5px 2px #cccccc, 2px 2px 5px 2px #cccccc; }
 
 .default-text-shadow {
-  text-shadow: #aaaaaa 0px 0px 1px; }
+  text-shadow: 0px 0px 1px #aaaaaa; }
 
 .multiple-text-shadows-with-default {
-  text-shadow: #aaaaaa 0px 0px 1px, 2px 2px 5px #222222; }
+  text-shadow: 0px 0px 1px #aaaaaa, 2px 2px 5px #222222; }
 
 .multiple-text-shadows {
   text-shadow: 4px 4px 10px #444444, 2px 2px 5px #222222; }
+
+.multiple-text-shadows-with-spread {
+  text-shadow: 4px 4px 10px #444444, 4px 4px 10px 1px #444444, 2px 2px 5px #222222, 2px 2px 5px 3px #222222;
+  text-shadow: 4px 4px 10px 1px #444444, 4px 4px 10px 1px #444444, 2px 2px 5px 3px #222222, 2px 2px 5px 3px #222222; }

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

@@ -7,6 +7,9 @@
 
 .apply-origin-3d {
   -webkit-transform-origin: 2px 5% 2in;
+  -moz-transform-origin: 2px 5% 2in;
+  -ms-transform-origin: 2px 5% 2in;
+  -o-transform-origin: 2px 5% 2in;
   transform-origin: 2px 5% 2in; }
 
 .transform-origin-2d {
@@ -18,6 +21,9 @@
 
 .transform-origin-3d {
   -webkit-transform-origin: 100px 100px 100px;
+  -moz-transform-origin: 100px 100px 100px;
+  -ms-transform-origin: 100px 100px 100px;
+  -o-transform-origin: 100px 100px 100px;
   transform-origin: 100px 100px 100px; }
 
 .transform-2d {
@@ -29,22 +35,37 @@
 
 .transform-3d {
   -webkit-transform: rotateZ(20deg);
+  -moz-transform: rotateZ(20deg);
+  -ms-transform: rotateZ(20deg);
+  -o-transform: rotateZ(20deg);
   transform: rotateZ(20deg); }
 
 .perspective {
   -webkit-perspective: 500;
+  -moz-perspective: 500;
+  -ms-perspective: 500;
+  -o-perspective: 500;
   perspective: 500; }
 
 .perspective-origin {
   -webkit-perspective-origin: 25% 25%;
+  -moz-perspective-origin: 25% 25%;
+  -ms-perspective-origin: 25% 25%;
+  -o-perspective-origin: 25% 25%;
   perspective-origin: 25% 25%; }
 
 .transform-style {
   -webkit-transform-style: preserve-3d;
+  -moz-transform-style: preserve-3d;
+  -ms-transform-style: preserve-3d;
+  -o-transform-style: preserve-3d;
   transform-style: preserve-3d; }
 
 .backface-visibility {
   -webkit-backface-visibility: hidden;
+  -moz-backface-visibility: hidden;
+  -ms-backface-visibility: hidden;
+  -o-backface-visibility: hidden;
   backface-visibility: hidden; }
 
 .scale {
@@ -56,6 +77,9 @@
 
 .scale-3d {
   -webkit-transform: scale(30px, 50px);
+  -moz-transform: scale(30px, 50px);
+  -ms-transform: scale(30px, 50px);
+  -o-transform: scale(30px, 50px);
   transform: scale(30px, 50px); }
 
 .scale-with-perspective {
@@ -67,6 +91,9 @@
 
 .scale-3d-with-perspective {
   -webkit-transform: perspective(500) scale(30px, 50px);
+  -moz-transform: perspective(500) scale(30px, 50px);
+  -ms-transform: perspective(500) scale(30px, 50px);
+  -o-transform: perspective(500) scale(30px, 50px);
   transform: perspective(500) scale(30px, 50px); }
 
 .scale-x {
@@ -78,6 +105,9 @@
 
 .scale-x-3d {
   -webkit-transform: scaleX(30px);
+  -moz-transform: scaleX(30px);
+  -ms-transform: scaleX(30px);
+  -o-transform: scaleX(30px);
   transform: scaleX(30px); }
 
 .scale-x-with-perspective {
@@ -89,6 +119,9 @@
 
 .scale-x-3d-with-perspective {
   -webkit-transform: perspective(500) scaleX(30px);
+  -moz-transform: perspective(500) scaleX(30px);
+  -ms-transform: perspective(500) scaleX(30px);
+  -o-transform: perspective(500) scaleX(30px);
   transform: perspective(500) scaleX(30px); }
 
 .scale-y {
@@ -100,6 +133,9 @@
 
 .scale-y-3d {
   -webkit-transform: scaleY(50px);
+  -moz-transform: scaleY(50px);
+  -ms-transform: scaleY(50px);
+  -o-transform: scaleY(50px);
   transform: scaleY(50px); }
 
 .scale-y-with-perspective {
@@ -111,22 +147,37 @@
 
 .scale-y-3d-with-perspective {
   -webkit-transform: perspective(500) scaleY(50px);
+  -moz-transform: perspective(500) scaleY(50px);
+  -ms-transform: perspective(500) scaleY(50px);
+  -o-transform: perspective(500) scaleY(50px);
   transform: perspective(500) scaleY(50px); }
 
 .scale-z {
   -webkit-transform: scaleZ(50px);
+  -moz-transform: scaleZ(50px);
+  -ms-transform: scaleZ(50px);
+  -o-transform: scaleZ(50px);
   transform: scaleZ(50px); }
 
 .scale-z-with-perspective {
   -webkit-transform: perspective(500) scaleZ(50px);
+  -moz-transform: perspective(500) scaleZ(50px);
+  -ms-transform: perspective(500) scaleZ(50px);
+  -o-transform: perspective(500) scaleZ(50px);
   transform: perspective(500) scaleZ(50px); }
 
 .scale3d {
   -webkit-transform: scale3d(30px, 50px, 100px);
+  -moz-transform: scale3d(30px, 50px, 100px);
+  -ms-transform: scale3d(30px, 50px, 100px);
+  -o-transform: scale3d(30px, 50px, 100px);
   transform: scale3d(30px, 50px, 100px); }
 
 .scaled3-with-perspective {
   -webkit-transform: perspective(500) scale3d(30px, 50px, 100px);
+  -moz-transform: perspective(500) scale3d(30px, 50px, 100px);
+  -ms-transform: perspective(500) scale3d(30px, 50px, 100px);
+  -o-transform: perspective(500) scale3d(30px, 50px, 100px);
   transform: perspective(500) scale3d(30px, 50px, 100px); }
 
 .rotate {
@@ -159,26 +210,44 @@
 
 .rotate-x {
   -webkit-transform: rotateX(25deg);
+  -moz-transform: rotateX(25deg);
+  -ms-transform: rotateX(25deg);
+  -o-transform: rotateX(25deg);
   transform: rotateX(25deg); }
 
 .rotate-x-with-perspective {
   -webkit-transform: perspective(500) rotateX(25deg);
+  -moz-transform: perspective(500) rotateX(25deg);
+  -ms-transform: perspective(500) rotateX(25deg);
+  -o-transform: perspective(500) rotateX(25deg);
   transform: perspective(500) rotateX(25deg); }
 
 .rotate-y {
   -webkit-transform: rotateY(25deg);
+  -moz-transform: rotateY(25deg);
+  -ms-transform: rotateY(25deg);
+  -o-transform: rotateY(25deg);
   transform: rotateY(25deg); }
 
 .rotate-y-with-perspective {
   -webkit-transform: perspective(500) rotateY(25deg);
+  -moz-transform: perspective(500) rotateY(25deg);
+  -ms-transform: perspective(500) rotateY(25deg);
+  -o-transform: perspective(500) rotateY(25deg);
   transform: perspective(500) rotateY(25deg); }
 
 .rotate-3d {
   -webkit-transform: rotate3d(5, 2, 1, 75deg);
+  -moz-transform: rotate3d(5, 2, 1, 75deg);
+  -ms-transform: rotate3d(5, 2, 1, 75deg);
+  -o-transform: rotate3d(5, 2, 1, 75deg);
   transform: rotate3d(5, 2, 1, 75deg); }
 
 .rotate-3d-with-perspective {
   -webkit-transform: perspective(500) rotate3d(5, 2, 1, 75deg);
+  -moz-transform: perspective(500) rotate3d(5, 2, 1, 75deg);
+  -ms-transform: perspective(500) rotate3d(5, 2, 1, 75deg);
+  -o-transform: perspective(500) rotate3d(5, 2, 1, 75deg);
   transform: perspective(500) rotate3d(5, 2, 1, 75deg); }
 
 .translate {
@@ -197,10 +266,16 @@
 
 .translate-3d {
   -webkit-transform: translate(20px, 30%);
+  -moz-transform: translate(20px, 30%);
+  -ms-transform: translate(20px, 30%);
+  -o-transform: translate(20px, 30%);
   transform: translate(20px, 30%); }
 
 .translate-3d-with-perspective {
   -webkit-transform: perspective(500) translate(20px, 30%);
+  -moz-transform: perspective(500) translate(20px, 30%);
+  -ms-transform: perspective(500) translate(20px, 30%);
+  -o-transform: perspective(500) translate(20px, 30%);
   transform: perspective(500) translate(20px, 30%); }
 
 .translate-x {
@@ -212,6 +287,9 @@
 
 .translate-x-3d {
   -webkit-transform: translateX(30px);
+  -moz-transform: translateX(30px);
+  -ms-transform: translateX(30px);
+  -o-transform: translateX(30px);
   transform: translateX(30px); }
 
 .translate-x-with-perspective {
@@ -223,6 +301,9 @@
 
 .translate-x-3d-with-perspective {
   -webkit-transform: perspective(500) translateX(30px);
+  -moz-transform: perspective(500) translateX(30px);
+  -ms-transform: perspective(500) translateX(30px);
+  -o-transform: perspective(500) translateX(30px);
   transform: perspective(500) translateX(30px); }
 
 .translate-y {
@@ -234,6 +315,9 @@
 
 .translate-y-3d {
   -webkit-transform: translateY(30px);
+  -moz-transform: translateY(30px);
+  -ms-transform: translateY(30px);
+  -o-transform: translateY(30px);
   transform: translateY(30px); }
 
 .translate-y-with-perspective {
@@ -245,22 +329,37 @@
 
 .translate-y-3d-with-perspective {
   -webkit-transform: perspective(500) translateY(30px);
+  -moz-transform: perspective(500) translateY(30px);
+  -ms-transform: perspective(500) translateY(30px);
+  -o-transform: perspective(500) translateY(30px);
   transform: perspective(500) translateY(30px); }
 
 .translate-z {
   -webkit-transform: translateZ(30px);
+  -moz-transform: translateZ(30px);
+  -ms-transform: translateZ(30px);
+  -o-transform: translateZ(30px);
   transform: translateZ(30px); }
 
 .translate-z-with-perspective {
   -webkit-transform: perspective(500) translateZ(30px);
+  -moz-transform: perspective(500) translateZ(30px);
+  -ms-transform: perspective(500) translateZ(30px);
+  -o-transform: perspective(500) translateZ(30px);
   transform: perspective(500) translateZ(30px); }
 
 .translate-3d {
   -webkit-transform: translate3d(30px, 50px, 75px);
+  -moz-transform: translate3d(30px, 50px, 75px);
+  -ms-transform: translate3d(30px, 50px, 75px);
+  -o-transform: translate3d(30px, 50px, 75px);
   transform: translate3d(30px, 50px, 75px); }
 
 .translate-3d-with-perspective {
   -webkit-transform: perspective(500) translate3d(30px, 50px, 75px);
+  -moz-transform: perspective(500) translate3d(30px, 50px, 75px);
+  -ms-transform: perspective(500) translate3d(30px, 50px, 75px);
+  -o-transform: perspective(500) translate3d(30px, 50px, 75px);
   transform: perspective(500) translate3d(30px, 50px, 75px); }
 
 .skew {
@@ -272,6 +371,9 @@
 
 .skew-3d {
   -webkit-transform: skew(20deg, 50deg);
+  -moz-transform: skew(20deg, 50deg);
+  -ms-transform: skew(20deg, 50deg);
+  -o-transform: skew(20deg, 50deg);
   transform: skew(20deg, 50deg); }
 
 .skew-x {
@@ -283,6 +385,9 @@
 
 .skew-x-3d {
   -webkit-transform: skewX(20deg);
+  -moz-transform: skewX(20deg);
+  -ms-transform: skewX(20deg);
+  -o-transform: skewX(20deg);
   transform: skewX(20deg); }
 
 .skew-y {
@@ -294,6 +399,9 @@
 
 .skew-y-3d {
   -webkit-transform: skewY(20deg);
+  -moz-transform: skewY(20deg);
+  -ms-transform: skewY(20deg);
+  -o-transform: skewY(20deg);
   transform: skewY(20deg); }
 
 .create-transform-2d {