handy online tools for AT Protocol
boat.kelinci.net
mary.my.id
atproto
bluesky
atcute
typescript
solidjs
1import plugin from 'tailwindcss/plugin';
2
3import forms from '@tailwindcss/forms';
4
5/** @type {import('tailwindcss').Config} */
6export default {
7 content: ['./src/**/*.tsx'],
8 theme: {
9 fontFamily: {
10 sans: `"Inter", "Roboto", ui-sans-serif, sans-serif, "Noto Color Emoji", "Twemoji Mozilla"`,
11 mono: `"JetBrains Mono NL", ui-monospace, monospace`,
12 },
13 },
14 corePlugins: {
15 outlineStyle: false,
16 },
17 future: {
18 hoverOnlyWhenSupported: true,
19 },
20 plugins: [
21 forms(),
22 plugin(({ addVariant, addUtilities }) => {
23 addVariant('modal', '&:modal');
24 addVariant('focus-within', '&:has(:focus-visible)');
25 // addVariant('hover', '.is-mouse &:hover');
26 // addVariant('group-hover', '.is-mouse .group &:hover');
27
28 addUtilities({
29 '.scrollbar-hide': {
30 '-ms-overflow-style': 'none',
31 'scrollbar-width': 'none',
32
33 '&::-webkit-scrollbar': {
34 display: 'none',
35 },
36 },
37
38 '.outline-none': { 'outline-style': 'none' },
39 '.outline': { 'outline-style': 'solid' },
40 '.outline-dashed': { 'outline-style': 'dashed' },
41 '.outline-dotted': { 'outline-style': 'dotted' },
42 '.outline-double': { 'outline-style': 'double' },
43 });
44 }),
45 ],
46};