| @@ -91,8 +91,41 @@ | ||
| 91 | 91 | background-clip: text; |
| 92 | 92 | -webkit-background-clip: text; |
| 93 | 93 | animation: extendify-status-animation 2s linear 1s infinite; |
| 94 | 94 | } |
| 95 | +::highlight(key) { | |
| 96 | + color: #953800; | |
| 97 | +} | |
| 98 | +::highlight(string) { | |
| 99 | + color: #116329; | |
| 100 | +} | |
| 101 | +::highlight(numeric), | |
| 102 | +::highlight(boolean), | |
| 103 | +::highlight(constant) { | |
| 104 | + color: #0550ae; | |
| 105 | +} | |
| 106 | +.status-scribble { | |
| 107 | + stroke-dasharray: 1; | |
| 108 | + stroke-dashoffset: 1; | |
| 109 | + animation: extendify-status-scribble 2.4s ease-in-out infinite; | |
| 110 | +} | |
| 111 | +@keyframes extendify-status-scribble { | |
| 112 | + 0% { | |
| 113 | + stroke-dashoffset: 1; | |
| 114 | + } | |
| 115 | + 50% { | |
| 116 | + stroke-dashoffset: 0; | |
| 117 | + } | |
| 118 | + 100% { | |
| 119 | + stroke-dashoffset: -1; | |
| 120 | + } | |
| 121 | +} | |
| 122 | +@media (prefers-reduced-motion: reduce) { | |
| 123 | + .status-scribble { | |
| 124 | + animation: none; | |
| 125 | + stroke-dashoffset: 0; | |
| 126 | + } | |
| 127 | +} | |
| 95 | 128 | @keyframes extendify-status-animation { |
| 96 | 129 | 0% { |
| 97 | 130 | background-position: 100% 50%; |
| 98 | 131 | } |