🎨 Style: optimize transform compatibility

This commit is contained in:
Cell
2023-03-10 17:46:40 +08:00
parent 433c631110
commit 7376238567
4 changed files with 10 additions and 10 deletions
+4 -4
View File
@@ -40,23 +40,23 @@ footer {
@keyframes icon-animate {
0%,
100% {
transform: scale(1);
@include transform(scale(1));
}
10%,
30% {
transform: scale(0.9);
@include transform(scale(0.9));
}
20%,
40%,
60%,
80% {
transform: scale(1.1);
@include transform(scale(1.1));
}
50%,
70% {
transform: scale(1.1);
@include transform(scale(1.1));
}
}
+1 -1
View File
@@ -219,7 +219,7 @@ header {
>.menu-item:hover {
& .sub-menu {
display: block;
transform: translateX(-0.5rem);
@include transform(translateX(-0.5rem));
}
}
+1 -1
View File
@@ -34,7 +34,7 @@
}
.friend-link:hover {
background: #fff;
transform: scale(1.03);
@include transform(scale(1.03));
box-shadow: 0 0 3px #aaa;
}
.friend-avatar {
@@ -1,15 +1,15 @@
@keyframes octocat-wave {
0%,
100% {
transform: rotate(0);
@include transform(rotate(0));
}
20%,
60% {
transform: rotate(-25deg);
@include transform(rotate(-25deg));
}
40%,
80% {
transform: rotate(10deg);
@include transform(rotate(10deg));
}
}
@@ -37,7 +37,7 @@
left: 0;
svg {
transform: scale(-1, 1);
@include transform(scale(-1, 1));
}
}
&.right {