Skip to content
Snippets Groups Projects
Commit fa4f6872 authored by Yehor Potebenko's avatar Yehor Potebenko
Browse files

fix: fix bubble final markup

parent 80cdff79
No related branches found
No related tags found
2 merge requests!5First version,!3Login page validation
...@@ -87,7 +87,11 @@ ...@@ -87,7 +87,11 @@
} }
.logo-col { .logo-col {
&__title { &__title {
background: linear-gradient(266.66deg, $pinkish-purple 1.54%, $nebula-purple 101.33%); background: linear-gradient(
266.66deg,
$pinkish-purple 1.54%,
$nebula-purple 101.33%
);
-webkit-background-clip: text; -webkit-background-clip: text;
-webkit-text-fill-color: transparent; -webkit-text-fill-color: transparent;
background-clip: text; background-clip: text;
...@@ -108,8 +112,8 @@ ...@@ -108,8 +112,8 @@
&__anim { &__anim {
position: absolute; position: absolute;
width: 78%; width: 85%;
height: 80%; height: 85%;
top: 50%; top: 50%;
left: 50%; left: 50%;
transform: translate(-50%, -55%); transform: translate(-50%, -55%);
...@@ -207,11 +211,11 @@ ...@@ -207,11 +211,11 @@
@keyframes anim { @keyframes anim {
0%, 0%,
100% { 100% {
border-radius: 30% 70% 70% 30% / 30% 52% 48% 70%; border-radius: 30% 60% 60% 30% / 30% 52% 48% 70%;
} }
10% { 10% {
border-radius: 50% 45% 20% 80% / 25% 80% 20% 75%; border-radius: 50% 45% 20% 60% / 25% 80% 20% 75%;
} }
20% { 20% {
...@@ -223,7 +227,7 @@ ...@@ -223,7 +227,7 @@
} }
40% { 40% {
border-radius: 39% 61% 82% 18% / 74% 40% 60% 26%; border-radius: 39% 61% 82% 18% / 74% 40% 60% 46%;
} }
50% { 50% {
...@@ -243,6 +247,6 @@ ...@@ -243,6 +247,6 @@
} }
90% { 90% {
border-radius: 20% 80% 20% 80% / 20% 80% 20% 80%; border-radius: 20% 70% 20% 65% / 20% 63% 20% 68%;
} }
} }
0% Loading or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment