CarmiCoven/subathon-timer
2
0
Fork 0
forked from HoloTech/twitch-subathon-timer
Code Pull Requests Activity

Update appearence

Browse Source
This commit is contained in:
Interitio
2025-09-22 23:27:14 +10:00
parent 0de496bf3c
commit 524ab37bbb
2 changed files with 20 additions and 24 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
index.html
View File

@@ -9,13 +9,8 @@
</head>
<body>
<div class="timer-box">
<div class="timer-bg">
<div class="timer-time">
<span class="timer-time">00:00</span>
</div>
<div class="timer-details">
</div>
<div class="timer-details">
00:00
</div>
</div>
</body>

35
timer.css
View File

@@ -1,8 +1,16 @@
:root {
--break-color: #9020BA;
--focus-color: #EED59F;
--stage-color: var(--break-color);
--clip-path: none;
--time-color: #453960;
--details-color: #403060;
--background-color: transparent;
}
html, body {
height: 100%;
margin: 0;
padding: 0;
font-family: 'Inter', sans-serif;
background-color: var(--background-color);
overflow: hidden;
}
@@ -12,24 +20,17 @@
padding: 5px;
}
.timer-time {
font-size: 100px;
font-family: Inter;
font-size: clamp(6rem, 22vw, 16rem);
font-weight: 400;
letter-spacing: 0%;
text-align: center;
color: #453960;
color: var(--time-color);
line-height: 1;
}
.timer-details {
display: fill;
font-family: Inter;
font-weight: 600;
color: var(--details-color);
font-size: 16px;
justify-content: space-between;
align-items: center;
text-align: center;
width: 65%;
margin: auto;
color: #453960;
overflow-wrap: break-word;
}