mirror of
https://codeberg.org/Hyperpipe/Hyperpipe
synced 2025-06-28 05:08:00 +02:00
Make bars togglable depending on playing status
This commit is contained in:
parent
d0d4a3e292
commit
8ca1a4c469
2 changed files with 9 additions and 4 deletions
|
@ -343,18 +343,23 @@ img {
|
|||
width: 2.75rem;
|
||||
transform: rotateZ(180deg) scale(0.65);
|
||||
}
|
||||
.bars {
|
||||
.bars-wrap .bars {
|
||||
height: 15%;
|
||||
width: 100%;
|
||||
background: var(--color-foreground);
|
||||
}
|
||||
.bars-wrap.pause .bars {
|
||||
animation: heightc 1s ease infinite;
|
||||
}
|
||||
.bars:first-child {
|
||||
.bars-wrap.pause .bars:first-child {
|
||||
animation-delay: 0.25s;
|
||||
}
|
||||
.bars:nth-child(2) {
|
||||
.bars-wrap.pause .bars:nth-child(2) {
|
||||
animation-delay: 0.5s;
|
||||
}
|
||||
.bars-wrap.play .bars {
|
||||
animation: none;
|
||||
}
|
||||
|
||||
.blink[data-loading='true'] {
|
||||
animation: blink infinite ease 1s;
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue