Diff options
| author | Bryce Kwon <bryce@brycekwon.com> | |
|---|---|---|
| committer | Bryce Kwon <bryce@brycekwon.com> | |
| commit | ||
| parent | ||
| tree | ||
| download | ||
Fade colour changes and the line highlight in
Diffstat (limited to 'assets')
| -rw-r--r-- | assets/cgit.css | 20 |
1 file changed, 20 insertions, 0 deletions
diff --git a/assets/cgit.css b/assets/cgit.css index 198b176..9c0cce8 100644 --- a/assets/cgit.css +++ b/assets/cgit.css @@ -1446,3 +1446,23 @@ div#cgit table.ssdiff td.space { filter: brightness(1.5); } } + +@media (prefers-reduced-motion: no-preference) { + div#cgit a, + div#cgit table.list tr, + div#cgit input, + div#cgit select, + div#cgit button { + transition: color 0.12s ease, background-color 0.12s ease, border-color 0.12s ease; + } + + div#cgit div.line-hl { + animation: cgit-fade-in 0.16s ease-out; + } + + @keyframes cgit-fade-in { + from { + opacity: 0; + } + } +} |