Lenaisten/advent22
4
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

make subtle glow static

Browse source
This commit is contained in:
Jörn-Michael Miehe 2023-11-24 11:34:18 +00:00
parent d396c2a8c3
commit 41889d9160
1 changed files with 6 additions and 21 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

27
ui/src/components/calendar/CalendarDoor.vue
View file

@ -4,30 +4,15 @@
:visible="store.is_touch_device || force_visible" :visible="store.is_touch_device || force_visible"
:rectangle="door.position" :rectangle="door.position"
> >
<div class="has-text-danger glow">{{ door.day }}</div> <div
class="has-text-danger"
style="text-shadow: 0 0 10px white, 0 0 20px white"
>
{{ door.day }}
</div>
</SVGRect> </SVGRect>
</template> </template>
<style lang="scss" scoped>
@import "@/bulma-scheme";
.glow {
-webkit-animation: glow 2s ease-in-out infinite alternate;
-moz-animation: glow 2s ease-in-out infinite alternate;
animation: glow 2s ease-in-out infinite alternate;
}
@keyframes glow {
from {
text-shadow: 0 0 10px white, 0 0 20px white, 0 0 30px $primary,
0 0 40px $primary, 0 0 50px $primary, 0 0 60px $primary, 0 0 70px $primary;
}
to {
text-shadow: 0 0 10px white;
}
}
</style>
<script lang="ts"> <script lang="ts">
import { Door } from "@/lib/door"; import { Door } from "@/lib/door";
import { advent22Store } from "@/plugins/store"; import { advent22Store } from "@/plugins/store";