Create your Link in Bio for Bluesky
linkat.blue
1import typography from "@tailwindcss/typography";
2import daisyui from "daisyui";
3import type { Config } from "tailwindcss";
4import plugin from "tailwindcss/plugin";
5import animate from "tailwindcss-animate";
6
7// https://stackoverflow.com/questions/77742654/tailwindcss-how-to-do-a-light-mode-only-modification
8const lightSelectorPlugin = plugin((api) => {
9 api.addVariant("light", ".light &");
10 api.addVariant("light", "html:not(.dark) &");
11 api.addVariant("light", "@media (prefers-color-scheme: light)");
12});
13
14export default {
15 content: ["./app/**/{**,.client,.server}/**/*.{js,jsx,ts,tsx}"],
16 theme: {
17 screens: {
18 sm: "430px",
19 },
20 fontFamily: {
21 murecho: ["murecho", "sans-serif"],
22 },
23 },
24 plugins: [typography, daisyui, animate, lightSelectorPlugin],
25 // https://daisyui.com/docs/config/
26 daisyui: {
27 logs: false,
28 },
29} satisfies Config;