diff options
| author | Devaev Maxim <[email protected]> | 2018-10-09 16:20:41 +0300 |
|---|---|---|
| committer | Devaev Maxim <[email protected]> | 2018-10-09 16:20:41 +0300 |
| commit | a449b39c52392d0d8b043934a15792f21d54e06d (patch) | |
| tree | c8ff6a67baea441b61ea14f0363ba4b22c0cd116 /web/css/leds.css | |
| parent | 2c241fab4409eac3b40762d2c23d42ac6e3f8df1 (diff) | |
refactoring
Diffstat (limited to 'web/css/leds.css')
| -rw-r--r-- | web/css/leds.css | 36 |
1 files changed, 15 insertions, 21 deletions
diff --git a/web/css/leds.css b/web/css/leds.css index ba8559b3..fe23a434 100644 --- a/web/css/leds.css +++ b/web/css/leds.css @@ -21,49 +21,43 @@ --led-spin-fast: spin 2s linear infinite; } -img.led-on { - -webkit-filter: var(--led-filter-green); - filter: var(--led-filter-green); -} - -img.led-off { +img.led-gray { -webkit-filter: var(--led-filter-gray); filter: var(--led-filter-gray); } -img.led-hdd-busy { - -webkit-filter: var(--led-filter-red); - filter: var(--led-filter-red); +img.led-green { + -webkit-filter: var(--led-filter-green); + filter: var(--led-filter-green); } -img.led-msd-writing, -img.led-hid-pak-typing { - -webkit-filter: var(--led-filter-yellow); - filter: var(--led-filter-yellow); - -webkit-animation: var(--led-spin-fast); - animation: var(--led-spin-fast); +img.led-red { + -webkit-filter: var(--led-filter-red); + filter: var(--led-filter-red); } -img.led-link-connecting { +img.led-yellow { -webkit-filter: var(--led-filter-yellow); filter: var(--led-filter-yellow); } -img.led-fan-on { +img.led-green-rotating-medium { -webkit-filter: var(--led-filter-green); filter: var(--led-filter-green); -webkit-animation: var(--led-spin-medium); animation: var(--led-spin-medium); } -img.led-fan-slow { +img.led-yellow-rotating-slow { -webkit-filter: var(--led-filter-yellow); filter: var(--led-filter-yellow); -webkit-animation: var(--led-spin-slow); animation: var(--led-spin-slow); } -img.led-fan-fail { - -webkit-filter: var(--led-filter-red); - filter: var(--led-filter-red); +img.led-yellow-rotating-fast { + -webkit-filter: var(--led-filter-yellow); + filter: var(--led-filter-yellow); + -webkit-animation: var(--led-spin-fast); + animation: var(--led-spin-fast); } |