Write on the margins of the internet. Powered by the AT Protocol.
margin.at
extension
web
atproto
comments
1/** @type {import('tailwindcss').Config} */
2export default {
3 content: ['./src/**/*.{html,js,ts,jsx,tsx}'],
4 theme: {
5 extend: {
6 fontFamily: {
7 sans: ['Inter', 'system-ui', '-apple-system', 'BlinkMacSystemFont', 'sans-serif'],
8 display: ['Outfit', 'system-ui', 'sans-serif'],
9 },
10 colors: {
11 primary: {
12 50: '#f5f3ff',
13 100: '#ede9fe',
14 200: '#ddd6fe',
15 300: '#c4b5fd',
16 400: '#a78bfa',
17 500: '#8b5cf6',
18 600: '#7c3aed',
19 700: '#6d28d9',
20 800: '#5b21b6',
21 900: '#4c1d95',
22 950: '#2e1065',
23 },
24 surface: {
25 50: '#f8fafc',
26 100: '#f1f5f9',
27 200: '#e2e8f0',
28 300: '#cbd5e1',
29 400: '#94a3b8',
30 500: '#64748b',
31 600: '#475569',
32 700: '#334155',
33 800: '#1e293b',
34 900: '#0f172a',
35 950: '#020617',
36 },
37 },
38 animation: {
39 'fade-in': 'fadeIn 0.3s ease-out',
40 'slide-up': 'slideUp 0.3s ease-out',
41 'scale-in': 'scaleIn 0.2s ease-out',
42 },
43 keyframes: {
44 fadeIn: {
45 '0%': { opacity: '0' },
46 '100%': { opacity: '1' },
47 },
48 slideUp: {
49 '0%': { opacity: '0', transform: 'translateY(8px)' },
50 '100%': { opacity: '1', transform: 'translateY(0)' },
51 },
52 scaleIn: {
53 '0%': { opacity: '0', transform: 'scale(0.95)' },
54 '100%': { opacity: '1', transform: 'scale(1)' },
55 },
56 },
57 },
58 },
59 plugins: [],
60};