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