Timer/blinking and blackout buttons (#406)

*feat: timer blink

*feat: blackout

---------

Co-authored-by: Fabian Posenau <fabian@fphome.de>
Co-authored-by: cv <34649812+cpvalente@users.noreply.github.com>
This commit is contained in:
Fabian Posenau
2023-06-04 21:25:56 +02:00
committed by GitHub
parent 07737cc8b3
commit 5cb8020ab9
24 changed files with 196 additions and 66 deletions
+12
View File
@@ -3,6 +3,8 @@
$transition-time-action: 0.1s;
$transition-time-feedback: 0.3s;
$blinking-time: 1.2s;
$component-border-radius-md: 3px;
$component-border-radius-sm: 2px;
@@ -51,3 +53,13 @@ $secondary-text-gray: $gray-400;
$section-white: $ui-white;
$inner-section-text-size: 14px;
$text-body-size: 15px;
.blink {
animation: blink $blinking-time linear infinite;
}
@keyframes blink {
50% {
opacity: 20%;
}
}