compass 0.13.alpha.4 → 0.13.alpha.5

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

@@ -1,134 +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;
-  transition: 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 {
-  -webkit-transition: all 1s;
   -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;
-  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; }
+  -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/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/user-interface.css

@@ -1,25 +1,52 @@
 .user-select {
   -moz-user-select: -moz-none;
-  -webkit-user-select: none;
   -ms-user-select: none;
+  -webkit-user-select: none;
   user-select: none; }
 
-::-webkit-input-placeholder {
+*:-moz-placeholder {
+  color: #bfbfbf;
+  font-style: italic; }
+*::-moz-placeholder {
   color: #bfbfbf;
   font-style: italic; }
-:-moz-placeholder {
+*:-ms-input-placeholder {
   color: #bfbfbf;
   font-style: italic; }
-:-ms-input-placeholder {
+*::-webkit-input-placeholder {
   color: #bfbfbf;
   font-style: italic; }
 
-.input-placeholder::-webkit-input-placeholder {
+input:-moz-placeholder, textarea:-moz-placeholder {
   color: #bfbfbf;
   font-style: italic; }
-.input-placeholder:-moz-placeholder {
+input::-moz-placeholder, textarea::-moz-placeholder {
   color: #bfbfbf;
   font-style: italic; }
-.input-placeholder:-ms-input-placeholder {
+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; }
@@ -68,4 +68,4 @@ p.ellipsis.moz {
   -ms-text-overflow: ellipsis;
   -o-text-overflow: ellipsis;
   text-overflow: ellipsis;
-  -moz-binding: url('/tmp/xml/ellipsis.xml#ellipsis'); }
+  -moz-binding: url('/tmp/xml/ellipsis.xml#ellipsis'); }

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

@@ -47,13 +47,13 @@ html {
   line-height: 1.4em; }
 
 .container {
-  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: -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%);
-  -webkit-background-size: 100% 1.4em;
   -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; }
 
@@ -99,13 +99,13 @@ html {
   line-height: 1.4em; }
 
 .container {
-  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: -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%);
-  -webkit-background-size: 100% 1.4rem;
   -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; }
 
@@ -160,21 +160,18 @@ blockquote {
   padding: 1.34444rem; }
 
 /* New using px output */
-* html {
-  font-size: 112.5%; }
-
 html {
   font-size: 18px;
   line-height: 25px; }
 
 .container {
-  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: -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%);
-  -webkit-background-size: 100% 25px;
   -moz-background-size: 100% 25px;
   -o-background-size: 100% 25px;
+  -webkit-background-size: 100% 25px;
   background-size: 100% 25px;
   background-position: left top; }
 

data/test/fixtures/stylesheets/compass/sass/animation-with-legacy-ie.scss

@@ -1,9 +1,7 @@
 @import "compass/css3/animation";
 @import "compass/css3/opacity";
 
-$legacy-support-for-ie8: true;
-$legacy-support-for-ie7: true;
-$legacy-support-for-ie6: true;
+$browser-minimum-versions: (ie: "6");
 
 @include keyframes(test) {
   0%, 100% {

data/test/fixtures/stylesheets/compass/sass/appearance.scss

@@ -0,0 +1,5 @@
+@import "compass/css3/appearance";
+
+.searchfield {
+  @include appearance(searchfield);
+}

data/test/fixtures/stylesheets/compass/sass/background-clip.scss

@@ -3,8 +3,3 @@
 .background-clip { @include background-clip('border-box'); }
 
 .background-clip-multiple { @include background-clip('border-box', padding-box, content-box); }
-
-.background-clip-khtml {
-  $experimental-support-for-khtml:true;
-  @include background-clip(border-box);
-}

data/test/fixtures/stylesheets/compass/sass/background-origin.scss

@@ -3,8 +3,3 @@
 .background-origin { @include background-origin('border-box'); }
 
 .background-origin-multiple { @include background-origin('border-box', padding-box, content-box); }
-
-.background-origin-khtml {
-  $experimental-support-for-khtml:true;
-  @include background-origin(border-box);
-}

data/test/fixtures/stylesheets/compass/sass/background-size.scss

@@ -5,8 +5,3 @@
 .background-size-single { @include background-size(50% 25%); }
 
 .background-size-multiple { @include background-size(4em 3em, $default-background-size, 50%); }
-
-.background-size-khtml {
-  $experimental-support-for-khtml:true;
-  @include background-size;
-}

data/test/fixtures/stylesheets/compass/sass/{box-sizeing.scss → box-sizing.scss}

@@ -5,4 +5,4 @@
 }
 .div {
   @include box-sizing(border-box);
-}
+}

data/test/fixtures/stylesheets/compass/sass/box_shadow.scss

@@ -1,5 +1,7 @@
 @import "compass/css3/box-shadow";
 
+.no-box-shadow { @include box-shadow(none); }
 .box-shadow { @include box-shadow(default, 2px 2px 5px #222);}
 .single-box-shadow { @include single-box-shadow;}
 .multiple-box-shadows { @include box-shadow(default, 2px 2px 5px #222);}
+.legacy-single-box-shadow { @include single-box-shadow(blue);}

data/test/fixtures/stylesheets/compass/sass/brightness.scss

@@ -0,0 +1,12 @@
+@import "compass/utilities/color/brightness";
+
+.black-is-0-percent {
+  brightness: brightness(black); }
+.white-is-100-percent {
+  brightness: brightness(white); }
+.green-is-58-point-7-percent {
+  brightness: brightness(#00ff00); }
+.blue-is-11-point-4-percent {
+  brightness: brightness(#0000ff); }
+.red-is-29-point-9-percent {
+  brightness: brightness(#ff0000); }

data/test/fixtures/stylesheets/compass/sass/browser-support.scss

@@ -0,0 +1,30 @@
+@import "compass/support";
+@import "compass/css3/flexbox";
+
+@function unprefixed-at-version($browser, $capability) {
+  $options: if($capability == flexbox, $flexbox-capability-options, $default-capability-options);
+  @each $version in browser-versions($browser) {
+    @if not browser-requires-prefix($browser, $version, $capability, $options) {
+      @return $version;
+    }
+  }
+  @return null;
+}
+@each $browser in browsers() {
+  $prefix: browser-prefix($browser);
+  .#{$browser} {
+    $versions: browser-versions($browser);
+    versions: $versions;
+    @each $capability in browser-capabilities() {
+      $options: if($capability == flexbox, $flexbox-capability-options, $default-capability-options);
+      @if browser-requires-prefix($browser, nth($versions, 1), $capability, $options) {
+        @if prefix-usage($prefix, $capability, $options) > 0.1 {
+          #{$capability}: $prefix;
+        } @else {
+          #{$capability}: prefix-no-longer-needed;
+        }
+        #{$capability}-unprefixed-at: unprefixed-at-version($browser, $capability);
+      }
+    }
+  }
+}

data/test/fixtures/stylesheets/compass/sass/color.scss

@@ -0,0 +1,22 @@
+@import "compass/utilities/color";
+
+.handles-null {
+  content: "there should be no property below this one";
+  color: contrast-color(null);
+}
+
+.contrasts-light {
+  @include contrasted(#eee);
+}
+
+.contrasts-dark {
+  @include contrasted(#222);
+}
+
+.contrasts-light-with-contrast-color-override {
+  @include contrasted(#eee, $dark: red);
+}
+
+.contrasts-dark-with-contrast-color-override {
+  @include contrasted(#222, $light: yellow);
+}