asandikci.com/web
1
0
Fork 0
Code Issues 5 Pull requests Projects Releases Packages Wiki Activity Actions

refactor(scss): update vendor prefix

Browse source
This commit is contained in:
Cotes Chung 2023-03-21 09:57:18 +08:00
parent 7626e4d005
commit f0266c1f78
No known key found for this signature in database
GPG key ID: 0D9E54843167A808
1 changed files with 0 additions and 14 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

14
_sass/addon/commons.scss
View file

@ -579,22 +579,18 @@ i {
@-webkit-keyframes shimmer {
0% {
-webkit-transform: translateX(-100%);
transform: translateX(-100%);
}
100% {
-webkit-transform: translateX(100%);
transform: translateX(100%);
}
}
@keyframes shimmer {
0% {
-webkit-transform: translateX(-100%);
transform: translateX(-100%);
}
100% {
-webkit-transform: translateX(100%);
transform: translateX(100%);
}
}
@ -771,7 +767,6 @@ $sidebar-display: 'sidebar-display';
border-radius: 50%;
border: 2px solid rgba(222, 222, 222, 0.7);
overflow: hidden;
-webkit-transform: translateZ(0);
transform: translateZ(0); /* fixed the zoom in Safari */
transition: border-color 0.35s ease-in-out;
@ -783,12 +778,9 @@ $sidebar-display: 'sidebar-display';
img {
width: 100%;
height: 100%;
transition: -webkit-transform 0.5s;
transition: transform 0.5s;
transition: transform 0.5s, -webkit-transform 0.5s;
&:hover {
-webkit-transform: scale(1.2);
transform: scale(1.2);
}
}
@ -1232,9 +1224,7 @@ $sidebar-display: 'sidebar-display';
height: $size;
border-radius: 50%;
border: 1px solid var(--btn-backtotop-border-color);
transition: -webkit-transform 0.2s ease-out;
transition: transform 0.2s ease-out;
transition: transform 0.2s ease-out, -webkit-transform 0.2s ease-out;
-webkit-transition: transform 0.2s ease-out;
i {
@ -1294,7 +1284,6 @@ $sidebar-display: 'sidebar-display';
position: fixed;
left: 50%;
bottom: 20%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
-webkit-animation: popup 0.8s;
animation: popup 0.8s;
@ -1395,14 +1384,12 @@ $sidebar-display: 'sidebar-display';
[#{$sidebar-display}] {
#sidebar {
-webkit-transform: translateX(0);
transform: translateX(0);
}
#topbar-wrapper,
#main-wrapper,
footer {
-webkit-transform: translateX(#{$sidebar-width});
transform: translateX(#{$sidebar-width});
}
}
@ -1790,7 +1777,6 @@ $sidebar-display: 'sidebar-display';
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
}