margin.at
Write on the margins of the internet. Powered by the AT Protocol.
margin.at
extension
web
atproto
comments
scanash.com
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: '#eff6ff',
13 100: '#dbeafe',
14 200: '#bfdbfe',
15 300: '#93c5fd',
16 400: '#60a5fa',
17 500: '#3b82f6',
18 600: '#2563eb',
19 700: '#1d4ed8',
20 800: '#1e40af',
21 900: '#1e3a8a',
22 950: '#172554',
23 },
24 surface: {
25 50: '#fafafa',
26 100: '#f4f4f5',
27 200: '#e4e4e7',
28 300: '#d4d4d8',
29 400: '#a1a1aa',
30 500: '#71717a',
31 600: '#52525b',
32 700: '#3f3f46',
33 800: '#27272a',
34 900: '#18181b',
35 950: '#09090b',
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};