compass 0.13.alpha.0 → 0.13.alpha.2

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/transition.css

@@ -1,7 +1,6 @@
 .single-transition-without-delay {
   -webkit-transition: all 0.6s ease-out;
   -moz-transition: all 0.6s ease-out;
-  -ms-transition: all 0.6s ease-out;
   -o-transition: all 0.6s ease-out;
   transition: all 0.6s ease-out; }
 
@@ -9,28 +8,30 @@
   -webkit-transition: all 0.6s ease-out;
   -webkit-transition-delay: 0.2s;
   -moz-transition: all 0.6s ease-out 0.2s;
-  -ms-transition: all 0.6s ease-out 0.2s;
   -o-transition: all 0.6s ease-out 0.2s;
   transition: all 0.6s ease-out 0.2s; }
 
 .transition-duration-string {
   -webkit-transition-duration: 0.2s, 0.5s, 0.2s;
   -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-list {
   -webkit-transition-duration: 0.2s, 0.5s, 0.2s;
   -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; }
+
+.multiple-transition-durations {
+  -webkit-transition-duration: 0.2s, 0.5s, 0.2s;
+  -moz-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; }
 
 .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; }
 
@@ -38,41 +39,96 @@
   -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; }
 
+.transition-properties {
+  -webkit-transition-property: -webkit-transform, opacity, width, height, left, top;
+  -moz-transition-property: -moz-transform, opacity, width, height, left, top;
+  -o-transition-property: -o-transform, opacity, width, height, left, top;
+  transition-property: transform, opacity, width, height, left, top; }
+
 .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; }
 
 .default-transition {
   -webkit-transition: all 1s;
   -moz-transition: all 1s;
-  -ms-transition: all 1s;
   -o-transition: all 1s;
   transition: all 1s; }
+
+.transition-timing {
+  -webkit-transition-timing-function: ease-in;
+  -moz-transition-timing-function: ease-in;
+  -o-transition-timing-function: ease-in;
+  transition-timing-function: ease-in; }
+
+.transition-timings {
+  -webkit-transition-timing-function: ease-in, cubic-bezier(1, 0, 1, 0);
+  -moz-transition-timing-function: ease-in, cubic-bezier(1, 0, 1, 0);
+  -o-transition-timing-function: ease-in, cubic-bezier(1, 0, 1, 0);
+  transition-timing-function: ease-in, cubic-bezier(1, 0, 1, 0); }
+
+.transition-timings-list {
+  -webkit-transition-timing-function: ease-in, cubic-bezier(1, 0, 1, 0);
+  -moz-transition-timing-function: ease-in, cubic-bezier(1, 0, 1, 0);
+  -o-transition-timing-function: ease-in, cubic-bezier(1, 0, 1, 0);
+  transition-timing-function: ease-in, cubic-bezier(1, 0, 1, 0); }
+
+.transition-timings-string {
+  -webkit-transition-timing-function: ease-in, cubic-bezier(1,0,1,0);
+  -moz-transition-timing-function: ease-in, cubic-bezier(1,0,1,0);
+  -o-transition-timing-function: ease-in, cubic-bezier(1,0,1,0);
+  transition-timing-function: ease-in, cubic-bezier(1,0,1,0); }
+
+.transition-delay {
+  -webkit-transition-delay: 1s;
+  -moz-transition-delay: 1s;
+  -o-transition-delay: 1s;
+  transition-delay: 1s; }
+
+.transition-delays {
+  -webkit-transition-delay: 1s, 2s, 3s;
+  -moz-transition-delay: 1s, 2s, 3s;
+  -o-transition-delay: 1s, 2s, 3s;
+  transition-delay: 1s, 2s, 3s; }
+
+.transition-delays-list {
+  -webkit-transition-delay: 1s, 2s, 3s;
+  -moz-transition-delay: 1s, 2s, 3s;
+  -o-transition-delay: 1s, 2s, 3s;
+  transition-delay: 1s, 2s, 3s; }
+
+.transition-delays-string {
+  -webkit-transition-delay: 1s, 2s, 3s;
+  -moz-transition-delay: 1s, 2s, 3s;
+  -o-transition-delay: 1s, 2s, 3s;
+  transition-delay: 1s, 2s, 3s; }
+
+.regression-912 {
+  -webkit-transition: background-color 0.5s ease-in, width 0.5s ease-out, height 0.5s ease-in, top 0.5s ease-out;
+  -webkit-transition-delay: 0s, 0s, 0s, 0s;
+  -moz-transition: background-color 0.5s ease-in 0s, width 0.5s ease-out 0s, height 0.5s ease-in 0s, top 0.5s ease-out 0s;
+  -o-transition: background-color 0.5s ease-in 0s, width 0.5s ease-out 0s, height 0.5s ease-in 0s, top 0.5s ease-out 0s;
+  transition: background-color 0.5s ease-in 0s, width 0.5s ease-out 0s, height 0.5s ease-in 0s, top 0.5s ease-out 0s; }

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

