From 50a86c31f7991fe044061df17488825cf56b4379 Mon Sep 17 00:00:00 2001
From: Yong <130093586+yonghuang28@users.noreply.github.com>
Date: Sat, 8 Jul 2023 19:46:02 -0400
Subject: [PATCH]  Add blinking effects for .battery.warn and .battery.alert

 Add blinking effects for .battery.warn and .battery.alert
---
 main.css | 17 +++++++++++++++--
 1 file changed, 15 insertions(+), 2 deletions(-)

diff --git a/main.css b/main.css
index 5e0bcd4..e591596 100644
--- a/main.css
+++ b/main.css
@@ -945,14 +945,27 @@ hr {
 	display: none;
 }
 
-.battery[data-plugged="1"] > .battery-charging {
-	display:block;
+.battery[data-plugged="1"] {
+	display:none;
+}
+
+@keyframes blink-warn {
+  0% { opacity: 0; }
+  50% { opacity: 1; }
+  100% { opacity: 0; }
+}
+@keyframes blink-alert {
+  0% { opacity: 0; }
+  50% { opacity: 1; }
+  100% { opacity: 0; }
 }
 .battery.warn {
 	border: 3px solid #EFAF13;
+	animation: blink-warn 2s infinite;
 }
 .battery.alert {
 	border: 3px solid #e81309;
+	animation: blink-alert 1s infinite;
 }
 .battery-level {
 	background: #30b455;