-
Notifications
You must be signed in to change notification settings - Fork 0
/
uno.preset.ts
51 lines (50 loc) · 2.94 KB
/
uno.preset.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
import { definePreset } from 'unocss'
export default definePreset(() => {
return {
name: 'boli-preset',
shortcuts: [
// ['btn', ''],
],
rules: [
[/^m([\.\d]+)(\D*)$/, ([_, num, unit]) => ({ margin: num + (unit || 'px') })],
[/^mx([\.\d]+)(\D*)$/, ([_, num, unit]) => ({ margin: `0 ${num + (unit || 'px')}` })],
[/^my([\.\d]+)(\D*)$/, ([_, num, unit]) => ({ margin: `${num + (unit || 'px')} 0` })],
[/^mt([\.\d]+)(\D*)$/, ([_, num, unit]) => ({ 'margin-top': num + (unit || 'px') })],
[/^ml([\.\d]+)(\D*)$/, ([_, num, unit]) => ({ 'margin-left': num + (unit || 'px') })],
[/^mr([\.\d]+)(\D*)$/, ([_, num, unit]) => ({ 'margin-right': num + (unit || 'px') })],
[/^mb([\.\d]+)(\D*)$/, ([_, num, unit]) => ({ 'margin-bottom': num + (unit || 'px') })],
[/^p([\.\d]+)(\D*)$/, ([_, num, unit]) => ({ padding: num + (unit || 'px') })],
[/^px([\.\d]+)(\D*)$/, ([_, num, unit]) => ({ padding: `0 ${num + (unit || 'px')}` })],
[/^py([\.\d]+)(\D*)$/, ([_, num, unit]) => ({ padding: `${num + (unit || 'px')} 0` })],
[/^pt([\.\d]+)(\D*)$/, ([_, num, unit]) => ({ 'padding-top': num + (unit || 'px') })],
[/^pl([\.\d]+)(\D*)$/, ([_, num, unit]) => ({ 'padding-left': num + (unit || 'px') })],
[/^pr([\.\d]+)(\D*)$/, ([_, num, unit]) => ({ 'padding-right': num + (unit || 'px') })],
[/^pb([\.\d]+)(\D*)$/, ([_, num, unit]) => ({ 'padding-bottom': num + (unit || 'px') })],
[/^w([\.\d]+)(\D*)$/, ([_, num, unit]) => ({ width: num + (unit || 'px') })],
[/^h([\.\d]+)(\D*)$/, ([_, num, unit]) => ({ height: num + (unit || 'px') })],
[/^rad([\.\d]+)(\D*)$/, ([_, num, unit]) => ({ 'border-radius': num + (unit || 'px') })],
[/^df$/, () => ({ display: 'flex' })],
[/^dif$/, () => ({ display: 'inline-flex' })],
[/^dfc$/, () => ({ 'display': 'flex', 'flex-direction': 'column' })],
[/^jcc$/, () => ({ 'justify-content': 'center' })],
[/^jcsb$/, () => ({ 'justify-content': 'space-between' })],
[/^jcsa$/, () => ({ 'justify-content': 'space-around' })],
[/^jce$/, () => ({ 'justify-content': 'flex-end' })],
[/^aic$/, () => ({ 'align-items': 'center' })],
[/^ais$/, () => ({ 'align-items': 'flex-start' })],
[/^aie$/, () => ({ 'align-items': 'flex-end' })],
[/^oh$/, () => ({ overflow: 'hidden' })],
[/^hidden$/, () => ({ display: 'none' })],
[/^dib$/, () => ({ display: 'inline-block' })],
[/^db$/, () => ({ display: 'block' })],
[/^tac$/, () => ({ 'text-align': 'center' })],
[/^tar$/, () => ({ 'text-align': 'right' })],
[/^vat$/, () => ({ 'vertical-align': 'top' })],
[/^vam$/, () => ({ 'vertical-align': 'middle' })],
[/^fz([\.\d]+)(\D*)$/, ([_, num, unit]) => ({ 'font-size': num + (unit || 'px') })],
[/^fwb$/, () => ({ 'font-weight': 'bold' })],
[/^c-(.*)$/, ([_, color]) => ({ color })],
[/^bgc-(.*)$/, ([_, color]) => ({ 'background-color': color })],
],
}
})