moritzruth/moritzruth.de
1
0
Fork 0
Code Activity Actions

changes

Browse source
This commit is contained in:
Moritz Ruth 2020-04-09 18:54:36 +02:00
parent e55d5feced
commit 7ae14cc4be
No known key found for this signature in database
GPG key ID: FE38A0B03AA331BA
18 changed files with 589 additions and 24 deletions
Download patch file Download diff file Expand all files Collapse all files

12
components/AnimatedLogo.vue
View file

@ -33,28 +33,34 @@
</template>
<style scoped lang="scss">
@use "~@/assets/styles/colors";
$scale-up-duration: 800ms;
$slide-duration: 1000ms;
$slide-delay: $scale-up-duration / 2;
$fade-duration: 400ms;
$fade-delay: $slide-delay + 300ms;
$slide-length: 37.5%;
$border-show-delay: $fade-delay + $fade-duration;
.animated-logo {
width: 300px;
max-width: 60vw;
padding: 40px 40px 30px;
animation: scaleUp $scale-up-duration ease-out both;
background: transparentize(colors.$background, 0.5);
color: colors.$background-c;
}
.animated-logo__svg {
width: 100%;
margin-bottom: 40px;
margin-bottom: 20px;
animation: scaleUp $scale-up-duration ease-out both;
}
.animated-logo__name {
font-size: 2.3rem;
font-size: 2rem;
animation: fadeIn $slide-duration $scale-up-duration ease both;
text-align: center;
}