mirror of
https://github.com/FrankerFaceZ/FrankerFaceZ.git
synced 2025-06-28 05:15:54 +00:00
30 lines
462 B
SCSS
30 lines
462 B
SCSS
|
.ffz-progress-bar {
|
||
|
&--default {
|
||
|
overflow: hidden;
|
||
|
width: 100%;
|
||
|
height: 1rem;
|
||
|
background: var(--color-background-progress);
|
||
|
}
|
||
|
|
||
|
&__fill {
|
||
|
max-width: 100%;
|
||
|
height: 100%;
|
||
|
background: var(--color-background-progress-status);
|
||
|
animation-timing-function: linear;
|
||
|
animation-fill-mode: both;
|
||
|
}
|
||
|
|
||
|
&--countdown &__fill {
|
||
|
animation-name: ffz-progress-down;
|
||
|
}
|
||
|
|
||
|
.thingy {
|
||
|
bottom: -4px;
|
||
|
}
|
||
|
}
|
||
|
|
||
|
@keyframes ffz-progress-down {
|
||
|
100% {
|
||
|
width: 0%;
|
||
|
}
|
||
|
}
|