Dcode Design System

Timer: History Active

No notes defined.

<div class="rounded border bg-tertiary-200 border-tertiary-200 flex px-xsSpace py-xsSpace text-white items-center hover:bg-tertiary-200 cursor-pointer">
    <span class="fill-current text-tertiary-700">
        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-6 h-6">
            <path stroke-linecap="round" stroke-linejoin="round" d="M12 6v6h4.5m4.5 0a9 9 0 11-18 0 9 9 0 0118 0z" />
        </svg> </span>
</div>
  • Content: 
    <iframe style="border: 1px solid rgba(0, 0, 0, 0.1);" width="800" height="450" src="https://www.figma.com/embed?embed_host=share&url=https%3A%2F%2Fwww.figma.com%2Ffile%2FJUMg9qwWNHgaiuoDoEgHkn%2Ffractal.dcodegroup.com%3Fnode-id%3D5708%253A19987%26t%3D66XpghXQX1sLaeCx-1" allowfullscreen></iframe>
  • URL: /components/raw/timer/figma.txt
  • Filesystem Path: components/03-elements/timer/figma.txt
  • Size: 296 Bytes
  • Content: 
    @keyframes ping {
    75%, 100% {
        transform: scale(1.05);
        opacity: 0;
    }
}

.timer-pulse {
    animation: ping 1s cubic-bezier(0, 0, 0.2, 1) infinite;
}
  • URL: /components/raw/timer/timer.scss
  • Filesystem Path: components/03-elements/timer/timer.scss
  • Size: 171 Bytes
">