chinwag/ChinwagUI
2
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Keyframes cleanup

Browse source
This commit is contained in:
Niléane 2023-12-25 17:21:17 +01:00
commit f62b1de71b
No known key found for this signature in database
3 changed files with 42 additions and 42 deletions
Download patch file Download diff file Expand all files Collapse all files

28
TangerineUI-cherry.css
View file

@ -480,6 +480,20 @@ body.app-body {
transform: rotate(60deg) scale(1.1); transform: rotate(60deg) scale(1.1);
} }
} }
@keyframes bell-ring {
0% {
transform: rotate(0);
}
40% {
transform: rotate(15deg);
}
70% {
transform: rotate(-15deg);
}
100% {
transform: rotate(0);
}
}
/* Rordered layout */ /* Rordered layout */
@ -4477,20 +4491,6 @@ div[tabindex="-1"] + div[tabindex="-1"] > .status__wrapper > .status-reply.statu
background-color: var(--color-accent-bg); background-color: var(--color-accent-bg);
color: var(--color-accent); color: var(--color-accent);
} }
@keyframes bell-ring {
0% {
transform: rotate(0);
}
40% {
transform: rotate(15deg);
}
70% {
transform: rotate(-15deg);
}
100% {
transform: rotate(0);
}
}
.app-body .account__header__tabs__buttons .icon-button.active .icon-bell { .app-body .account__header__tabs__buttons .icon-button.active .icon-bell {
animation: bell-ring .4s ease-in 1; animation: bell-ring .4s ease-in 1;
transform-origin: top center; transform-origin: top center;

28
TangerineUI-purple.css
View file

@ -480,6 +480,20 @@ body.app-body {
transform: rotate(60deg) scale(1.1); transform: rotate(60deg) scale(1.1);
} }
} }
@keyframes bell-ring {
0% {
transform: rotate(0);
}
40% {
transform: rotate(15deg);
}
70% {
transform: rotate(-15deg);
}
100% {
transform: rotate(0);
}
}
/* Rordered layout */ /* Rordered layout */
@ -4477,20 +4491,6 @@ div[tabindex="-1"] + div[tabindex="-1"] > .status__wrapper > .status-reply.statu
background-color: var(--color-accent-bg); background-color: var(--color-accent-bg);
color: var(--color-accent); color: var(--color-accent);
} }
@keyframes bell-ring {
0% {
transform: rotate(0);
}
40% {
transform: rotate(15deg);
}
70% {
transform: rotate(-15deg);
}
100% {
transform: rotate(0);
}
}
.app-body .account__header__tabs__buttons .icon-button.active .icon-bell { .app-body .account__header__tabs__buttons .icon-button.active .icon-bell {
animation: bell-ring .4s ease-in 1; animation: bell-ring .4s ease-in 1;
transform-origin: top center; transform-origin: top center;

28
TangerineUI.css
View file

@ -480,6 +480,20 @@ body.app-body {
transform: rotate(60deg) scale(1.1); transform: rotate(60deg) scale(1.1);
} }
} }
@keyframes bell-ring {
0% {
transform: rotate(0);
}
40% {
transform: rotate(15deg);
}
70% {
transform: rotate(-15deg);
}
100% {
transform: rotate(0);
}
}
/* Rordered layout */ /* Rordered layout */
@ -4477,20 +4491,6 @@ div[tabindex="-1"] + div[tabindex="-1"] > .status__wrapper > .status-reply.statu
background-color: var(--color-accent-bg); background-color: var(--color-accent-bg);
color: var(--color-accent); color: var(--color-accent);
} }
@keyframes bell-ring {
0% {
transform: rotate(0);
}
40% {
transform: rotate(15deg);
}
70% {
transform: rotate(-15deg);
}
100% {
transform: rotate(0);
}
}
.app-body .account__header__tabs__buttons .icon-button.active .icon-bell { .app-body .account__header__tabs__buttons .icon-button.active .icon-bell {
animation: bell-ring .4s ease-in 1; animation: bell-ring .4s ease-in 1;
transform-origin: top center; transform-origin: top center;