mirror of
https://github.com/papercss/papercss
synced 2024-06-08 17:02:14 +02:00
IE animation bug fix
This commit is contained in:
parent
821c4962cf
commit
4240b6df29
|
@ -170,10 +170,16 @@ $shadow-hover: 2px 8px 8px -5px $shadow-color-hover !default;
|
|||
}
|
||||
}
|
||||
|
||||
@mixin translate($x, $y) {
|
||||
-webkit-transform: translate($x, $y);
|
||||
-ms-transform: translate($x, $y);
|
||||
transform: translate($x, $y);
|
||||
@mixin translate($x, $y, $z: 0, $transform3d: false) {
|
||||
@if $transform3d {
|
||||
-webkit-transform: translate3d($x, $y, $z);
|
||||
-ms-transform: translate3d($x, $y, $z);
|
||||
transform: translate3d($x, $y, $z);
|
||||
} @else {
|
||||
-webkit-transform: translate($x, $y);
|
||||
-ms-transform: translate($x, $y);
|
||||
transform: translate($x, $y);
|
||||
}
|
||||
}
|
||||
|
||||
/*
|
||||
|
@ -196,7 +202,7 @@ $shadow-hover: 2px 8px 8px -5px $shadow-color-hover !default;
|
|||
@mixin shadow($type: regular) {
|
||||
@if $type == hover {
|
||||
box-shadow: $shadow-hover;
|
||||
@include translate(0, 2px);
|
||||
@include translate(0, 2px, 0, true);
|
||||
} @else if $type == small {
|
||||
@include transition($animation: ease);
|
||||
box-shadow: $shadow-small;
|
||||
|
|
Loading…
Reference in a new issue