mirror of
https://github.com/mickael-kerjean/filestash.git
synced 2025-11-02 11:57:04 +08:00
34544875bd
didn't realised many people are actually using dark mode, this request came from Roel a teacher in the Netherland that's using Filestash to teach coding to its students
28 lines
913 B
SCSS
28 lines
913 B
SCSS
.component_page_connect{
|
|
background: var(--primary);
|
|
height: 100%;
|
|
}
|
|
.dark-mode .component_page_connect{
|
|
background: var(--bg-color);
|
|
}
|
|
|
|
/* PAGE ANIMATION */
|
|
@keyframes PageConnectionPoweredBy {
|
|
from { transform: translateX(3px); opacity: 0;}
|
|
to {transform: translateY(0); opacity: 1; }
|
|
}
|
|
@keyframes PageConnectionForm {
|
|
from { transform: scale(0.99); }
|
|
to {transform: scale(1); }
|
|
}
|
|
@keyframes PageConnectionFormBody {
|
|
from { transform: translateY(-1px); opacity: 0; }
|
|
to {transform: translateY(0); opacity: 1; }
|
|
}
|
|
.component_poweredbyfilestash, .component_page_connect .component_page_connection_form {
|
|
animation-duration: 0.3s;
|
|
animation-fill-mode: forwards;
|
|
}
|
|
.component_poweredbyfilestash { animation-name: PageConnectionPoweredBy; animation-delay: 0.5s; opacity: 0; }
|
|
.component_page_connect .component_page_connection_form { animation-name: PageConnectionForm; }
|