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
|
module.exports = {
purge: false, //in postcss.config.js
theme: {
textIndent: { // defaults to {}
'1': '1rem',
'2': '2rem',
},
textShadow: { // defaults to {}
'default': '0 2px 5px rgba(0, 0, 0, 0.5)',
'lg': '0 2px 10px rgba(0, 0, 0, 0.5)',
},
extend: {
fontFamily: {
'sans': '"Source Han Sans SC", "Source Han Sans CN","Noto Sans CJK SC", "Noto Sans", -apple-system, "Helvetica Neue", Helvetica, "Nimbus Sans L", Arial, "Liberation Sans", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Wenquanyi Micro Hei", "WenQuanYi Zen Hei", "ST Heiti", SimHei, "WenQuanYi Zen Hei Sharp", sans-serif',
//For varible font usage sometimes
// 'serif': '"Source Han Serif CN Variable", "Source Han Serif SC", "Source Han Serif CN","Noto Serif CJK SC", "Songti SC", STSong, "AR PL New Sung", "AR PL SungtiL GB", NSimSun, SimSun, "TW\-Sung", "WenQuanYi Bitmap Song", "AR PL UMing CN", "AR PL UMing HK", "AR PL UMing TW", "AR PL UMing TW MBE", PMingLiU, MingLiU, serif',
'serif': '"Source Han Serif SC", "Source Han Serif CN","Noto Serif CJK SC", "Songti SC", STSong, "AR PL New Sung", "AR PL SungtiL GB", NSimSun, SimSun, "TW\-Sung", "WenQuanYi Bitmap Song", "AR PL UMing CN", "AR PL UMing HK", "AR PL UMing TW", "AR PL UMing TW MBE", PMingLiU, MingLiU, serif',
'cursive': 'FancyTitleFont,"Source Han Serif SC", "Source Han Serif CN", "Noto Serif CJK SC", "Songti SC", STSong, "AR PL New Sung", "AR PL SungtiL GB", NSimSun, SimSun, "TW\-Sung", "WenQuanYi Bitmap Song", "AR PL UMing CN", "AR PL UMing HK", "AR PL UMing TW", "AR PL UMing TW MBE", PMingLiU, MingLiU, serif',
'mono': "'Fira Code','Cascadia Code',Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New','Sarasa Mono SC','Noto Sans CJK SC','monospace', monospace"
},
minHeight: {
'70vh': '70vh'
},
minWidth: {
'0.7': "70%",
'0.4': "40%"
},
inset: {
"-1": "-0.25rem"
},
flexGrow: {
"3": 3
},
maxHeight: {
'16': '5rem'
},
maxWidth: {
'xxs': '15em',
'xxxs': '5rem'
},
colors: { // color scheme:
// https://javisperez.github.io/tailwindcolorshades/#/?blue-stone=085f63&java=49beb7&golden-tainoi=facf5a&eucalyptus=028760&Medium%20Red%20Violet=c64191&tv=1
'eucalyptus': {
100: '#E6F3EF',
200: '#C0E1D7',
300: '#9ACFBF',
400: '#4EAB90',
500: '#028760',
600: '#027A56',
700: '#01513A',
800: '#013D2B',
900: '#01291D',
},
'java': {
100: '#EDF9F8',
200: '#D2EFED',
300: '#B6E5E2',
400: '#80D2CD',
500: '#49BEB7',
600: '#42ABA5',
700: '#2C726E',
800: '#215652',
900: '#163937',
},
'golden-tainoi': {
100: '#FFFAEF',
200: '#FEF3D6',
300: '#FDECBD',
400: '#FCDD8C',
500: '#FACF5A',
600: '#E1BA51',
700: '#967C36',
800: '#715D29',
900: '#4B3E1B',
},
'medium-red-violet': {
100: '#F9ECF4',
200: '#F1D0E4',
300: '#E8B3D3',
400: '#D77AB2',
500: '#C64191',
600: '#B23B83',
700: '#772757',
800: '#591D41',
900: '#3B142C',
},
gray: { //from tailwindCSS v1.x
100: '#f7fafc',
200: '#edf2f7',
300: '#e2e8f0',
400: '#cbd5e0',
500: '#a0aec0',
600: '#718096',
700: '#4a5568',
800: '#2d3748',
900: '#1a202c',
},
},
},
},
variants: {},
// plugins: [
// require('@tailwindcss/typography'),
// // ...
// ],
// plugins: [require('tailwindcss-typography')({
// // all these options default to the values specified here
// ellipsis: true, // whether to generate ellipsis utilities
// hyphens: true, // whether to generate hyphenation utilities
// kerning: true, // whether to generate kerning utilities
// textUnset: true, // whether to generate utilities to unset text properties
// componentPrefix: 'c-', // the prefix to use for text style classes
// }),],
}
|