style: fade the exit plate in over 160 ms under reduced motion

This commit is contained in:
2026-10-11 01:25:53 +03:00
parent 863a44e65b
commit 6f8449d39b
2 changed files with 11 additions and 0 deletions

View File

@@ -20,10 +20,13 @@ const next = computed(() =>
a route rule that fills along its lower edge. */
const route = computed(() => Math.min(1, Math.max(0, props.journey.routeProgress)));
const routePercent = computed(() => `${Math.round(route.value * 100)}%`);
/* The plate is keyed by chapter, so a new chapter is a new element: under
reduced motion it fades in over 160 ms (gantry.css) instead of swapping. */
</script>
<template>
<aside
:key="journey.activeSectionId"
class="journey-hud"
aria-hidden="true"
:data-exit="exit"