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%); | |
} | |
} |