glitch-countdown/dist/main.css
2023-10-30 00:59:35 +01:00

50 lines
No EOL
776 B
CSS

body {
background-color: black;
}
#countdown {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 50vw;
height: 8vw;
background-color: grey;
}
#countdown .part {
display: inline-block;
position: relative;
padding-top: 1vw;
}
#countdown * {
font-size: 3vw;
}
#countdown input {
width: 6vw;
height: 3.3vw;
}
#countdown .up, #countdown .down {
position: absolute;
line-height: 3vw;
width: 1vw;
text-align: center;
left: calc(50% - 0.5vw);
transform: rotate(90deg);
cursor: pointer;
}
#countdown .up {
top: calc(-1vw - 0.2vw);
}
#countdown .down {
top: calc(3.3vw + 0.2vw);
}
#countdown.counting .up, #countdown.counting .down {
display: none;
}