pds.dad
WIP: My personal website
796 B
37 lines
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:
7 light --default,
8 dark --prefersdark;
9}
10
11@theme {
12 --font-urbanist: 'Urbanist', sans-serif;
13}
14
15/* Scroll-reveal: elements start hidden and animate in when scrolled into view.
16 Driven by the `use:reveal` action, which adds `.is-visible`. */
17.reveal {
18 opacity: 0;
19 transform: translateY(1.5rem);
20 transition:
21 opacity 0.7s ease-out,
22 transform 0.7s ease-out;
23 will-change: opacity, transform;
24}
25
26.reveal.is-visible {
27 opacity: 1;
28 transform: none;
29}
30
31@media (prefers-reduced-motion: reduce) {
32 .reveal {
33 opacity: 1;
34 transform: none;
35 transition: none;
36 }
37}