albert/albert.lol
1
0
Fork 0
mirror of https://github.com/skidoodle/albert.lol.git synced 2025-02-15 06:09:15 +01:00
Code Issues Projects Releases Packages Wiki Activity

🔥

Browse source
This commit is contained in:
skidoodle 2022-04-04 21:37:01 +02:00
parent 2869c4e4ac
commit 4ef7a49d93
4 changed files with 31 additions and 77 deletions
Download patch file Download diff file Expand all files Collapse all files

42
styles/Home.module.scss
View file

@ -4,8 +4,6 @@
margin-top: 8rem;
margin-left: 10%;
margin-right: 10%;
animation: fadeIn .4s forwards;
transition: all .2s ease-in-out;
}
.mainLayout {
@ -29,31 +27,18 @@
svg {
font-size: 1.4em;
cursor: pointer;
margin-right: 7%;
margin-right: 6%;
margin-bottom: 1em;
}
}
.time,
.weather,
.spotify {
animation: fadeIn .6s forwards;
opacity: 0;
font-size: 1em;
}
.time svg,
.weather svg {
font-size: .9rem;
}
.time {
animation-delay: 0.2s;
svg {
font-size: .9em;
}
}
.weather {
opacity: 0;
animation-delay: 0.5s;
img {
float: left;
}
@ -70,17 +55,17 @@
text-decoration: none;
color: #C7D2FE;
}
svg {
font-size: .9em;
}
}
.spotify {
font-size: .9em;
font-size: 1em;
margin-top: 5%;
opacity: 0;
animation-delay: .7s;
padding: 1rem 1rem 1.8rem 1rem;
border: 1px solid $spotify-box-color;
border-radius: .5rem;
cursor: pointer;
img {
border-radius: 10px;
@ -140,13 +125,4 @@
.bodySection {
margin-top: 15rem;
}
}
@keyframes fadeIn {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
}