WIP: My personal website
1@import url('https://fonts.googleapis.com/css2?family=Urbanist:ital,wght@0,100..900;1,100..900&display=swap');
2@import 'tailwindcss';
3@plugin '@tailwindcss/forms';
4@plugin '@tailwindcss/typography';
5@plugin 'daisyui' {
6 themes: retro --default;
7}
8
9@theme {
10 --font-urbanist: 'Urbanist', sans-serif;
11}
12
13/* Scroll-reveal: elements start hidden and animate in when scrolled into view.
14 Driven by the `use:reveal` action, which adds `.is-visible`. */
15.reveal {
16 opacity: 0;
17 transform: translateY(1.5rem);
18 transition:
19 opacity 0.7s ease-out,
20 transform 0.7s ease-out;
21 will-change: opacity, transform;
22}
23
24.reveal.is-visible {
25 opacity: 1;
26 transform: none;
27}
28
29@media (prefers-reduced-motion: reduce) {
30 .reveal {
31 opacity: 1;
32 transform: none;
33 transition: none;
34 }
35}