A world-class math input for the web
at main 75 lines 1.5 kB view raw
1@import "tailwindcss"; 2 3@theme { 4 --font-serif: 5 Lora, Cambria, Georgia, "Times New Roman", Times, ui-serif, serif; 6 7 --animate-hop: hop 400ms forwards; 8 9 @keyframes hop { 10 0%, 11 100% { 12 transform: translateY(0); 13 animation-timing-function: ease-in; 14 } 15 20% { 16 transform: translateY(-5px); 17 animation-timing-function: linear( 18 0, 19 -0.02 5.3%, 20 -0.03 9.4%, 21 -0.033 12.8%, 22 -0.031 14.3%, 23 -0.026 15.8%, 24 -0.02 17.2%, 25 -0.011 18.6%, 26 0 19.9%, 27 0.014 21.2%, 28 0.048 23.6%, 29 0.093 25.9%, 30 0.152 28.2%, 31 0.225 30.5%, 32 0.309 32.7%, 33 0.408 34.9%, 34 0.522 37.1%, 35 0.654 39.4%, 36 0.999 44.7%, 37 0.609 50.6%, 38 0.492 52.6%, 39 0.401 54.4%, 40 0.327 56.2%, 41 0.275 57.9%, 42 0.255 58.8%, 43 0.243 59.6%, 44 0.235 60.4%, 45 0.233 61.2%, 46 0.235 62%, 47 0.242 62.7%, 48 0.254 63.5%, 49 0.271 64.3%, 50 0.32 65.9%, 51 0.386 67.5%, 52 0.551 70.5%, 53 0.997 77.4%, 54 0.998 77.5%, 55 0.88 79.8%, 56 0.813 81.6%, 57 0.787 82.6%, 58 0.77 83.5%, 59 0.759 84.4%, 60 0.756 85.4%, 61 0.758 86.1%, 62 0.764 86.9%, 63 0.774 87.7%, 64 0.791 88.6%, 65 0.828 90.2%, 66 0.929 94%, 67 0.971 96%, 68 0.985 97%, 69 0.994 97.9%, 70 0.999 98.9%, 71 1 72 ); 73 } 74 } 75}