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

@@ -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 {

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) {

View File

@@ -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 {

View File

@@ -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 {