@@ -0,0 +1,30 @@
+.foo {
+  width: 600px;
+  height: 200px; }
+
+.foo .test {
+  /* 16px for margins should be 1em */
+  margin-top: 1em;
+  /* 16px for margins should be 2.66667% (relative to parent's width) */
+  margin-right: 2.66667%;
+  /* 1.35em for margins should be 3.6% (relative to parent's width,
+   * even for top and bottom margins) */
+  margin-bottom: 3.6%;
+  /* 16px for margins should be 2ex */
+  margin-left: 2ex; }
+
+.bar {
+  font-size: 18px;
+  width: 360px; }
+
+.bar .test {
+  /* 150% for line-height should be 27px */
+  line-height: 27px;
+  /* 1px should always be .0625rem for this page */
+  border-top: 0.0625rem;
+  /* 2em for this element should be 9.525mm (relative to own font-size, as inherited) */
+  margin-top: 9.525mm;
+  /* 2px for margins should be .55556% (relative to parent's width) */
+  margin-right: 0.55556%;
+  /* 1rem should always be 16px for this page, even when own font-size is 18px */
+  margin-bottom: 16px; }

data/test/fixtures/stylesheets/compass/css/user-interface.css

@@ -1,8 +1,19 @@
 .user-select {
+  -moz-user-select: -moz-none;
   -webkit-user-select: none;
-  -moz-user-select: none;
+  -ms-user-select: none;
   user-select: none; }
 
+::-webkit-input-placeholder {
+  color: #bfbfbf;
+  font-style: italic; }
+:-moz-placeholder {
+  color: #bfbfbf;
+  font-style: italic; }
+:-ms-input-placeholder {
+  color: #bfbfbf;
+  font-style: italic; }
+
 .input-placeholder::-webkit-input-placeholder {
   color: #bfbfbf;
   font-style: italic; }

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

@@ -54,3 +54,18 @@ tfoot th, tfoot td {
   background-color: white; }
   tfoot th.even, tfoot th:nth-child(2n), tfoot td.even, tfoot td:nth-child(2n) {
     background-color: yellow; }
+
+p.ellipsis {
+  white-space: nowrap;
+  overflow: hidden;
+  -ms-text-overflow: ellipsis;
+  -o-text-overflow: ellipsis;
+  text-overflow: ellipsis; }
+
+p.ellipsis.moz {
+  white-space: nowrap;
+  overflow: hidden;
+  -ms-text-overflow: ellipsis;
+  -o-text-overflow: ellipsis;
+  text-overflow: ellipsis;
+  -moz-binding: url('/tmp/xml/ellipsis.xml#ellipsis'); }

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

