Skip to content

Commit

Permalink
Remove -ms prefix from animation
Browse files Browse the repository at this point in the history
  • Loading branch information
@teppeis
teppeis committed Dec 30, 2012
1 parent d361e63 commit 1458b60
Show file tree
Hide file tree
Showing 2 changed files with 7 additions and 69 deletions.
54 changes: 0 additions & 54 deletions css/path.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -151,11 +151,9 @@ article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav,
bottom: 0;
-webkit-animation-fill-mode: both;
-moz-animation-fill-mode: both;
-ms-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation-duration: 0.45s;
-moz-animation-duration: 0.45s;
-ms-animation-duration: 0.45s;
animation-duration: 0.45s;
}

Expand Down Expand Up @@ -272,22 +270,18 @@ article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav,
color: #fff;
-webkit-animation-name: close-rotate;
-moz-animation-name: close-rotate;
-ms-animation-name: close-rotate;
animation-name: close-rotate;
-webkit-animation-timing-function: ease;
-moz-animation-timing-function: ease;
-ms-animation-timing-function: ease;
animation-timing-function: ease;
display: inline-block;
}
.open .item {
-webkit-animation-name: open-rotate;
-moz-animation-name: open-rotate;
-ms-animation-name: open-rotate;
animation-name: open-rotate;
-webkit-animation-timing-function: ease;
-moz-animation-timing-function: ease;
-ms-animation-timing-function: ease;
animation-timing-function: ease;
}

Expand Down Expand Up @@ -413,44 +407,36 @@ article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav,
bottom: 0px;
-webkit-animation-name: open-1;
-moz-animation-name: open-1;
-ms-animation-name: open-1;
animation-name: open-1;
-webkit-animation-timing-function: ease;
-moz-animation-timing-function: ease;
-ms-animation-timing-function: ease;
animation-timing-function: ease;
-webkit-animation-delay: 0.1s;
-moz-animation-delay: 0.1s;
-ms-animation-delay: 0.1s;
animation-delay: 0.1s;
}

.open li:nth-of-type(1) .item {
-webkit-animation-duration: 0.55s;
-moz-animation-duration: 0.55s;
-ms-animation-duration: 0.55s;
animation-duration: 0.55s;
}

li:nth-of-type(1) {
-webkit-animation-name: close-1;
-moz-animation-name: close-1;
-ms-animation-name: close-1;
animation-name: close-1;
-webkit-animation-timing-function: ease;
-moz-animation-timing-function: ease;
-ms-animation-timing-function: ease;
animation-timing-function: ease;
-webkit-animation-delay: 0s;
-moz-animation-delay: 0s;
-ms-animation-delay: 0s;
animation-delay: 0s;
}

li:nth-of-type(1) .item {
-webkit-animation-duration: 0.45s;
-moz-animation-duration: 0.45s;
-ms-animation-duration: 0.45s;
animation-duration: 0.45s;
}

Expand Down Expand Up @@ -576,44 +562,36 @@ li:nth-of-type(1) .item {
bottom: 30.9017px;
-webkit-animation-name: open-2;
-moz-animation-name: open-2;
-ms-animation-name: open-2;
animation-name: open-2;
-webkit-animation-timing-function: ease;
-moz-animation-timing-function: ease;
-ms-animation-timing-function: ease;
animation-timing-function: ease;
-webkit-animation-delay: 0.08s;
-moz-animation-delay: 0.08s;
-ms-animation-delay: 0.08s;
animation-delay: 0.08s;
}

.open li:nth-of-type(2) .item {
-webkit-animation-duration: 0.53s;
-moz-animation-duration: 0.53s;
-ms-animation-duration: 0.53s;
animation-duration: 0.53s;
}

li:nth-of-type(2) {
-webkit-animation-name: close-2;
-moz-animation-name: close-2;
-ms-animation-name: close-2;
animation-name: close-2;
-webkit-animation-timing-function: ease;
-moz-animation-timing-function: ease;
-ms-animation-timing-function: ease;
animation-timing-function: ease;
-webkit-animation-delay: 0.02s;
-moz-animation-delay: 0.02s;
-ms-animation-delay: 0.02s;
animation-delay: 0.02s;
}

li:nth-of-type(2) .item {
-webkit-animation-duration: 0.47s;
-moz-animation-duration: 0.47s;
-ms-animation-duration: 0.47s;
animation-duration: 0.47s;
}

