compass 0.12.4 → 1.0.0

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

@@ -1,128 +1,116 @@
 .single-transition-without-delay {
-  -webkit-transition: all 0.6s ease-out;
   -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 {
-  -webkit-transition: all 0.6s ease-out;
-  -webkit-transition-delay: 0.2s;
   -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-string {
-  -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; }
-
 .transition-duration-list {
-  -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;
+  -webkit-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;
+  -webkit-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;
   -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 {
-  -webkit-transition: -webkit-transform 0.6s ease-out;
-  -webkit-transition-delay: 0.2s;
   -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 {
-  -webkit-transition: -webkit-transform 0.6s ease-out;
   -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 {
-  -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;
   -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 {
-  -webkit-transition-property: -webkit-transform;
   -moz-transition-property: -moz-transform;
   -o-transition-property: -o-transform;
+  -webkit-transition-property: -webkit-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;
+  -webkit-transition-property: -webkit-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;
   -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 {
-  -webkit-transition-timing-function: ease-in;
   -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 {
-  -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);
+  -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 {
-  -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);
+  -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-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;
+  -webkit-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;
+  -webkit-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;
+  -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;
   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/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/css/units.css

@@ -0,0 +1,34 @@
+.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; }
+
+.rem {
+  background-size: 400px, 100% 32px;
+  background-size: 25rem, 100% 2rem; }

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

@@ -1,4 +1,52 @@
 .user-select {
+  -moz-user-select: -moz-none;
+  -ms-user-select: none;
   -webkit-user-select: none;
-  -moz-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/css/utilities.css

@@ -20,20 +20,20 @@
     clear: both; }
 
 p.light {
-  background-color: #b0201e;
+  background-color: #f3aead;
   color: black; }
 
 p.dark {
-  background-color: #5f1210;
+  background-color: #a22321;
   color: white; }
 
 p.light-with-args {
-  background-color: #b0201e;
-  color: green; }
+  background-color: #f3aead;
+  color: blue; }
 
 p.dark-with-args {
-  background-color: #5f1210;
-  color: blue; }
+  background-color: #a22321;
+  color: yellow; }
 
 th {
   background-color: white; }
@@ -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,8 +1,5 @@
-* html {
-  font-size: 87.5%; }
-
 html {
-  font-size: 14px;
+  font-size: 87.5%;
   line-height: 1.14286em; }
 
 .small {
@@ -24,21 +21,21 @@ html {
   margin-bottom: 1.33333em; }
 
 .borders {
-  border-top-style: solid;
   border-top-width: 0.07143em;
+  border-top-style: solid;
   padding-top: 1.07143em;
-  border-bottom-style: solid;
   border-bottom-width: 0.07143em;
+  border-bottom-style: solid;
   padding-bottom: 1.07143em; }
 
 .large-borders {
   font-size: 1.71429em;
   line-height: 2em;
-  border-top-style: solid;
   border-top-width: 0.25em;
+  border-top-style: solid;
   padding-top: 0.41667em;
-  border-bottom-style: solid;
   border-bottom-width: 0.25em;
+  border-bottom-style: solid;
   padding-bottom: 0.41667em; }
 
 .reset {

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

@@ -0,0 +1,53 @@
+/* New test using em output */
+html {
+  font-size: 112.5%;
+  line-height: 1.4em; }
+
+.container {
+  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjEuMCIgeDI9IjAuNSIgeTI9IjAuMCI+PHN0b3Agb2Zmc2V0PSI1JSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjUiLz48c3RvcCBvZmZzZXQ9IjUlIiBzdG9wLWNvbG9yPSIjMDAwMDAwIiBzdG9wLW9wYWNpdHk9IjAuMCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
+  background-size: 100%;
+  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: -moz-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; }

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

@@ -0,0 +1,52 @@
+/* New using px output */
+html {
+  font-size: 18px;
+  line-height: 25px; }
+
+.container {
+  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjEuMCIgeDI9IjAuNSIgeTI9IjAuMCI+PHN0b3Agb2Zmc2V0PSI1JSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjUiLz48c3RvcCBvZmZzZXQ9IjUlIiBzdG9wLWNvbG9yPSIjMDAwMDAwIiBzdG9wLW9wYWNpdHk9IjAuMCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
+  background-size: 100%;
+  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: -moz-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; }

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

@@ -0,0 +1,67 @@
+/* New using rem output with pixel fallbacks */
+html {
+  font-size: 112.5%;
+  line-height: 1.4em; }
+
+.container {
+  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjEuMCIgeDI9IjAuNSIgeTI9IjAuMCI+PHN0b3Agb2Zmc2V0PSI1JSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjUiLz48c3RvcCBvZmZzZXQ9IjUlIiBzdG9wLWNvbG9yPSIjMDAwMDAwIiBzdG9wLW9wYWNpdHk9IjAuMCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
+  background-size: 100%;
+  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: -moz-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; }