mirror of
https://github.com/Casvt/MIND.git
synced 2026-04-25 03:00:20 -04:00
Added vendor prefixes
This commit is contained in:
@@ -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) {
|
||||
|
||||
Reference in New Issue
Block a user