Expand Down Expand Up @@ -739,44 +717,36 @@ li:nth-of-type(2) .item {
bottom: 58.77853px;
-webkit-animation-name: open-3;
-moz-animation-name: open-3;
-ms-animation-name: open-3;
animation-name: open-3;
-webkit-animation-timing-function: ease;
-moz-animation-timing-function: ease;
-ms-animation-timing-function: ease;
animation-timing-function: ease;
-webkit-animation-delay: 0.06s;
-moz-animation-delay: 0.06s;
-ms-animation-delay: 0.06s;
animation-delay: 0.06s;
}

.open li:nth-of-type(3) .item {
-webkit-animation-duration: 0.51s;
-moz-animation-duration: 0.51s;
-ms-animation-duration: 0.51s;
animation-duration: 0.51s;
}

li:nth-of-type(3) {
-webkit-animation-name: close-3;
-moz-animation-name: close-3;
-ms-animation-name: close-3;
animation-name: close-3;
-webkit-animation-timing-function: ease;
-moz-animation-timing-function: ease;
-ms-animation-timing-function: ease;
animation-timing-function: ease;
-webkit-animation-delay: 0.04s;
-moz-animation-delay: 0.04s;
-ms-animation-delay: 0.04s;
animation-delay: 0.04s;
}

li:nth-of-type(3) .item {
-webkit-animation-duration: 0.49s;
-moz-animation-duration: 0.49s;
-ms-animation-duration: 0.49s;
animation-duration: 0.49s;
}

Expand Down Expand Up @@ -902,44 +872,36 @@ li:nth-of-type(3) .item {
bottom: 80.9017px;
-webkit-animation-name: open-4;
-moz-animation-name: open-4;
-ms-animation-name: open-4;
animation-name: open-4;
-webkit-animation-timing-function: ease;
-moz-animation-timing-function: ease;
-ms-animation-timing-function: ease;
animation-timing-function: ease;
-webkit-animation-delay: 0.04s;
-moz-animation-delay: 0.04s;
-ms-animation-delay: 0.04s;
animation-delay: 0.04s;
}

.open li:nth-of-type(4) .item {
-webkit-animation-duration: 0.49s;
-moz-animation-duration: 0.49s;
-ms-animation-duration: 0.49s;
animation-duration: 0.49s;
}

li:nth-of-type(4) {
-webkit-animation-name: close-4;
-moz-animation-name: close-4;
-ms-animation-name: close-4;
animation-name: close-4;
-webkit-animation-timing-function: ease;
-moz-animation-timing-function: ease;
-ms-animation-timing-function: ease;
animation-timing-function: ease;
-webkit-animation-delay: 0.06s;
-moz-animation-delay: 0.06s;
-ms-animation-delay: 0.06s;
animation-delay: 0.06s;
}

li:nth-of-type(4) .item {
-webkit-animation-duration: 0.51s;
-moz-animation-duration: 0.51s;
-ms-animation-duration: 0.51s;
animation-duration: 0.51s;
}

Expand Down Expand Up @@ -1065,44 +1027,36 @@ li:nth-of-type(4) .item {
bottom: 95.10565px;
-webkit-animation-name: open-5;
-moz-animation-name: open-5;
-ms-animation-name: open-5;
animation-name: open-5;
-webkit-animation-timing-function: ease;
-moz-animation-timing-function: ease;
-ms-animation-timing-function: ease;
animation-timing-function: ease;
-webkit-animation-delay: 0.02s;
-moz-animation-delay: 0.02s;
-ms-animation-delay: 0.02s;
animation-delay: 0.02s;
}

.open li:nth-of-type(5) .item {
-webkit-animation-duration: 0.47s;
-moz-animation-duration: 0.47s;
-ms-animation-duration: 0.47s;
animation-duration: 0.47s;
}

li:nth-of-type(5) {
-webkit-animation-name: close-5;
-moz-animation-name: close-5;
-ms-animation-name: close-5;
animation-name: close-5;
-webkit-animation-timing-function: ease;
-moz-animation-timing-function: ease;
-ms-animation-timing-function: ease;
animation-timing-function: ease;
-webkit-animation-delay: 0.08s;
-moz-animation-delay: 0.08s;
-ms-animation-delay: 0.08s;
animation-delay: 0.08s;
}