@@ -1,45 +1,217 @@
-* html {
-  font-size: 87.5%; }
-
 html {
-  font-size: 14px;
-  line-height: 1.143em; }
+  font-size: 87.5%;
+  line-height: 1.14286em; }
 
 .small {
-  font-size: 0.857em;
-  line-height: 1.333em; }
+  font-size: 0.85714em;
+  line-height: 1.33333em; }
 
 .padded {
-  margin-top: 1.143em;
-  padding-top: 1.143em;
-  padding-bottom: 1.143em;
-  margin-bottom: 1.143em; }
+  margin-top: 1.14286em;
+  padding-top: 1.14286em;
+  padding-bottom: 1.14286em;
+  margin-bottom: 1.14286em; }
 
 .small-padded {
-  font-size: 0.857em;
-  line-height: 1.333em;
-  margin-top: 1.333em;
-  padding-top: 1.333em;
-  padding-bottom: 1.333em;
-  margin-bottom: 1.333em; }
+  font-size: 0.85714em;
+  line-height: 1.33333em;
+  margin-top: 1.33333em;
+  padding-top: 1.33333em;
+  padding-bottom: 1.33333em;
+  margin-bottom: 1.33333em; }
 
 .borders {
+  border-top-width: 0.07143em;
   border-top-style: solid;
-  border-top-width: 0.071em;
-  padding-top: 1.071em;
+  padding-top: 1.07143em;
+  border-bottom-width: 0.07143em;
   border-bottom-style: solid;
-  border-bottom-width: 0.071em;
-  padding-bottom: 1.071em; }
+  padding-bottom: 1.07143em; }
 
 .large-borders {
-  font-size: 1.714em;
+  font-size: 1.71429em;
   line-height: 2em;
-  border-top-style: solid;
   border-top-width: 0.25em;
-  padding-top: 0.417em;
-  border-bottom-style: solid;
+  border-top-style: solid;
+  padding-top: 0.41667em;
   border-bottom-width: 0.25em;
-  padding-bottom: 0.417em; }
+  border-bottom-style: solid;
+  padding-bottom: 0.41667em; }
 
 .reset {
-  line-height: 1.143em; }
+  line-height: 1.14286em; }
+
+/* New test using em output */
+html {
+  font-size: 112.5%;
+  line-height: 1.4em; }
+
+.container {
+  background-image: -webkit-gradient(linear, 50% 100%, 50% 0%, color-stop(5%, rgba(0, 0, 0, 0.5)), color-stop(5%, rgba(0, 0, 0, 0)));
+  background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.5) 5%, rgba(0, 0, 0, 0) 5%);
+  background-image: -moz-linear-gradient(bottom, rgba(0, 0, 0, 0.5) 5%, rgba(0, 0, 0, 0) 5%);
+  background-image: -o-linear-gradient(bottom, rgba(0, 0, 0, 0.5) 5%, rgba(0, 0, 0, 0) 5%);
+  background-image: linear-gradient(bottom, rgba(0, 0, 0, 0.5) 5%, rgba(0, 0, 0, 0) 5%);
+  -webkit-background-size: 100% 1.4em;
+  -moz-background-size: 100% 1.4em;
+  -o-background-size: 100% 1.4em;
+  background-size: 100% 1.4em;
+  background-position: left top; }
+
+p {
+  margin-top: 1.4em;
+  margin-bottom: 1.4em; }
+
+th,
+td {
+  padding-top: 0.35em;
+  padding-bottom: 0.35em; }
+
+.caption {
+  font-size: 0.72222em;
+  line-height: 1.55077em; }
+
+.spaced-out {
+  line-height: 2.1em; }
+
+blockquote {
+  margin-top: 1.4em;
+  margin-bottom: 1.4em;
+  padding: 0 1.4em; }
+
+.fig-quote > blockquote {
+  margin-bottom: 0.7em; }
+.fig-quote .source {
+  font-size: 0.72222em;
+  line-height: 1.93846em;
+  margin-bottom: 0.96923em; }
+
+.panel {
+  font-size: 0.88889em;
+  line-height: 1.575em;
+  border-width: 0.0625em;
+  border-style: solid;
+  border-color: #aaaaaa;
+  padding: 1.5125em; }
+
+/* New using rem output with pixel fallbacks */
+html {
+  font-size: 112.5%;
+  line-height: 1.4em; }
+
+.container {
+  background-image: -webkit-gradient(linear, 50% 100%, 50% 0%, color-stop(5%, rgba(0, 0, 0, 0.5)), color-stop(5%, rgba(0, 0, 0, 0)));
+  background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.5) 5%, rgba(0, 0, 0, 0) 5%);
+  background-image: -moz-linear-gradient(bottom, rgba(0, 0, 0, 0.5) 5%, rgba(0, 0, 0, 0) 5%);
+  background-image: -o-linear-gradient(bottom, rgba(0, 0, 0, 0.5) 5%, rgba(0, 0, 0, 0) 5%);
+  background-image: linear-gradient(bottom, rgba(0, 0, 0, 0.5) 5%, rgba(0, 0, 0, 0) 5%);
+  -webkit-background-size: 100% 1.4rem;
+  -moz-background-size: 100% 1.4rem;
+  -o-background-size: 100% 1.4rem;
+  background-size: 100% 1.4rem;
+  background-position: left top; }
+
+p {
+  margin-top: 25px;
+  margin-top: 1.4rem;
+  margin-bottom: 25px;
+  margin-bottom: 1.4rem; }
+
+th,
+td {
+  padding-top: 6px;
+  padding-top: 0.35rem;
+  padding-bottom: 6px;
+  padding-bottom: 0.35rem; }
+
+/* Incremental leading made easy! */
+.caption {
+  font-size: 15px;
+  font-size: 0.85rem;
+  line-height: 20px;
+  line-height: 1.12rem; }
+
+.spaced-out {
+  line-height: 38px;
+  line-height: 2.1rem; }
+
+blockquote {
+  margin-top: 25px;
+  margin-top: 1.4rem;
+  margin-bottom: 25px;
+  margin-bottom: 1.4rem;
+  padding: 0 1.4rem; }
+
+.fig-quote > blockquote {
+  margin-bottom: 13px;
+  margin-bottom: 0.7rem; }
+.fig-quote .source {
+  font-size: 15px;
+  font-size: 0.85rem;
+  line-height: 25px;
+  line-height: 1.4rem;
+  margin-bottom: 13px;
+  margin-bottom: 0.7rem; }
+
+.panel {
+  border-width: 1px;
+  border-width: 0.05556rem;
+  border-style: solid;
+  border-color: #aaaaaa;
+  padding: 24px;
+  padding: 1.34444rem; }
+
+/* New using px output */
+* html {
+  font-size: 112.5%; }
+
+html {
+  font-size: 18px;
+  line-height: 25px; }
+
+.container {
+  background-image: -webkit-gradient(linear, 50% 100%, 50% 0%, color-stop(5%, rgba(0, 0, 0, 0.5)), color-stop(5%, rgba(0, 0, 0, 0)));
+  background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.5) 5%, rgba(0, 0, 0, 0) 5%);
+  background-image: -moz-linear-gradient(bottom, rgba(0, 0, 0, 0.5) 5%, rgba(0, 0, 0, 0) 5%);
+  background-image: -o-linear-gradient(bottom, rgba(0, 0, 0, 0.5) 5%, rgba(0, 0, 0, 0) 5%);
+  background-image: linear-gradient(bottom, rgba(0, 0, 0, 0.5) 5%, rgba(0, 0, 0, 0) 5%);
+  -webkit-background-size: 100% 25px;
+  -moz-background-size: 100% 25px;
+  -o-background-size: 100% 25px;
+  background-size: 100% 25px;
+  background-position: left top; }
+
+p {
+  margin-top: 25px;
+  margin-bottom: 25px; }
+
+th,
+td {
+  padding-top: 6px;
+  padding-bottom: 6px; }
+
+/* Incremental leading made easy! */
+.caption {
+  font-size: 15px;
+  line-height: 20px; }
+
+.spaced-out {
+  line-height: 37px; }
+
+blockquote {
+  margin-top: 25px;
+  margin-bottom: 25px;
+  padding: 0 25px; }
+
+.fig-quote > blockquote {
+  margin-bottom: 12px; }
+.fig-quote .source {
+  font-size: 15px;
+  line-height: 25px;
+  margin-bottom: 12px; }
+
+.panel {
+  border-width: 1px;
+  border-style: solid;
+  border-color: #aaaaaa;
+  padding: 24px; }