Warianty aurory

Ten sam przycisk, sześć algorytmów ruchu blobów - wszystkie czystym CSS na identycznej strukturze warstw (label / sheen / glass / frost / blobs x6). Ruch odsłania się z treści; przy reduced-motion bloby stygną w miejscu.

Legacy: paleta tęczowa (paleta="aurora")

Tęcza nie jest już domyślna - portal ma jeden akcent, limonkę. Ten rząd istnieje po to, żeby było widać, co dostaniesz po jawnym wpisaniu paleta="aurora", i żeby dało się porównać ruch blobów między paletami.

Rozmiary (wariant fala)

Paleta limonkowa (paleta="limonka" - DOMYŚLNA)

Tak wygląda przycisk bez podawania propsa. Ta sama mechanika warstw i te same keyframes co w tęczy, wyłącznie inna paleta: sześć blobów bierze odcienie --ax-limonka-1..5, a podkład to --ax-limonka-gradient rozciągnięty do 200%, więc hover przesuwa gradient w bok. Tekst zawsze #111 - najciemniejszy odcień daje 7,70:1. Przy reduced-motion bloby znikają, zostaje płaska --ax-limonka-3.