Add slogan to home page

This commit is contained in:
2023-09-07 18:12:33 +08:00
parent 45956673d2
commit 2c8429d012
6 changed files with 115 additions and 15 deletions

View File

@@ -0,0 +1,44 @@
@use "mixins" as mixins;
.center-box {
display: flex;
flex-direction: column;
}
.big-logo {
font: {
size: 5em;
weight: bold;
};
color: #666;
}
.slogan {
font: {
size: 1.3em;
style: italic;
};
color: #666;
}
.scroll-to-down {
position: absolute;
bottom: 20px;
animation: 1.5s infinite;
@include mixins.unique-keyframes {
0%,
100% {
-ms-filter: none;
filter: none;
opacity: 1;
transform: translateY(10px);
}
50% {
-ms-filter: alpha(opacity=40);
filter: alpha(opacity=40);
opacity: .4;
transform: translateY(-10px);
}
}
}