-
Notifications
You must be signed in to change notification settings - Fork 0
/
tailwind.config.js
70 lines (65 loc) · 2.11 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
const plugin = require('tailwindcss/plugin');
const colors = require('tailwindcss/colors');
const { join } = require('path');
module.exports = {
content: [
join(__dirname, 'packages', '**', '*.vue'),
],
theme: {
extend: {
colors: {
gray: colors.neutral,
system: {
text: {
DEFAULT: 'var(--color-text)',
secondary: 'var(--color-text-secondary)',
control: 'var(--color-text-control)',
'selected-control': 'var(--color-text-selected-control)',
},
background: {
'nav-bar': 'var(--color-nav-bar-background)',
control: 'var(--color-control-background)',
'selected-content': 'var(--color-selected-content-background)',
'under-page': 'var(--color-under-page-background)',
window: 'var(--color-window-background)',
},
accent: 'var(--color-accent)',
separator: 'var(--color-separator)',
divider: 'var(--color-divider)',
},
},
},
},
plugins: [
require('@tailwindcss/forms'),
plugin(function({ addUtilities, addVariant, e }) {
addVariant('macos', ({ modifySelectors, separator }) => {
modifySelectors(({ className }) => {
return `html.darwin .${e(`macos${separator}${className}`)}`;
});
});
addVariant('windows', ({ modifySelectors, separator }) => {
modifySelectors(({ className }) => {
return `html.win32 .${e(`windows${separator}${className}`)}`;
});
});
addVariant('window-blur', ({ modifySelectors, separator }) => {
modifySelectors(({ className }) => {
return `html.blur .${e(`window-blur${separator}${className}`)}`;
});
});
addUtilities({
'.app-region-drag': {
WebkitAppRegion: 'drag',
},
'.app-region-no-drag': {
WebkitAppRegion: 'no-drag',
},
});
addUtilities({
'.items-first-baseline': { 'align-items': 'first baseline' },
'.items-last-baseline': { 'align-items': 'last baseline' },
});
}),
],
};