HoloTech/timer-widget
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Add parametrisation for timer vars

Browse Source
This commit is contained in:
Interitio
2026-03-14 00:13:42 +10:00
parent 3979a0f68e
commit 60e141e2ae
3 changed files with 92 additions and 40 deletions
Download Patch File Download Diff File Expand all files Collapse all files

11
timer.css
View File

@@ -1,6 +1,7 @@
:root {
--break-color: #8CD5CA;
--focus-color: #EED59F;
--bg-color: #1E202F;
--stage-color: var(--break-color);
--clip-path: none;
}
@@ -18,10 +19,10 @@
height: 175px;
width: 397px;
position: absolute;
background-color: #1E202F;
background-color: var(--bg-color);
border-radius: 40px;
outline-offset: -5px;
outline: dotted 10px #534F72;
outline-offset: -3px;
outline: dotted 6px #534F72;
}
.timer-bg:before {
content: "";
@@ -29,8 +30,8 @@
height: 175px;
width: 397px;
border-radius: 40px;
outline-offset: -5px;
outline: dotted 10px var(--stage-color);
outline-offset: -3px;
outline: dotted 6px var(--stage-color);
border-radius: 40px;
clip-path: var(--clip-path);
}