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

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

@@ -0,0 +1,116 @@
+.single-transition-without-delay {
+  -moz-transition: all 0.6s ease-out;
+  -o-transition: all 0.6s ease-out;
+  -webkit-transition: all 0.6s ease-out;
+  transition: all 0.6s ease-out; }
+
+.single-transition-with-delay {
+  -moz-transition: all 0.6s ease-out 0.2s;
+  -o-transition: all 0.6s ease-out 0.2s;
+  -webkit-transition: all 0.6s ease-out;
+  -webkit-transition-delay: 0.2s;
+  transition: all 0.6s ease-out 0.2s; }
+
+.transition-duration-list {
+  -moz-transition-duration: 0.2s, 0.5s, 0.2s;
+  -o-transition-duration: 0.2s, 0.5s, 0.2s;
+  -webkit-transition-duration: 0.2s, 0.5s, 0.2s;
+  transition-duration: 0.2s, 0.5s, 0.2s; }
+
+.multiple-transition-durations {
+  -moz-transition-duration: 0.2s, 0.5s, 0.2s;
+  -o-transition-duration: 0.2s, 0.5s, 0.2s;
+  -webkit-transition-duration: 0.2s, 0.5s, 0.2s;
+  transition-duration: 0.2s, 0.5s, 0.2s; }
+
+.single-transform-transition-without-delay {
+  -moz-transition: -moz-transform 0.6s ease-out;
+  -o-transition: -o-transform 0.6s ease-out;
+  -webkit-transition: -webkit-transform 0.6s ease-out;
+  transition: transform 0.6s ease-out; }
+
+.single-transform-transition-with-delay {
+  -moz-transition: -moz-transform 0.6s ease-out 0.2s;
+  -o-transition: -o-transform 0.6s ease-out 0.2s;
+  -webkit-transition: -webkit-transform 0.6s ease-out;
+  -webkit-transition-delay: 0.2s;
+  transition: transform 0.6s ease-out 0.2s; }
+
+.transform-transition {
+  -moz-transition: -moz-transform 0.6s ease-out;
+  -o-transition: -o-transform 0.6s ease-out;
+  -webkit-transition: -webkit-transform 0.6s ease-out;
+  transition: transform 0.6s ease-out; }
+
+.multiple-transitions {
+  -moz-transition: -moz-transform 0.6s ease-out opacity 0.2s ease-in;
+  -o-transition: -o-transform 0.6s ease-out opacity 0.2s ease-in;
+  -webkit-transition: -webkit-transform 0.6s ease-out opacity 0.2s ease-in;
+  transition: transform 0.6s ease-out opacity 0.2s ease-in; }
+
+.transition-property {
+  -moz-transition-property: -moz-transform;
+  -o-transition-property: -o-transform;
+  -webkit-transition-property: -webkit-transform;
+  transition-property: transform; }
+
+.transition-properties {
+  -moz-transition-property: -moz-transform, opacity, width, height, left, top;
+  -o-transition-property: -o-transform, opacity, width, height, left, top;
+  -webkit-transition-property: -webkit-transform, opacity, width, height, left, top;
+  transition-property: transform, opacity, width, height, left, top; }
+
+.multiple-transition-properties {
+  -moz-transition-property: opacity, -moz-transform, left;
+  -o-transition-property: opacity, -o-transform, left;
+  -webkit-transition-property: opacity, -webkit-transform, left;
+  transition-property: opacity, transform, left; }
+
+.default-transition {
+  -moz-transition: all 1s;
+  -o-transition: all 1s;
+  -webkit-transition: all 1s;
+  transition: all 1s; }
+
+.transition-timing {
+  -moz-transition-timing-function: ease-in;
+  -o-transition-timing-function: ease-in;
+  -webkit-transition-timing-function: ease-in;
+  transition-timing-function: ease-in; }
+
+.transition-timings {
+  -moz-transition-timing-function: ease-in, cubic-bezier(1, 0, 1, 0);
+  -o-transition-timing-function: ease-in, cubic-bezier(1, 0, 1, 0);
+  -webkit-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 {
+  -moz-transition-timing-function: ease-in, cubic-bezier(1, 0, 1, 0);
+  -o-transition-timing-function: ease-in, cubic-bezier(1, 0, 1, 0);
+  -webkit-transition-timing-function: ease-in, cubic-bezier(1, 0, 1, 0);
+  transition-timing-function: ease-in, cubic-bezier(1, 0, 1, 0); }
+
+.transition-delay {
+  -moz-transition-delay: 1s;
+  -o-transition-delay: 1s;
+  -webkit-transition-delay: 1s;
+  transition-delay: 1s; }
+
+.transition-delays {
+  -moz-transition-delay: 1s, 2s, 3s;
+  -o-transition-delay: 1s, 2s, 3s;
+  -webkit-transition-delay: 1s, 2s, 3s;
+  transition-delay: 1s, 2s, 3s; }
+
+.transition-delays-list {
+  -moz-transition-delay: 1s, 2s, 3s;
+  -o-transition-delay: 1s, 2s, 3s;
+  -webkit-transition-delay: 1s, 2s, 3s;
+  transition-delay: 1s, 2s, 3s; }
+
+.regression-912 {
+  -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;
+  -webkit-transition: background-color, 0.5s, ease-in, 0s width 0.5s ease-out 0s height 0.5s ease-in 0s;
+  -webkit-transition-delay: 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/tmp/typography/links/hover-link.css

@@ -0,0 +1,4 @@
+a {
+  text-decoration: none; }
+  a:hover, a:focus {
+    text-decoration: underline; }

data/test/fixtures/stylesheets/compass/tmp/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/tmp/user-interface.css

@@ -0,0 +1,52 @@
+.user-select {
+  -moz-user-select: -moz-none;
+  -ms-user-select: none;
+  -webkit-user-select: none;
+  user-select: none; }
+
+*:-moz-placeholder {
+  color: #bfbfbf;
+  font-style: italic; }
+*::-moz-placeholder {
+  color: #bfbfbf;
+  font-style: italic; }
+*:-ms-input-placeholder {
+  color: #bfbfbf;
+  font-style: italic; }
+*::-webkit-input-placeholder {
+  color: #bfbfbf;
+  font-style: italic; }
+
+input:-moz-placeholder, textarea:-moz-placeholder {
+  color: #bfbfbf;
+  font-style: italic; }
+input::-moz-placeholder, textarea::-moz-placeholder {
+  color: #bfbfbf;
+  font-style: italic; }
+input:-ms-input-placeholder, textarea:-ms-input-placeholder {
+  color: #bfbfbf;
+  font-style: italic; }
+input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
+  color: #bfbfbf;
+  font-style: italic; }
+
+.sets-up-browser-support-for-content:-moz-placeholder {
+  prefix: -moz;
+  -moz-prefix: true;
+  -ms-prefix: false;
+  -webkit-prefix: false; }
+.sets-up-browser-support-for-content::-moz-placeholder {
+  prefix: -moz;
+  -moz-prefix: true;
+  -ms-prefix: false;
+  -webkit-prefix: false; }
+.sets-up-browser-support-for-content:-ms-input-placeholder {
+  prefix: -ms;
+  -moz-prefix: false;
+  -ms-prefix: true;
+  -webkit-prefix: false; }
+.sets-up-browser-support-for-content::-webkit-input-placeholder {
+  prefix: -webkit;
+  -moz-prefix: false;
+  -ms-prefix: false;
+  -webkit-prefix: true; }

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

@@ -0,0 +1,71 @@
+.clearfix {
+  overflow: hidden;
+  *zoom: 1; }
+
+.pie-clearfix {
+  *zoom: 1; }
+  .pie-clearfix:after {
+    content: "\0020";
+    display: block;
+    height: 0;
+    clear: both;
+    overflow: hidden;
+    visibility: hidden; }
+
+.simple-pie-clearfix {
+  *zoom: 1; }
+  .simple-pie-clearfix:after {
+    content: "";
+    display: table;
+    clear: both; }
+
+p.light {
+  background-color: #f3aead;
+  color: black; }
+
+p.dark {
+  background-color: #a22321;
+  color: white; }
+
+p.light-with-args {
+  background-color: #f3aead;
+  color: blue; }
+
+p.dark-with-args {
+  background-color: #a22321;
+  color: yellow; }
+
+th {
+  background-color: white; }
+  th.even, th:nth-child(2n) {
+    background-color: yellow; }
+
+tr.odd td, tr:nth-child(2n+1) td {
+  background-color: white; }
+  tr.odd td.even, tr.odd td:nth-child(2n), tr:nth-child(2n+1) td.even, tr:nth-child(2n+1) td:nth-child(2n) {
+    background-color: yellow; }
+
+tr.even td {
+  background-color: red; }
+  tr.even td.even, tr.even td:nth-child(2n) {
+    background-color: red; }
+
+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/tmp/vertical_rhythm.css

@@ -0,0 +1,211 @@
+html {
+  font-size: 87.5%;
+  line-height: 1.14286em; }
+
+.small {
+  font-size: 0.85714em;
+  line-height: 1.33333em; }
+
+.padded {
+  margin-top: 1.14286em;
+  padding-top: 1.14286em;
+  padding-bottom: 1.14286em;
+  margin-bottom: 1.14286em; }
+
+.small-padded {
+  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;
+  padding-top: 1.07143em;
+  border-bottom-width: 0.07143em;
+  border-bottom-style: solid;
+  padding-bottom: 1.07143em; }
+
+.large-borders {
+  font-size: 1.71429em;
+  line-height: 2em;
+  border-top-width: 0.25em;
+  border-top-style: solid;
+  padding-top: 0.41667em;
+  border-bottom-width: 0.25em;
+  border-bottom-style: solid;
+  padding-bottom: 0.41667em; }
+
+.reset {
+  line-height: 1.14286em; }
+
+/* New test using em output */
+html {
+  font-size: 112.5%;
+  line-height: 1.4em; }
+
+.container {
+  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: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.5) 5%, rgba(0, 0, 0, 0) 5%);
+  background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5) 5%, rgba(0, 0, 0, 0) 5%);
+  -moz-background-size: 100% 1.4em;
+  -o-background-size: 100% 1.4em;
+  -webkit-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: -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: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.5) 5%, rgba(0, 0, 0, 0) 5%);
+  background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5) 5%, rgba(0, 0, 0, 0) 5%);
+  -moz-background-size: 100% 1.4rem;
+  -o-background-size: 100% 1.4rem;
+  -webkit-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: 18px;
+  line-height: 25px; }
+
+.container {
+  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: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.5) 5%, rgba(0, 0, 0, 0) 5%);
+  background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5) 5%, rgba(0, 0, 0, 0) 5%);
+  -moz-background-size: 100% 25px;
+  -o-background-size: 100% 25px;
+  -webkit-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; }