@media (prefers-reduced-motion: no-preference) { /* Scrolling pride flag text */ #bio span[id], footer span { font-family: "Nosey Rodent", sans-serif; font-weight: bold; color: transparent; background-clip: text; filter: var(--outlined); background-repeat: repeat; background-size: 200% 100%; background-position: 0% 50%; animation: slide 5s linear infinite; transition: color var(--trans); } } @media (prefers-reduced-motion: reduce) { /* Buttons */ :is(a, button), span:has(a) { transition: none; } /* Permalinks */ .header-anchor, main article pre { transition: none; } /* Images */ #gallery a:has(figure), #blog main article figure, a img { transition: none; } .emoji:has(img[alt*="🐇"]) { & img { opacity: 0; } &::after { position: absolute; content: "🐇"; } } /* Scrolling pride flag text */ #bio span[id] { transition: none; animation: none; color: inherit; background-clip: initial; background: initial; &::before { content: ""; display: inline-flex; width: 2rem; height: 1.25rem; margin: 0 2px; background-repeat: repeat-x; border-radius: 2px; top: 4px; position: relative; } } footer span { width: 100%; } #aromantic::before { background-image: url("/assets/img/flag/aromantic.svg"); } #agender::before { background-image: url("/assets/img/flag/agender.svg"); } #pansexual::before { background-image: url("/assets/img/flag/pansexual.svg"); } /* Jumping critters */ #pkmn span:hover { animation: none; transform: translateY(-4px); } #art div { transform: none; } main article > .postscript { & p, p > img { transition: none; } } #blog #posts a { transition: none; } }