mirror of
https://github.com/Casvt/MIND.git
synced 2026-04-03 03:00:22 -04:00
Added vendor prefixes
This commit is contained in:
@@ -40,6 +40,9 @@
|
||||
font-size: 1.1rem;
|
||||
|
||||
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;
|
||||
}
|
||||
|
||||
.options > button:hover {
|
||||
|
||||
@@ -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) {
|
||||
|
||||
@@ -6,6 +6,9 @@ main {
|
||||
|
||||
main.show-create > .form-container {
|
||||
transform: translateY(-100%);
|
||||
-o-transform: translateY(-100%);
|
||||
-moz-transform: translateY(-100%);
|
||||
-webkit-transform: translateY(-100%);
|
||||
}
|
||||
|
||||
.form-container {
|
||||
@@ -18,6 +21,9 @@ main.show-create > .form-container {
|
||||
padding: 1rem;
|
||||
|
||||
transition: transform .25s ease-in-out;
|
||||
-o-transition: transform .25s ease-in-out;
|
||||
-moz-transition: transform .25s ease-in-out;
|
||||
-webkit-transition: transform .25s ease-in-out;
|
||||
}
|
||||
|
||||
form {
|
||||
|
||||
@@ -44,6 +44,9 @@
|
||||
opacity: 0;
|
||||
|
||||
transition: opacity .1s linear;
|
||||
-o-transition: opacity .1s linear;
|
||||
-moz-transition: opacity .1s linear;
|
||||
-webkit-transition: opacity .1s linear;
|
||||
}
|
||||
|
||||
.search-bar:focus-within #clear-button {
|
||||
@@ -121,6 +124,9 @@
|
||||
background-color: rgb(0 0 0 / 25%);
|
||||
|
||||
transition: opacity .2s ease-in;
|
||||
-o-transition: opacity .2s ease-in;
|
||||
-moz-transition: opacity .2s ease-in;
|
||||
-webkit-transition: opacity .2s ease-in;
|
||||
}
|
||||
|
||||
.entry-overlay::before {
|
||||
@@ -149,6 +155,9 @@
|
||||
@media (max-width: 543px) {
|
||||
header > div {
|
||||
transform: translateX(0);
|
||||
-o-transform: translateX(0);
|
||||
-moz-transform: translateX(0);
|
||||
-webkit-transform: translateX(0);
|
||||
}
|
||||
|
||||
.entry {
|
||||
|
||||
Reference in New Issue
Block a user