li:nth-of-type(5) .item {
-webkit-animation-duration: 0.53s;
-moz-animation-duration: 0.53s;
-ms-animation-duration: 0.53s;
animation-duration: 0.53s;
}

Expand Down Expand Up @@ -1228,43 +1182,35 @@ li:nth-of-type(5) .item {
bottom: 100px;
-webkit-animation-name: open-6;
-moz-animation-name: open-6;
-ms-animation-name: open-6;
animation-name: open-6;
-webkit-animation-timing-function: ease;
-moz-animation-timing-function: ease;
-ms-animation-timing-function: ease;
animation-timing-function: ease;
-webkit-animation-delay: 0s;
-moz-animation-delay: 0s;
-ms-animation-delay: 0s;
animation-delay: 0s;
}

.open li:nth-of-type(6) .item {
-webkit-animation-duration: 0.45s;
-moz-animation-duration: 0.45s;
-ms-animation-duration: 0.45s;
animation-duration: 0.45s;
}

li:nth-of-type(6) {
-webkit-animation-name: close-6;
-moz-animation-name: close-6;
-ms-animation-name: close-6;
animation-name: close-6;
-webkit-animation-timing-function: ease;
-moz-animation-timing-function: ease;
-ms-animation-timing-function: ease;
animation-timing-function: ease;
-webkit-animation-delay: 0.1s;
-moz-animation-delay: 0.1s;
-ms-animation-delay: 0.1s;
animation-delay: 0.1s;
}

li:nth-of-type(6) .item {
-webkit-animation-duration: 0.55s;
-moz-animation-duration: 0.55s;
-ms-animation-duration: 0.55s;
animation-duration: 0.55s;
}
22 changes: 7 additions & 15 deletions sass/_animation.scss
View file
Original file line number Diff line number Diff line change
@@ -1,6 +1,8 @@
@import "compass/css3/shared";
@import "keyframes";

$animation-support: -moz, -webkit, not -o, not -ms, not -khtml;

// CSS Animations
// Currently only works in Webkit.
//
Expand Down Expand Up @@ -30,9 +32,7 @@ $default-animation-fill-mode: none !default;
// * also accepts "all" or "none"

@mixin animation-name($names: $default-animation-name) {
@include experimental(animation-name, unquote($names),
-moz, -webkit, not -o, -ms, not -khtml, official
);
@include experimental(animation-name, unquote($names), $animation-support...);
}

// One or more durations in seconds
Expand All @@ -42,9 +42,7 @@ $default-animation-fill-mode: none !default;

@mixin animation-duration($duration: $default-animation-duration) {
@if type-of($duration) == string { $duration: unquote($duration); }
@include experimental(animation-duration, $duration,
-moz, -webkit, not -o, -ms, not -khtml, official
);
@include experimental(animation-duration, $duration, $animation-support...);
}

// One or more timing functions
Expand All @@ -54,9 +52,7 @@ $default-animation-fill-mode: none !default;
// * These functions will effect the properties in the same list position

@mixin animation-timing-function($function: $default-animation-function) {
@include experimental(animation-timing-function, unquote($function),
-moz, -webkit, not -o, -ms, not -khtml, official
);
@include experimental(animation-timing-function, unquote($function), $animation-support...);
}

// One or more animation-delays in seconds
Expand All @@ -66,9 +62,7 @@ $default-animation-fill-mode: none !default;

@mixin animation-delay($delay: $default-animation-delay) {
@if type-of($delay) == string { $delay: unquote($delay); }
@include experimental(animation-delay, $delay,
-moz, -webkit, not -o, -ms, not -khtml, official
);
@include experimental(animation-delay, $delay, $animation-support...);
}

// One or more fill mode
Expand All @@ -77,9 +71,7 @@ $default-animation-fill-mode: none !default;
// * For multiple, use a comma-delimited list

@mixin animation-fill-mode($fill-mode: $default-animation-fill-mode) {
@include experimental(animation-fill-mode, unquote($fill-mode),
-moz, -webkit, not -o, -ms, not -khtml, official
);
@include experimental(animation-fill-mode, unquote($fill-mode), $animation-support...);
}

// animation all-in-one shorthand
Expand Down

0 comments on commit 1458b60

Please sign in to comment.