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

Remove logo gradient

Browse source
This commit is contained in:
Moritz Ruth 2020-05-19 18:28:46 +02:00
parent fb9a23543f
commit e7ff2455e3
No known key found for this signature in database
GPG key ID: AFD57E23E753841B
1 changed files with 27 additions and 47 deletions
Download patch file Download diff file Expand all files Collapse all files

22
components/AnimatedLogo.vue
View file

@ -1,6 +1,5 @@
<template>
<div class="animated-logo">
<div class="animated-logo__logo">
<svg class="animated-logo__svg" xmlns="http://www.w3.org/2000/svg" viewBox="76.75 182.661 358.5 146.679">
<path
class="animated-logo__m1"
@ -27,7 +26,6 @@
fill="currentColor"
/>
</svg>
</div>
<div class="animated-logo__name">
Moritz Ruth
</div>
@ -52,27 +50,9 @@
padding: 40px 40px 30px;
}
.animated-logo__logo {
position: relative;
color: colors.$background-c;
&::after {
content: "";
display: block;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: linear-gradient(90deg, colors.$blue, colors.$pink 80%);
pointer-events: none;
mix-blend-mode: lighten;
}
}
.animated-logo__svg {
width: 100%;
color: colors.$background-c;
margin-bottom: 20px;
animation: scaleUp $scale-up-duration ease-out both;