diff options
| author | Devaev Maxim <[email protected]> | 2018-12-15 04:29:40 +0300 |
|---|---|---|
| committer | Devaev Maxim <[email protected]> | 2018-12-15 04:29:40 +0300 |
| commit | 3c33bd37190772a783369894e209bcfe0858177a (patch) | |
| tree | e095f08f37371a3182f6ced0b280c4bcaa06983b /web/css/leds.css | |
| parent | 3445766a50eab16a96d969397a6fe0422f7cfcd2 (diff) | |
own auth
Diffstat (limited to 'web/css/leds.css')
| -rw-r--r-- | web/css/leds.css | 63 |
1 files changed, 0 insertions, 63 deletions
diff --git a/web/css/leds.css b/web/css/leds.css deleted file mode 100644 index fe23a434..00000000 --- a/web/css/leds.css +++ /dev/null @@ -1,63 +0,0 @@ -@-webkit-keyframes spin { - 100% { - -webkit-transform: rotate(360deg); - } -} -@keyframes spin { - 100% { - -webkit-transform: rotate(360deg); - transform: rotate(360deg); - } -} - -:root { - --led-filter-gray: invert(0.5); - --led-filter-green: invert(0.5) sepia(1) saturate(5) hue-rotate(100deg); - --led-filter-red: invert(0.5) sepia(1) saturate(15) hue-rotate(320deg); - --led-filter-yellow: invert(0.5) sepia(1) saturate(5) hue-rotate(0deg); - - --led-spin-slow: spin 6s linear infinite; - --led-spin-medium: spin 3s linear infinite; - --led-spin-fast: spin 2s linear infinite; -} - -img.led-gray { - -webkit-filter: var(--led-filter-gray); - filter: var(--led-filter-gray); -} - -img.led-green { - -webkit-filter: var(--led-filter-green); - filter: var(--led-filter-green); -} - -img.led-red { - -webkit-filter: var(--led-filter-red); - filter: var(--led-filter-red); -} - -img.led-yellow { - -webkit-filter: var(--led-filter-yellow); - filter: var(--led-filter-yellow); -} - -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-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-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); -} |