From 7e76369ec8d59582d191ba58892b55b0404e5924 Mon Sep 17 00:00:00 2001
From: Siddhartha Singh <siddhartha.joy@gmail.com>
Date: Thu, 25 Jan 2024 14:00:21 +0530
Subject: [PATCH] Using steps() in animation

---
 resources/style.css | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/resources/style.css b/resources/style.css
index e6017fdb..3d44829f 100644
--- a/resources/style.css
+++ b/resources/style.css
@@ -128,12 +128,13 @@ button:hover {
     }
 }
 
+/* Using steps() instead of linear as a timing function to limit cpu usage */
 #battery.critical:not(.charging) {
     background-color: #f53c3c;
     color: #ffffff;
     animation-name: blink;
     animation-duration: 0.5s;
-    animation-timing-function: linear;
+    animation-timing-function: steps(12);
     animation-iteration-count: infinite;
     animation-direction: alternate;
 }