mirror of
https://codeberg.org/yeentown/barkey
synced 2024-11-24 00:45:18 +00:00
Add animation
This commit is contained in:
parent
ae2d707c68
commit
0c28ac4907
4 changed files with 9 additions and 0 deletions
|
@ -39,3 +39,9 @@
|
|||
75% { transform: translateY(-8px); }
|
||||
100% { transform: translateY(0); }
|
||||
}
|
||||
|
||||
@keyframes blink {
|
||||
0% { opacity: 1; }
|
||||
30% { opacity: 1; }
|
||||
90% { opacity: 0; }
|
||||
}
|
||||
|
|
|
@ -64,5 +64,6 @@ export default Vue.extend({
|
|||
vertical-align super
|
||||
font-size 10px
|
||||
color var(--notificationIndicator)
|
||||
animation blink 1s infinite
|
||||
|
||||
</style>
|
||||
|
|
|
@ -91,6 +91,7 @@ export default Vue.extend({
|
|||
vertical-align super
|
||||
font-size 10px
|
||||
color var(--notificationIndicator)
|
||||
animation blink 1s infinite
|
||||
|
||||
> .pop
|
||||
$bgcolor = var(--face)
|
||||
|
|
|
@ -126,6 +126,7 @@ export default Vue.extend({
|
|||
left 0
|
||||
color var(--notificationIndicator)
|
||||
font-size 16px
|
||||
animation blink 1s infinite
|
||||
|
||||
&.post
|
||||
right 28px
|
||||
|
|
Loading…
Reference in a new issue