github-downloader/tailwind.config.ts at main · lenadweb/github-downloader · 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
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
import type { Config } from 'tailwindcss';

const pxSizes = {
    '0.5': '2px',
    '1': '4px',
    '1.5': '6px',
    '2': '8px',
    '2.5': '10px',
    '3': '12px',
    '3.5': '14px',
    '4': '16px',
    '5': '20px',
    '6': '24px',
    '7': '28px',
    '8': '32px',
    '9': '36px',
    '10': '40px',
    '11': '44px',
    '12': '48px',
    '13': '52px',
    '14': '56px',
    '15': '60px',
    '16': '64px',
    '20': '80px',
    '24': '96px',
    '28': '112px',
    '32': '128px',
    '36': '144px',
    '40': '160px',
    '44': '176px',
    '48': '192px',
    '52': '208px',
    '56': '224px',
    '60': '240px',
    '64': '256px',
    '72': '288px',
    '80': '320px',
    '96': '384px',
};
export default {
    content: ['./src/**/*.{js,ts,jsx,tsx}'],
    theme: {
        extend: {
            fontFamily: {
                sans: ['Montserrat', 'sans-serif'],
            },
            borderRadius: {
                none: '0px',
                sm: '2px',
                DEFAULT: '4px',
                md: '6px',
                lg: '10px',
                full: '999999px',
            },
            boxShadow: {
                '3xl': '0px 4px 18px 0px #0F0F0F1A;',
            },
            colors: {
                main: '#1d5799',
                disabled: '#666',
                search: '#eff0f2',
                'search-border': '#b7b7b7',
                tooltip: 'rgb(58,58,58)',
                'black-main': '#0F0F0F',
            },
            spacing: pxSizes,
            fontSize: {
                ss: '9px',
                xxs: '10.5px',
                xs: '14px',
                sm: '18px',
                base: '22px',
                md: '22px',
                lg: '28px',
                xl: '32px',
                '2xl': '24px',
                '3xl': '30px',
                '4xl': '36px',
                '5xl': '48px',
                '6xl': '60px',
                '7xl': '72px',
            },
            width: pxSizes,
            height: pxSizes,
            minWidth: pxSizes,
            minHeight: pxSizes,
            lineHeight: {
                '1': '4px',
                '1.5': '6px',
                '2': '8px',
                '2.5': '10px',
                '3': '12px',
                '3.5': '14px',
                '4': '16px',
                '4.5': '18px',
                '5': '20px',
                '5.5': '22px',
                '6': '24px',
                '6.5': '26px',
                '7': '28px',
                '7.5': '30px',
                '8': '32px',
                '8.5': '34px',
                '9': '36px',
                '9.5': '38px',
                '10': '40px',
                '11': '44px',
                '12': '48px',
                '13': '52px',
                '14': '56px',
                '15': '60px',
                '16': '64px',
            },
            zIndex: {
                max: '2147483647',
                tooltip: '2147483647',
            },
        },
    },
    plugins: [],
} satisfies Config;