Something went wrong. Try again.
opencode v2 mirror
Something went wrong. Try again.
2.6 kB · 93 lines
CSS
12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091929394[data-component="animated-number"] { display: inline-flex; align-items: baseline; vertical-align: baseline; line-height: inherit; font-variant-numeric: tabular-nums;
[data-slot="animated-number-value"] { display: inline-flex; flex-direction: row-reverse; align-items: baseline; justify-content: flex-end; line-height: inherit; width: var(--animated-number-width, 1ch); overflow: hidden; transition: width var(--tool-motion-spring-ms, 560ms) var(--tool-motion-ease, cubic-bezier(0.22, 1, 0.36, 1)); }
[data-slot="animated-number-digit"] { display: inline-grid; width: 1ch; height: 1em; line-height: 1em; overflow: hidden; vertical-align: baseline; -webkit-mask-image: linear-gradient( to bottom, transparent 0%, #000 var(--tool-motion-mask, 18%), #000 calc(100% - var(--tool-motion-mask, 18%)), transparent 100% ); mask-image: linear-gradient( to bottom, transparent 0%, #000 var(--tool-motion-mask, 18%), #000 calc(100% - var(--tool-motion-mask, 18%)), transparent 100% ); -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; }
[data-slot="animated-number-static"], [data-slot="animated-number-strip"] { grid-area: 1 / 1; }
[data-slot="animated-number-static"], [data-slot="animated-number-cell"] { display: inline-flex; align-items: center; justify-content: center; width: 1ch; height: 1em; line-height: 1em; }
[data-slot="animated-number-digit"][data-animating="true"] [data-slot="animated-number-static"] { visibility: hidden; }
[data-slot="animated-number-strip"] { display: inline-flex; flex-direction: column; margin-top: calc(var(--animated-number-offset, 10) * -1em); transition-property: margin-top; transition-duration: var(--animated-number-duration, 560ms); transition-timing-function: var(--tool-motion-ease, cubic-bezier(0.22, 1, 0.36, 1)); }
[data-slot="animated-number-digit"][data-animating="false"] [data-slot="animated-number-strip"] { transition-duration: 0ms; visibility: hidden; }}
@media (prefers-reduced-motion: reduce) { [data-component="animated-number"] [data-slot="animated-number-value"] { transition-duration: 0ms; }
[data-component="animated-number"] [data-slot="animated-number-strip"] { transition-duration: 0ms; visibility: hidden; }
[data-component="animated-number"] [data-slot="animated-number-digit"][data-animating] [data-slot="animated-number-static"] { visibility: visible; }}