elias/vdo.ninja
1
0
Fork 0
mirror of https://github.com/eliasstepanik/vdo.ninja.git synced 2026-01-10 05:08:28 +00:00
Code Issues Packages Projects Releases Wiki Activity

Add blinking effects for .battery.warn and .battery.alert

Browse Source 
Add blinking effects for .battery.warn and .battery.alert
This commit is contained in:
Yong 2023-07-08 19:46:02 -04:00 committed by GitHub
parent 527929cf95
commit 50a86c31f7
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 15 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

17
main.css
View File

@ -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;