refactor: blink style

This commit is contained in:
Carlos Valente
2024-10-11 17:25:17 +02:00
committed by Carlos Valente
parent 0500368982
commit 78fa1df99c
+4 -3
View File
@@ -3,8 +3,6 @@
$transition-time-action: 0.1s; $transition-time-action: 0.1s;
$transition-time-feedback: 0.3s; $transition-time-feedback: 0.3s;
$blinking-time: 1.2s;
$component-border-radius-md: 3px; $component-border-radius-md: 3px;
$component-border-radius-sm: 2px; $component-border-radius-sm: 2px;
@@ -61,10 +59,13 @@ $text-body-size: calc(1rem - 1px);
$min-tablet: 500px; $min-tablet: 500px;
.blink { .blink {
animation: blink $blinking-time linear infinite; animation: blink 1s step-start infinite;
} }
@keyframes blink { @keyframes blink {
0% {
opacity: 100%;
}
50% { 50% {
opacity: 20%; opacity: 20%;
} }