sei-docs/tailwind.config.ts at main · sei-protocol/sei-docs · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
import type { Config } from 'tailwindcss';

const config: Config = {
	darkMode: 'class',
	content: ['./components/**/*.{js,ts,jsx,tsx,mdx}', './app/**/*.{js,ts,jsx,tsx,mdx}', './src/**/*.{js,ts,jsx,tsx,mdx}', './content/**/*.{js,ts,jsx,tsx,mdx}'],
	theme: {
		extend: {
			colors: {
				sei: {
					black: '#000000',
					white: '#ffffff',
					cream: '#e6d4c3',
					live: '#38df00',
					error: '#fa0c00',
					grey: {
						25: '#f5f5f7',
						30: '#ececee',
						50: '#cccccc',
						75: '#999999',
						100: '#999999',
						200: '#666666',
						300: '#333333',
						400: '#333333',
						600: '#131313'
					},
					maroon: {
						25: '#b99ba1',
						50: '#b05c6c',
						100: '#600014',
						200: '#34050d'
					},
					gold: {
						25: '#d6c9ac',
						100: '#966f22',
						200: '#5d4a22',
						400: '#3e3115',
						600: '#1f180a'
					}
				}
			},
			fontFamily: {
				display: ['"Inter"', 'system-ui', '-apple-system', 'sans-serif'],
				body: ['"Inter"', 'system-ui', '-apple-system', 'sans-serif'],
				mono: ['"JetBrains Mono"', '"SF Mono"', '"Fira Code"', '"Cascadia Code"', 'monospace']
			},
			fontSize: {
				d1: ['95px', { lineHeight: '0.9', letterSpacing: '-3px', fontWeight: '685' }],
				d2: ['70px', { lineHeight: '0.9', letterSpacing: '-2px', fontWeight: '685' }],
				h1: ['60px', { lineHeight: '0.95', letterSpacing: '-1px', fontWeight: '685' }],
				h2: ['56px', { lineHeight: '0.95', letterSpacing: '-1px', fontWeight: '685' }],
				h3: ['45px', { lineHeight: '0.9', letterSpacing: '-1px', fontWeight: '685' }],
				'subtitle-lg': ['24px', { lineHeight: '1', letterSpacing: '-2px', fontWeight: '400' }],
				'subtitle-sm': ['20px', { lineHeight: '1.1', letterSpacing: '0', fontWeight: '685' }],
				'body-lg': ['40px', { lineHeight: '1', letterSpacing: '-2px', fontWeight: '400' }],
				'body-md': ['20px', { lineHeight: '1.1', letterSpacing: '-1.9px', fontWeight: '350' }],
				'body-sm': ['16px', { lineHeight: '1.2', letterSpacing: '0', fontWeight: '350' }],
				'body-xs': ['14px', { lineHeight: '1.2', letterSpacing: '0', fontWeight: '400' }],
				button: ['12px', { lineHeight: '1.2', letterSpacing: '-1px', fontWeight: '400' }],
				'button-sm': ['10px', { lineHeight: '1.2', letterSpacing: '-1px', fontWeight: '400' }],
				nav: ['12px', { lineHeight: '1.2', letterSpacing: '0', fontWeight: '400' }],
				meta: ['12px', { lineHeight: '1.2', letterSpacing: '0', fontWeight: '400' }],
				supporting: ['12px', { lineHeight: '1.2', letterSpacing: '0', fontWeight: '400' }],
				'supporting-sm': ['9px', { lineHeight: '1.3', letterSpacing: '2px', fontWeight: '400' }]
			},
			borderRadius: {
				button: '64px'
			}
		}
	},
	plugins: []
};
export default config;