compass 0.13.alpha.6 → 0.13.alpha.7

data/test/fixtures/stylesheets/compass/tmp/sprites_with_explicit_separator.css

@@ -0,0 +1,16 @@
+.flag_states_sprite, .flag_states_foo {
+  background-image: url('/images/flag_states-sc42d7bf926.png');
+  background-repeat: no-repeat; }
+
+.flag_states_foo {
+  background-position: 0 0;
+  height: 11px;
+  width: 16px; }
+  .flag_states_foo:hover, .flag_states_foo.foo_hover {
+    background-position: 0 -33px; }
+  .flag_states_foo:target, .flag_states_foo.foo_target {
+    background-position: 0 -44px; }
+  .flag_states_foo:active, .flag_states_foo.foo_active {
+    background-position: 0 -11px; }
+  .flag_states_foo:focus, .flag_states_foo.foo_focus {
+    background-position: 0 -22px; }

data/test/fixtures/stylesheets/compass/tmp/stretching.css

@@ -0,0 +1,66 @@
+.stretched-completely {
+  position: absolute;
+  top: 0;
+  bottom: 0;
+  left: 0;
+  right: 0; }
+
+.stretched-horizontally {
+  position: absolute;
+  left: 0;
+  right: 0; }
+
+.stretched-right {
+  position: absolute;
+  left: 0;
+  right: 50%; }
+
+.left-pane {
+  position: absolute;
+  top: 0;
+  bottom: 0;
+  left: 0;
+  right: 50%; }
+
+.stretched-left {
+  position: absolute;
+  left: 50%;
+  right: 0; }
+
+.right-pane {
+  position: absolute;
+  top: 0;
+  bottom: 0;
+  left: 50%;
+  right: 0; }
+
+.stretched-down {
+  position: absolute;
+  top: 0;
+  bottom: 50%; }
+
+.top-pane {
+  position: absolute;
+  top: 0;
+  bottom: 50%;
+  left: 0;
+  right: 0; }
+
+.stretched-up {
+  position: absolute;
+  top: 50%;
+  bottom: 0; }
+
+.bottom-pane {
+  position: absolute;
+  top: 50%;
+  bottom: 0;
+  left: 0;
+  right: 0; }
+
+.viewport {
+  position: absolute;
+  top: 10px;
+  bottom: 30px;
+  left: 40px;
+  right: 20px; }

data/test/fixtures/stylesheets/compass/tmp/support.css

