Added vendor prefixes

This commit is contained in:
CasVT
2023-01-13 01:18:36 +01:00
parent 4cf7429ec9
commit fa9aba571c
4 changed files with 36 additions and 0 deletions

View File

@@ -171,6 +171,9 @@ nav {
background-color: var(--color-gray);
transition: left .3s ease-in-out;
-o-transition: left .3s ease-in-out;
-moz-transition: left .3s ease-in-out;
-webkit-transition: left .3s ease-in-out;
}
nav > div {
@@ -195,6 +198,9 @@ nav > div > button {
color: var(--color-light);
transition: background-color .1s ease-in-out;
-o-transition: background-color .1s ease-in-out;
-moz-transition: background-color .1s ease-in-out;
-webkit-transition: background-color .1s ease-in-out;
}
nav > div > button:hover {
@@ -215,6 +221,9 @@ nav > div > button svg {
overflow-x: hidden;
transition: margin-left .3s ease-in-out;
-o-transition: margin-left .3s ease-in-out;
-moz-transition: margin-left .3s ease-in-out;
-webkit-transition: margin-left .3s ease-in-out;
}
.window-container > div {
@@ -222,13 +231,22 @@ nav > div > button svg {
flex: 0 0 auto;
transform: translateX(0);
-o-transform: translateX(0);
-moz-transform: translateX(0);
-webkit-transform: translateX(0);
transition: transform .5s ease-in-out;
-o-transition: transform .5s ease-in-out;
-moz-transition: transform .5s ease-in-out;
-webkit-transition: transform .5s ease-in-out;
}
.window-container:has(.show-window) #home,
.window-container:has(.show-window) .show-window {
transform: translateX(-100%);
-o-transform: translateX(-100%);
-moz-transform: translateX(-100%);
-webkit-transform: translateX(-100%);
}
.window-container > div:not(#home) {