Dcode Design System

Timer: Paused

No notes defined.

<div class="flex items-center space-x-mdSpace">
    <span class="text-sm font-semibold">Task name</span>

    <div class="border-tertiary-200 flex justify-between rounded border relative overflow-hidden items-stretch cursor-pointer">
        <div class="flex items-center px-smSpace py-xsSpace">
            <span class="font-semibold inline-flex items-center border-transparent text-xs text-primary">
                1:30
            </span>
        </div>

        <div class="bg-tertiary-200 px-xsSpace flex items-center">
            <span class="[&>svg]:w-4 [&>svg]:h-4 fill-current text-tertiary-700">
                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="w-5 h-5">
                    <path d="M6.3 2.841A1.5 1.5 0 004 4.11V15.89a1.5 1.5 0 002.3 1.269l9.344-5.89a1.5 1.5 0 000-2.538L6.3 2.84z" />
                </svg>
            </span>
        </div>
    </div>
</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
">