Spaces:
Running
Running
| @import "tailwindcss/base"; | |
| @import "tailwindcss/components"; | |
| @import "tailwindcss/utilities"; | |
| #songAudio { | |
| background-color: var(--vscode-checkbox-background); | |
| } | |
| .songAudio__progress-bar { | |
| position: absolute; | |
| top: 0; | |
| left: 0; | |
| width: 100%; | |
| height: 2px; | |
| background-color: var(--vscode-tab-border); | |
| border-radius: 1px; | |
| } | |
| .songAudio__progress-bar .bg-green-500 { | |
| background-color: var(--vscode-icon-foreground); | |
| border-radius: 1px; | |
| } | |
| .songAudio__progress-bar .base__percent-played { | |
| position: absolute; | |
| top: 0; | |
| right: 0; | |
| width: 2px; | |
| height: 100%; | |
| background-color: var(--vscode-icon-foreground); | |
| animation: songAudioProgress 2s linear; | |
| } | |
| .songAudio__progress-bar .base__percent-played::after { | |
| content: "๐" | |
| } | |
| @keyframes songAudioProgress { | |
| 100% { | |
| transform: translateX(100%); | |
| } | |
| } |