-
Notifications
You must be signed in to change notification settings - Fork 0
/
uno.config.ts
106 lines (103 loc) · 2.49 KB
/
uno.config.ts
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
import {
defineConfig,
presetTypography,
presetUno,
presetWebFonts,
} from 'unocss';
import { presetKobalte } from 'unocss-preset-primitives';
export default defineConfig({
presets: [
presetUno(),
presetWebFonts({
provider: 'none',
}),
presetTypography({
selectorName: 'mx-prose',
cssExtend: {
a: {
'word-break': 'break-word',
},
blockquote: {
'border-left': '.15em solid currentColor',
'padding-left': '.5em',
margin: '.1em 0',
'font-style': 'normal',
},
'pre,code': {
'word-break': 'break-word',
'white-space': 'pre-wrap',
},
h1: {
margin: '0.5em 0',
},
h2: {
margin: '0.5em 0',
},
h3: {
margin: '0.5em 0',
},
h4: {
margin: '0.5em 0',
},
h5: {
margin: '0.5em 0',
},
h6: {
margin: '0.5em 0',
},
p: {
margin: '0.5em 0',
},
'p:first-child': {
'margin-top': 0,
},
'p:last-child': {
'margin-bottom': 0,
},
pre: {
margin: '0',
padding: '0.25rem',
},
},
}),
// @ts-expect-error Seems to work.
presetKobalte(),
],
// https://github.com/reslear/unocss-preset-scrollbar-hide
rules: [
[
/^scrollbar-none$/,
([_]) => {
return `
.scrollbar-none {
scrollbar-width:none
}
.scrollbar-none::-webkit-scrollbar {
display:none
}
`;
},
],
[
/^scrollbar-auto$/,
([_]) => {
return `
.scrollbar-auto {
scrollbar-width:auto
}
.scrollbar-auto::-webkit-scrollbar {
display:block
}
`;
},
],
['animate-popup-open', { animation: 'popup-open 200ms ease-out' }],
['animate-popup-close', { animation: 'popup-close 150ms ease-in' }],
['animate-overlay-open', { animation: 'overlay-open 200ms ease-out' }],
['animate-overlay-close', { animation: 'overlay-close 150ms ease-in' }],
['animate-dialog-open', { animation: 'dialog-open 200ms ease-out' }],
['animate-dialog-close', { animation: 'dialog-close 150ms ease-in' }],
['animate-hovercard-open', { animation: 'hovercard-open 200ms ease-out' }],
['animate-hovercard-close', { animation: 'hovercard-close 150ms ease-in' }],
],
});