-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathtailwind.config.js
76 lines (76 loc) · 6.04 KB
/
tailwind.config.js
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
/** @type {import('tailwindcss').Config} */
export default {
content: ['./src/**/*.{html,js,svelte,ts}'],
theme: {
fontSize: {
sm: ['20px', '21px'],
base: ['24px', '25px'],
lg: ['28px', '29px'],
xl: ['32px', '33px'],
'2xl': ['36px', '38px'],
'3xl': ['40px', '42px'],
'4xl': ['44px', '50px'],
'5xl': ['52px', '62px'],
'6xl': ['100px', '120px'],
},
fontFamily: {
'SFPro-Round-Black': ['SFPro-Round-Black','Helvetica Neue','Helvetica','Arial','sans-serif'],
'SFPro-Round-Bold': ['SFPro-Round-Bold','Helvetica Neue','Helvetica','Arial','sans-serif'],
'SFPro-Round-Heavy': ['SFPro-Round-Heavy','Helvetica Neue','Helvetica','Arial','sans-serif'],
'SFPro-Round-Light': ['SFPro-Round-Light','Helvetica Neue','Helvetica','Arial','sans-serif'],
'SFPro-Round-Medium': ['SFPro-Round-Medium','Helvetica Neue','Helvetica','Arial','sans-serif'],
'SFPro-Round-Regular': ['SFPro-Round-Regular','Helvetica Neue','Helvetica','Arial','sans-serif'],
'SFPro-Round-Semibold': ['SFPro-Round-Semibold','Helvetica Neue','Helvetica','Arial','sans-serif'],
'SFPro-Round-Thin': ['SFPro-Round-Thin','Helvetica Neue','Helvetica','Arial','sans-serif'],
'SFPro-Round-Ultralight': ['SFPro-Round-Ultralight','Helvetica Neue','Helvetica','Arial','sans-serif'],
'SFPro-Display-Black': ['SFPro-Display-Black', 'Helvetica Neue', 'Helvetica', 'Arial', 'sans-serif'],
'SFPro-Display-BlackItalic': ['SFPro-Display-BlackItalic', 'Helvetica Neue', 'Helvetica', 'Arial', 'sans-serif'],
'SFPro-Display-Bold': ['SFPro-Display-Bold', 'Helvetica Neue', 'Helvetica', 'Arial', 'sans-serif'],
'SFPro-Display-BoldItalic': ['SFPro-Display-BoldItalic', 'Helvetica Neue', 'Helvetica', 'Arial', 'sans-serif'],
'SFPro-Display-Heavy': ['SFPro-Display-Heavy', 'Helvetica Neue', 'Helvetica', 'Arial', 'sans-serif'],
'SFPro-Display-HeavyItalic': ['SFPro-Display-HeavyItalic', 'Helvetica Neue', 'Helvetica', 'Arial', 'sans-serif'],
'SFPro-Display-Light': ['SFPro-Display-Light', 'Helvetica Neue', 'Helvetica', 'Arial', 'sans-serif'],
'SFPro-Display-LightItalic': ['SFPro-Display-LightItalic', 'Helvetica Neue', 'Helvetica', 'Arial', 'sans-serif'],
'SFPro-Display-Medium': ['SFPro-Display-Medium', 'Helvetica Neue', 'Helvetica', 'Arial', 'sans-serif'],
'SFPro-Display-MediumItalic': ['SFPro-Display-MediumItalic', 'Helvetica Neue', 'Helvetica', 'Arial', 'sans-serif'],
'SFPro-Display-Regular': ['SFPro-Display-Regular', 'Helvetica Neue', 'Helvetica', 'Arial', 'sans-serif'],
'SFPro-Display-RegularItalic': ['SFPro-Display-RegularItalic', 'Helvetica Neue', 'Helvetica', 'Arial', 'sans-serif'],
'SFPro-Display-Semibold': ['SFPro-Display-Semibold', 'Helvetica Neue', 'Helvetica', 'Arial', 'sans-serif'],
'SFPro-Display-SemiboldItalic': ['SFPro-Display-SemiboldItalic', 'Helvetica Neue', 'Helvetica', 'Arial', 'sans-serif'],
'SFPro-Display-Thin': ['SFPro-Display-Thin', 'Helvetica Neue', 'Helvetica', 'Arial', 'sans-serif'],
'SFPro-Display-ThinItalic': ['SFPro-Display-ThinItalic', 'Helvetica Neue', 'Helvetica', 'Arial', 'sans-serif'],
'SFPro-Display-Ultralight': ['SFPro-Display-Ultralight', 'Helvetica Neue', 'Helvetica', 'Arial', 'sans-serif'],
'SFPro-Display-UltralightItalic': ['SFPro-Display-UltralightItalic', 'Helvetica Neue', 'Helvetica', 'Arial', 'sans-serif'],
'SFPro-Text-Black': ['SFPro-Text-Black', 'Helvetica Neue', 'Helvetica', 'Arial', 'sans-serif'],
'SFPro-Text-BlackItalic': ['SFPro-Text-BlackItalic', 'Helvetica Neue', 'Helvetica', 'Arial', 'sans-serif'],
'SFPro-Text-Bold': ['SFPro-Text-Bold', 'Helvetica Neue', 'Helvetica', 'Arial', 'sans-serif'],
'SFPro-Text-BoldItalic': ['SFPro-Text-BoldItalic', 'Helvetica Neue', 'Helvetica', 'Arial', 'sans-serif'],
'SFPro-Text-Heavy': ['SFPro-Text-Heavy', 'Helvetica Neue', 'Helvetica', 'Arial', 'sans-serif'],
'SFPro-Text-HeavyItalic': ['SFPro-Text-HeavyItalic', 'Helvetica Neue', 'Helvetica', 'Arial', 'sans-serif'],
'SFPro-Text-Light': ['SFPro-Text-Light', 'Helvetica Neue', 'Helvetica', 'Arial', 'sans-serif'],
'SFPro-Text-LightItalic': ['SFPro-Text-LightItalic', 'Helvetica Neue', 'Helvetica', 'Arial', 'sans-serif'],
'SFPro-Text-Medium': ['SFPro-Text-Medium', 'Helvetica Neue', 'Helvetica', 'Arial', 'sans-serif'],
'SFPro-Text-MediumItalic': ['SFPro-Text-MediumItalic', 'Helvetica Neue', 'Helvetica', 'Arial', 'sans-serif'],
'SFPro-Text-Regular': ['SFPro-Text-Regular', 'Helvetica Neue', 'Helvetica', 'Arial', 'sans-serif'],
'SFPro-Text-RegularItalic': ['SFPro-Text-RegularItalic', 'Helvetica Neue', 'Helvetica', 'Arial', 'sans-serif'],
'SFPro-Text-Semibold': ['SFPro-Text-Semibold', 'Helvetica Neue', 'Helvetica', 'Arial', 'sans-serif'],
'SFPro-Text-SemiboldItalic': ['SFPro-Text-SemiboldItalic', 'Helvetica Neue', 'Helvetica', 'Arial', 'sans-serif'],
'SFPro-Text-Thin': ['SFPro-Text-Thin', 'Helvetica Neue', 'Helvetica', 'Arial', 'sans-serif'],
'SFPro-Text-ThinItalic': ['SFPro-Text-ThinItalic', 'Helvetica Neue', 'Helvetica', 'Arial', 'sans-serif'],
'SFPro-Text-Ultralight': ['SFPro-Text-Ultralight', 'Helvetica Neue', 'Helvetica', 'Arial', 'sans-serif'],
'SFPro-Text-UltralightItalic': ['SFPro-Text-UltralightItalic', 'Helvetica Neue', 'Helvetica', 'Arial', 'sans-serif'],
},
extend: {},
},
plugins: [require('daisyui'),],
daisyui: {
themes: false,
darkTheme: "light",
base: true, // applies background color and foreground color for root element by default
styled: true, // include daisyUI colors and design decisions for all components
utils: true, // adds responsive and modifier utility classes
rtl: false, // rotate style direction from left-to-right to right-to-left. You also need to add dir="rtl" to your html tag and install `tailwindcss-flip` plugin for Tailwind CSS.
prefix: "", // prefix for daisyUI classnames (components, modifiers and responsive class names. Not colors)
logs: true, // Shows info about daisyUI version and used config in the console when building your CSS
},
}