franpcode/Open-Telegram-to-Notion-Website
1
0
Fork 0
mirror of https://github.com/FranP-code/Open-Telegram-to-Notion-Website.git synced 2025-10-13 00:42:53 +00:00
Code Issues Packages Projects Releases Wiki Activity

Auth page done

Browse Source
This commit is contained in:
Francisco Pessano
2022-04-25 17:47:24 -03:00
parent 32404d1104
commit bf31475316
17 changed files with 453 additions and 102 deletions
Download Patch File Download Diff File Expand all files Collapse all files

85
src/styles.scss
View File

@@ -8,10 +8,93 @@ body {
font-family: 'Inter', sans-serif;
}
html, body, #root {
height: 100%;
}
#root {
display: flex;
flex-direction: column;
}
.fullscreen {
flex-grow: 1;
}
h1, h2, h3, h4, h5, h6 {
margin: 0;
}
img {
user-select: none;
}
}
//Animations
.fade-in {
-webkit-animation: fade-in 0.5s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
animation: fade-in 0.5s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
}
/* ----------------------------------------------
* Generated by Animista on 2022-4-25 17:26:50
* Licensed under FreeBSD License.
* See http://animista.net/license for more info.
* w: http://animista.net, t: @cssanimista
* ---------------------------------------------- */
/**
* ----------------------------------------
* animation fade-in
* ----------------------------------------
*/
@-webkit-keyframes fade-in {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@keyframes fade-in {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
.fade-out {
-webkit-animation: fade-out 1s ease-out both;
animation: fade-out 1s ease-out both;
}
/* ----------------------------------------------
* Generated by Animista on 2022-4-25 17:27:42
* Licensed under FreeBSD License.
* See http://animista.net/license for more info.
* w: http://animista.net, t: @cssanimista
* ---------------------------------------------- */
/**
* ----------------------------------------
* animation fade-out
* ----------------------------------------
*/
@-webkit-keyframes fade-out {
0% {
opacity: 1;
}
100% {
opacity: 0;
}
}
@keyframes fade-out {
0% {
opacity: 1;
}
100% {
opacity: 0;
}
}