Permalink
Browse files

Remove -ms prefixes for transitions.

Addresses #924.
  • Loading branch information...
chriseppstein committed Jun 24, 2012
1 parent c6d68a9 commit 2973503013a67b958b579f17f6850499164536a8
@@ -45,7 +45,6 @@ $transitionable-prefixed-values: transform, transform-origin !default;
$properties: compact($property-1, $property-2, $property-3, $property-4, $property-5, $property-6, $property-7, $property-8, $property-9, $property-10);
@if $experimental-support-for-webkit { -webkit-transition-property : prefixed-for-transition(-webkit, $properties); }
@if $experimental-support-for-mozilla { -moz-transition-property : prefixed-for-transition(-moz, $properties); }
@if $experimental-support-for-microsoft { -ms-transition-property : prefixed-for-transition(-ms, $properties); }
@if $experimental-support-for-opera { -o-transition-property : prefixed-for-transition(-o, $properties); }
transition-property : $properties;
}
@@ -69,7 +68,7 @@ $transitionable-prefixed-values: transform, transform-origin !default;
@if type-of($duration-1) == string { $duration-1: unquote($duration-1); }
$durations: compact($duration-1, $duration-2, $duration-3, $duration-4, $duration-5, $duration-6, $duration-7, $duration-8, $duration-9, $duration-10);
@include experimental(transition-duration, $durations,
-moz, -webkit, -o, -ms, not -khtml, official
-moz, -webkit, -o, not -ms, not -khtml, official
);
}
@@ -93,7 +92,7 @@ $transitionable-prefixed-values: transform, transform-origin !default;
$function-1: unquote($function-1);
$functions: compact($function-1, $function-2, $function-3, $function-4, $function-5, $function-6, $function-7, $function-8, $function-9, $function-10);
@include experimental(transition-timing-function, $functions,
-moz, -webkit, -o, -ms, not -khtml, official
-moz, -webkit, -o, not -ms, not -khtml, official
);
}
@@ -116,7 +115,7 @@ $transitionable-prefixed-values: transform, transform-origin !default;
@if type-of($delay-1) == string { $delay-1: unquote($delay-1); }
$delays: compact($delay-1, $delay-2, $delay-3, $delay-4, $delay-5, $delay-6, $delay-7, $delay-8, $delay-9, $delay-10);
@include experimental(transition-delay, $delays,
-moz, -webkit, -o, -ms, not -khtml, official
-moz, -webkit, -o, not -ms, not -khtml, official
);
}
@@ -156,7 +155,6 @@ $transitionable-prefixed-values: transform, transform-origin !default;
$has-delays: false;
$webkit-value: comma-list();
$moz-value: comma-list();
$ms-value: comma-list();
$o-value: comma-list();
// This block can be made considerably simpler at the point in time that
@@ -180,15 +178,13 @@ $transitionable-prefixed-values: transform, transform-origin !default;
$webkit-value: append($webkit-value, compact(prefixed-for-transition(-webkit, $property) $duration $timing-function));
$moz-value: append( $moz-value, compact(prefixed-for-transition( -moz, $property) $duration $timing-function $delay));
$ms-value: append( $ms-value, compact(prefixed-for-transition( -ms, $property) $duration $timing-function $delay));
$o-value: append( $o-value, compact(prefixed-for-transition( -o, $property) $duration $timing-function $delay));
}
@if $experimental-support-for-webkit { -webkit-transition : $webkit-value;
// old webkit doesn't support the delay parameter in the shorthand so we progressively enhance it.
@if $has-delays { -webkit-transition-delay : $delays; } }
@if $experimental-support-for-mozilla { -moz-transition : $moz-value; }
@if $experimental-support-for-microsoft { -ms-transition : $ms-value; }
@if $experimental-support-for-opera { -o-transition : $o-value; }
transition : $transitions;
}
@@ -1,149 +1,128 @@
.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; }
.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;
-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;
-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; }
.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; }
.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;
-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;
-ms-transition-property: -ms-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; }
.transition-timing {
-webkit-transition-timing-function: ease-in;
-moz-transition-timing-function: ease-in;
-ms-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);
-ms-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);
-ms-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);
-ms-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;
-ms-transition-delay: 1s;
-o-transition-delay: 1s;
transition-delay: 1s; }
.transition-delays {
-webkit-transition-delay: 1s, 2s, 3s;
-moz-transition-delay: 1s, 2s, 3s;
-ms-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;
-ms-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;
-ms-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;
-ms-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; }

0 comments on commit 2973503

Please sign in to comment.