Skip to content

Commit

Permalink
feat(sbb-clock): introduce option to configure color of seconds hand (#…
Browse files Browse the repository at this point in the history
…2400)

To overwrite color of seconds hand, use `--sbb-clock-seconds-hand-color` var on `sbb-clock`.
  • Loading branch information
jeripeierSBB committed Feb 8, 2024
1 parent 132263c commit b94d92d
Showing 1 changed file with 2 additions and 1 deletion.
3 changes: 2 additions & 1 deletion src/components/clock/clock.scss
Original file line number Diff line number Diff line change
Expand Up @@ -10,6 +10,7 @@
--sbb-clock-hours-animation-duration: 0s;
--sbb-clock-seconds-animation-duration: 0s;
--sbb-clock-animation-play-state: paused;
--sbb-clock-seconds-hand-color: var(--sbb-color-red-default);
}

.sbb-clock {
Expand Down Expand Up @@ -66,7 +67,7 @@
animation-timing-function: linear;
animation-play-state: var(--sbb-clock-animation-play-state);
animation-iteration-count: infinite;
fill: var(--sbb-color-red-default);
fill: var(--sbb-clock-seconds-hand-color);
}

.sbb-clock__hand-seconds--initial-minute {
Expand Down

0 comments on commit b94d92d

Please sign in to comment.