@@ -0,0 +1,59 @@
+/*  
+
+### Compass Support ------ */
+/*  - [function] set-arglist-default() with no arguments (1 assertions, 1 passed, 0 failed) */
+/*  - [function] set-arglist-default() with a "default" argument (1 assertions, 1 passed, 0 failed) */
+/*  - [function] set-arglist-default() with a "default" argument and another argument (1 assertions, 1 passed, 0 failed) */
+/*  - [function] set-arglist-default() with a "default" argument not first and another argument (1 assertions, 1 passed, 0 failed) */
+/*  - [function] support-legacy-browser() from threshold (2 assertions, 2 passed, 0 failed) */
+/*  - [function] support-legacy-browser() from minimums (2 assertions, 2 passed, 0 failed) */
+/*  - [function] browser-out-of-scope() with no scope (2 assertions, 2 passed, 0 failed) */
+/*  - [function] browser-out-of-scope() with a scope (2 assertions, 2 passed, 0 failed) */
+/*  - [function] browser-out-of-scope() with version (3 assertions, 3 passed, 0 failed) */
+/*  - [mixin] with-prefix() (4 assertions, 4 passed, 0 failed) */
+/*  - [mixin] with-each-prefix() (1 assertions, 1 passed, 0 failed) */
+/*  - [mixin] with-each-prefix() respects $supported-browsers (1 assertions, 1 passed, 0 failed) */
+/*  - [mixin] with-each-prefix() respects $current-prefix (2 assertions, 2 passed, 0 failed) */
+/*  
+    Summary:
+    - 13 Tests
+    - 13 Passed
+    - 0 Failed */
+/* Capability css-animation is prefixed with -moz because omitting it would affect 1.03559% of users and the threshold is 0.1%. */
+@-moz-keyframes foo {
+  0% {
+    /* Content for ie 8 omitted.
+       Not allowed in the current scope: The ie 8 is incompatible with -moz. */
+    opacity: 0; }
+
+  100% {
+    /* Content for ie 8 omitted.
+       Not allowed in the current scope: The ie 8 is incompatible with -moz. */
+    opacity: 1; } }
+/* Capability css-animation is prefixed with -webkit because omitting it would affect 51.42143% of users and the threshold is 0.1%. */
+@-webkit-keyframes foo {
+  0% {
+    /* Content for ie 8 omitted.
+       Not allowed in the current scope: The ie 8 is incompatible with -webkit. */
+    opacity: 0; }
+
+  100% {
+    /* Content for ie 8 omitted.
+       Not allowed in the current scope: The ie 8 is incompatible with -webkit. */
+    opacity: 1; } }
+@keyframes foo {
+  0% {
+    /* Content for ie 8 omitted.
+       Not allowed in the current scope: The current scope only works with ie 10 or greater. */
+    opacity: 0; }
+
+  100% {
+    /* Content for ie 8 omitted.
+       Not allowed in the current scope: The current scope only works with ie 10 or greater. */
+    opacity: 1; } }
+.foo {
+  /* Capability css-animation is prefixed with -moz because omitting it would affect 1.03559% of users and the threshold is 0.1%. */
+  -moz-animation: foo 1s;
+  /* Capability css-animation is prefixed with -webkit because omitting it would affect 51.42143% of users and the threshold is 0.1%. */
+  -webkit-animation: foo 1s;
+  animation: foo 1s; }

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

@@ -0,0 +1,29 @@
+.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;
+  text-shadow: 2px 2px 5px 2px #cccccc; }
+
+.color-last-with-params {
+  text-shadow: 2px 2px 5px #cccccc;
+  text-shadow: 2px 2px 5px 2px #cccccc; }
+
+.default-text-shadow {
+  text-shadow: 0px 0px 1px #aaaaaa; }
+
+.multiple-text-shadows-with-default {
+  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, 2px 2px 5px #222222;
+  text-shadow: 4px 4px 10px 1px #444444, 2px 2px 5px 3px #222222; }

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

@@ -0,0 +1,369 @@
+.apply-origin-2d {
+  -moz-transform-origin: 2px 5%;
+  -ms-transform-origin: 2px 5%;
+  -o-transform-origin: 2px 5%;
+  -webkit-transform-origin: 2px 5%;
+  transform-origin: 2px 5%; }
+
+.apply-origin-3d {
+  -moz-transform-origin: 2px 5% 2in;
+  -webkit-transform-origin: 2px 5% 2in;
+  transform-origin: 2px 5% 2in; }
+
+.transform-origin-2d {
+  -moz-transform-origin: 100px 100px;
+  -ms-transform-origin: 100px 100px;
+  -o-transform-origin: 100px 100px;
+  -webkit-transform-origin: 100px 100px;
+  transform-origin: 100px 100px; }
+
+.transform-origin-3d {
+  -moz-transform-origin: 100px 100px 100px;
+  -webkit-transform-origin: 100px 100px 100px;
+  transform-origin: 100px 100px 100px; }
+
+.transform-2d {
+  -moz-transform: rotateY(20deg);
+  -ms-transform: rotateY(20deg);
+  -o-transform: rotateY(20deg);
+  -webkit-transform: rotateY(20deg);
+  transform: rotateY(20deg); }
+
+.transform-3d {
+  -moz-transform: rotateZ(20deg);
+  -webkit-transform: rotateZ(20deg);
+  transform: rotateZ(20deg); }
+
+.perspective {
+  -moz-perspective: 500;
+  -webkit-perspective: 500;
+  perspective: 500; }
+
+.perspective-origin {
+  -moz-perspective-origin: 25% 25%;
+  -webkit-perspective-origin: 25% 25%;
+  perspective-origin: 25% 25%; }
+
+.transform-style {
+  -moz-transform-style: preserve-3d;
+  -webkit-transform-style: preserve-3d;
+  transform-style: preserve-3d; }
+
+.backface-visibility {
+  -moz-backface-visibility: hidden;
+  -webkit-backface-visibility: hidden;
+  backface-visibility: hidden; }
+
+.scale {
+  -moz-transform: scale(30px, 50px);
+  -ms-transform: scale(30px, 50px);
+  -o-transform: scale(30px, 50px);
+  -webkit-transform: scale(30px, 50px);
+  transform: scale(30px, 50px); }
+
+.scale-3d {
+  -moz-transform: scale(30px, 50px);
+  -webkit-transform: scale(30px, 50px);
+  transform: scale(30px, 50px); }
+
+.scale-with-perspective {
+  -moz-transform: perspective(500) scale(30px, 50px);
+  -ms-transform: perspective(500) scale(30px, 50px);
+  -o-transform: perspective(500) scale(30px, 50px);
+  -webkit-transform: perspective(500) scale(30px, 50px);
+  transform: perspective(500) scale(30px, 50px); }
+
+.scale-3d-with-perspective {
+  -moz-transform: perspective(500) scale(30px, 50px);
+  -webkit-transform: perspective(500) scale(30px, 50px);
+  transform: perspective(500) scale(30px, 50px); }
+
+.scale-x {
+  -moz-transform: scaleX(30px);
+  -ms-transform: scaleX(30px);
+  -o-transform: scaleX(30px);
+  -webkit-transform: scaleX(30px);
+  transform: scaleX(30px); }
+
+.scale-x-3d {
+  -moz-transform: scaleX(30px);
+  -webkit-transform: scaleX(30px);
+  transform: scaleX(30px); }
+
+.scale-x-with-perspective {
+  -moz-transform: perspective(500) scaleX(30px);
+  -ms-transform: perspective(500) scaleX(30px);
+  -o-transform: perspective(500) scaleX(30px);
+  -webkit-transform: perspective(500) scaleX(30px);
+  transform: perspective(500) scaleX(30px); }
+
+.scale-x-3d-with-perspective {
+  -moz-transform: perspective(500) scaleX(30px);
+  -webkit-transform: perspective(500) scaleX(30px);
+  transform: perspective(500) scaleX(30px); }
+
+.scale-y {
+  -moz-transform: scaleY(50px);
+  -ms-transform: scaleY(50px);
+  -o-transform: scaleY(50px);
+  -webkit-transform: scaleY(50px);
+  transform: scaleY(50px); }
+
+.scale-y-3d {
+  -moz-transform: scaleY(50px);
+  -webkit-transform: scaleY(50px);
+  transform: scaleY(50px); }
+
+.scale-y-with-perspective {
+  -moz-transform: perspective(500) scaleY(50px);
+  -ms-transform: perspective(500) scaleY(50px);
+  -o-transform: perspective(500) scaleY(50px);
+  -webkit-transform: perspective(500) scaleY(50px);
+  transform: perspective(500) scaleY(50px); }
+
+.scale-y-3d-with-perspective {
+  -moz-transform: perspective(500) scaleY(50px);
+  -webkit-transform: perspective(500) scaleY(50px);
+  transform: perspective(500) scaleY(50px); }
+
+.scale-z {
+  -moz-transform: scaleZ(50px);
+  -webkit-transform: scaleZ(50px);
+  transform: scaleZ(50px); }
+
+.scale-z-with-perspective {
+  -moz-transform: perspective(500) scaleZ(50px);
+  -webkit-transform: perspective(500) scaleZ(50px);
+  transform: perspective(500) scaleZ(50px); }
+
+.scale3d {
+  -moz-transform: scale3d(30px, 50px, 100px);
+  -webkit-transform: scale3d(30px, 50px, 100px);
+  transform: scale3d(30px, 50px, 100px); }
+
+.scaled3-with-perspective {
+  -moz-transform: perspective(500) scale3d(30px, 50px, 100px);
+  -webkit-transform: perspective(500) scale3d(30px, 50px, 100px);
+  transform: perspective(500) scale3d(30px, 50px, 100px); }
+
+.rotate {
+  -moz-transform: perspective(500) rotate(25deg);
+  -ms-transform: perspective(500) rotate(25deg);
+  -o-transform: perspective(500) rotate(25deg);
+  -webkit-transform: perspective(500) rotate(25deg);
+  transform: perspective(500) rotate(25deg); }
+
+.rotate-with-perspective {
+  -moz-transform: perspective(500) rotate(25deg);
+  -ms-transform: perspective(500) rotate(25deg);
+  -o-transform: perspective(500) rotate(25deg);
+  -webkit-transform: perspective(500) rotate(25deg);
+  transform: perspective(500) rotate(25deg); }
+
+.rotate-z {
+  -moz-transform: rotate(25deg);
+  -ms-transform: rotate(25deg);
+  -o-transform: rotate(25deg);
+  -webkit-transform: rotate(25deg);
+  transform: rotate(25deg); }
+
+.rotate-z-with-perspective {
+  -moz-transform: perspective(500) rotate(25deg);
+  -ms-transform: perspective(500) rotate(25deg);
+  -o-transform: perspective(500) rotate(25deg);
+  -webkit-transform: perspective(500) rotate(25deg);
+  transform: perspective(500) rotate(25deg); }
+
+.rotate-x {
+  -moz-transform: rotateX(25deg);
+  -webkit-transform: rotateX(25deg);
+  transform: rotateX(25deg); }
+
+.rotate-x-with-perspective {
+  -moz-transform: perspective(500) rotateX(25deg);
+  -webkit-transform: perspective(500) rotateX(25deg);
+  transform: perspective(500) rotateX(25deg); }
+
+.rotate-y {
+  -moz-transform: rotateY(25deg);
+  -webkit-transform: rotateY(25deg);
+  transform: rotateY(25deg); }
+
+.rotate-y-with-perspective {
+  -moz-transform: perspective(500) rotateY(25deg);
+  -webkit-transform: perspective(500) rotateY(25deg);
+  transform: perspective(500) rotateY(25deg); }
+
+.rotate-3d {
+  -moz-transform: rotate3d(5, 2, 1, 75deg);
+  -webkit-transform: rotate3d(5, 2, 1, 75deg);
+  transform: rotate3d(5, 2, 1, 75deg); }
+
+.rotate-3d-with-perspective {
+  -moz-transform: perspective(500) rotate3d(5, 2, 1, 75deg);
+  -webkit-transform: perspective(500) rotate3d(5, 2, 1, 75deg);
+  transform: perspective(500) rotate3d(5, 2, 1, 75deg); }
+
+.translate {
+  -moz-transform: translate(20px, 30%);
+  -ms-transform: translate(20px, 30%);
+  -o-transform: translate(20px, 30%);
+  -webkit-transform: translate(20px, 30%);
+  transform: translate(20px, 30%); }
+
+.translate-with-perspective {
+  -moz-transform: perspective(500) translate(20px, 30%);
+  -ms-transform: perspective(500) translate(20px, 30%);
+  -o-transform: perspective(500) translate(20px, 30%);
+  -webkit-transform: perspective(500) translate(20px, 30%);
+  transform: perspective(500) translate(20px, 30%); }
+
+.translate-3d {
+  -moz-transform: translate(20px, 30%);
+  -webkit-transform: translate(20px, 30%);
+  transform: translate(20px, 30%); }
+
+.translate-3d-with-perspective {
+  -moz-transform: perspective(500) translate(20px, 30%);
+  -webkit-transform: perspective(500) translate(20px, 30%);
+  transform: perspective(500) translate(20px, 30%); }
+
+.translate-x {
+  -moz-transform: translateX(30px);
+  -ms-transform: translateX(30px);
+  -o-transform: translateX(30px);
+  -webkit-transform: translateX(30px);
+  transform: translateX(30px); }
+
+.translate-x-3d {
+  -moz-transform: translateX(30px);
+  -webkit-transform: translateX(30px);
+  transform: translateX(30px); }
+
+.translate-x-with-perspective {
+  -moz-transform: perspective(500) translateX(30px);
+  -ms-transform: perspective(500) translateX(30px);
+  -o-transform: perspective(500) translateX(30px);
+  -webkit-transform: perspective(500) translateX(30px);
+  transform: perspective(500) translateX(30px); }
+
+.translate-x-3d-with-perspective {
+  -moz-transform: perspective(500) translateX(30px);
+  -webkit-transform: perspective(500) translateX(30px);
+  transform: perspective(500) translateX(30px); }
+
+.translate-y {
+  -moz-transform: translateY(30px);
+  -ms-transform: translateY(30px);
+  -o-transform: translateY(30px);
+  -webkit-transform: translateY(30px);
+  transform: translateY(30px); }
+
+.translate-y-3d {
+  -moz-transform: translateY(30px);
+  -webkit-transform: translateY(30px);
+  transform: translateY(30px); }
+
+.translate-y-with-perspective {
+  -moz-transform: perspective(500) translateY(30px);
+  -ms-transform: perspective(500) translateY(30px);
+  -o-transform: perspective(500) translateY(30px);
+  -webkit-transform: perspective(500) translateY(30px);
+  transform: perspective(500) translateY(30px); }
+
+.translate-y-3d-with-perspective {
+  -moz-transform: perspective(500) translateY(30px);
+  -webkit-transform: perspective(500) translateY(30px);
+  transform: perspective(500) translateY(30px); }
+
+.translate-z {
+  -moz-transform: translateZ(30px);
+  -webkit-transform: translateZ(30px);
+  transform: translateZ(30px); }
+
+.translate-z-with-perspective {
+  -moz-transform: perspective(500) translateZ(30px);
+  -webkit-transform: perspective(500) translateZ(30px);
+  transform: perspective(500) translateZ(30px); }
+
+.translate-3d {
+  -moz-transform: translate3d(30px, 50px, 75px);
+  -webkit-transform: translate3d(30px, 50px, 75px);
+  transform: translate3d(30px, 50px, 75px); }
+
+.translate-3d-with-perspective {
+  -moz-transform: perspective(500) translate3d(30px, 50px, 75px);
+  -webkit-transform: perspective(500) translate3d(30px, 50px, 75px);
+  transform: perspective(500) translate3d(30px, 50px, 75px); }
+
+.skew {
+  -moz-transform: skew(20deg, 50deg);
+  -ms-transform: skew(20deg, 50deg);
+  -o-transform: skew(20deg, 50deg);
+  -webkit-transform: skew(20deg, 50deg);
+  transform: skew(20deg, 50deg); }
+
+.skew-3d {
+  -moz-transform: skew(20deg, 50deg);
+  -webkit-transform: skew(20deg, 50deg);
+  transform: skew(20deg, 50deg); }
+
+.skew-x {
+  -moz-transform: skewX(20deg);
+  -ms-transform: skewX(20deg);
+  -o-transform: skewX(20deg);
+  -webkit-transform: skewX(20deg);
+  transform: skewX(20deg); }
+
+.skew-x-3d {
+  -moz-transform: skewX(20deg);
+  -webkit-transform: skewX(20deg);
+  transform: skewX(20deg); }
+
+.skew-y {
+  -moz-transform: skewY(20deg);
+  -ms-transform: skewY(20deg);
+  -o-transform: skewY(20deg);
+  -webkit-transform: skewY(20deg);
+  transform: skewY(20deg); }
+
+.skew-y-3d {
+  -moz-transform: skewY(20deg);
+  -webkit-transform: skewY(20deg);
+  transform: skewY(20deg); }
+
+.create-transform-2d {
+  -moz-transform: perspective(500) scale(20px, 20px) rotateX(25deg) rotateY(25deg) rotate3d(false 50px) translateX(50px) translateZ(50deg) skew(50deg, 50%);
+  -ms-transform: perspective(500) scale(20px, 20px) rotateX(25deg) rotateY(25deg) rotate3d(false 50px) translateX(50px) translateZ(50deg) skew(50deg, 50%);
+  -o-transform: perspective(500) scale(20px, 20px) rotateX(25deg) rotateY(25deg) rotate3d(false 50px) translateX(50px) translateZ(50deg) skew(50deg, 50%);
+  -webkit-transform: perspective(500) scale(20px, 20px) rotateX(25deg) rotateY(25deg) rotate3d(false 50px) translateX(50px) translateZ(50deg) skew(50deg, 50%);
+  transform: perspective(500) scale(20px, 20px) rotateX(25deg) rotateY(25deg) rotate3d(false 50px) translateX(50px) translateZ(50deg) skew(50deg, 50%);
+  -moz-transform-origin: 50%;
+  -ms-transform-origin: 50%;
+  -o-transform-origin: 50%;
+  -webkit-transform-origin: 50%;
+  transform-origin: 50%; }
+
+.create-transform-3d {
+  -moz-transform: perspective(500) scale3d(20px, 20px, 20px) rotateX(25deg) rotateY(25deg) rotateZ(25deg) rotate3d(false 50px) translate3d(50px, 50px, 50deg) skew(50deg, 50%);
+  -ms-transform: perspective(500) scale3d(20px, 20px, 20px) rotateX(25deg) rotateY(25deg) rotateZ(25deg) rotate3d(false 50px) translate3d(50px, 50px, 50deg) skew(50deg, 50%);
+  -o-transform: perspective(500) scale3d(20px, 20px, 20px) rotateX(25deg) rotateY(25deg) rotateZ(25deg) rotate3d(false 50px) translate3d(50px, 50px, 50deg) skew(50deg, 50%);
+  -webkit-transform: perspective(500) scale3d(20px, 20px, 20px) rotateX(25deg) rotateY(25deg) rotateZ(25deg) rotate3d(false 50px) translate3d(50px, 50px, 50deg) skew(50deg, 50%);
+  transform: perspective(500) scale3d(20px, 20px, 20px) rotateX(25deg) rotateY(25deg) rotateZ(25deg) rotate3d(false 50px) translate3d(50px, 50px, 50deg) skew(50deg, 50%);
+  -moz-transform-origin: 50% 50%;
+  -ms-transform-origin: 50% 50%;
+  -o-transform-origin: 50% 50%;
+  -webkit-transform-origin: 50% 50%;
+  transform-origin: 50% 50%; }
+
+.simple-transform {
+  -moz-transform:  scale(25px, 25px) rotateZ(25deg) translate(10px, 10px) skew(30deg, 30deg);
+  -ms-transform:  scale(25px, 25px) rotateZ(25deg) translate(10px, 10px) skew(30deg, 30deg);
+  -o-transform:  scale(25px, 25px) rotateZ(25deg) translate(10px, 10px) skew(30deg, 30deg);
+  -webkit-transform:  scale(25px, 25px) rotateZ(25deg) translate(10px, 10px) skew(30deg, 30deg);
+  transform:  scale(25px, 25px) rotateZ(25deg) translate(10px, 10px) skew(30deg, 30deg);
+  -moz-transform-origin: 10% 10%;
+  -ms-transform-origin: 10% 10%;
+  -o-transform-origin: 10% 10%;
+  -webkit-transform-origin: 10% 10%;
+  transform-origin: 10% 10%; }