vitrify 0.17.11 → 0.17.12
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/plugins/quasar/unocss/components/QBanner.unocss.js +9 -12
- package/dist/plugins/quasar/unocss/components/QBtn.unocss.js +4 -2
- package/dist/plugins/quasar/unocss/components/QDate.unocss.js +5 -3
- package/dist/plugins/quasar/unocss/components/QFab.unocss.js +6 -5
- package/dist/plugins/quasar/unocss/components/QField.unocss.js +196 -35
- package/dist/plugins/quasar/unocss/components/QItem.unocss.js +3 -3
- package/dist/plugins/quasar/unocss/components/QPagination.unocss.js +1 -1
- package/dist/plugins/quasar/unocss/components/QPullToRefresh.unocss.js +1 -1
- package/dist/plugins/quasar/unocss/components/QScrollarea.unocss.js +4 -1
- package/dist/plugins/quasar/unocss/components/QStepper.unocss.js +1 -1
- package/dist/plugins/quasar/unocss/components/QTable.unocss.js +3 -3
- package/dist/plugins/quasar/unocss/components/QToggle.unocss.js +2 -2
- package/dist/plugins/quasar/unocss/core/flex.unocss.js +14 -12
- package/dist/plugins/quasar/unocss/core/size.unocss.js +96 -84
- package/dist/plugins/quasar/unocss/index.js +13 -1
- package/dist/plugins/quasar/unocss/theme.js +8 -0
- package/dist/types/plugins/quasar/unocss/theme.d.ts +8 -0
- package/package.json +1 -1
- package/src/node/plugins/quasar/unocss/components/QBanner.unocss.ts +13 -12
- package/src/node/plugins/quasar/unocss/components/QBtn.unocss.ts +4 -2
- package/src/node/plugins/quasar/unocss/components/QDate.unocss.ts +5 -3
- package/src/node/plugins/quasar/unocss/components/QFab.unocss.ts +6 -5
- package/src/node/plugins/quasar/unocss/components/QField.unocss.ts +196 -37
- package/src/node/plugins/quasar/unocss/components/QItem.unocss.ts +3 -3
- package/src/node/plugins/quasar/unocss/components/QPagination.unocss.ts +1 -1
- package/src/node/plugins/quasar/unocss/components/QPullToRefresh.unocss.ts +1 -1
- package/src/node/plugins/quasar/unocss/components/QScrollarea.unocss.ts +4 -1
- package/src/node/plugins/quasar/unocss/components/QStepper.unocss.ts +1 -1
- package/src/node/plugins/quasar/unocss/components/QTable.unocss.ts +3 -3
- package/src/node/plugins/quasar/unocss/components/QToggle.unocss.ts +2 -2
- package/src/node/plugins/quasar/unocss/core/flex.unocss.ts +28 -14
- package/src/node/plugins/quasar/unocss/core/size.unocss.ts +102 -84
- package/src/node/plugins/quasar/unocss/index.ts +34 -2
- package/src/node/plugins/quasar/unocss/theme.ts +16 -0
|
@@ -1,27 +1,24 @@
|
|
|
1
1
|
const shortcuts = [
|
|
2
|
-
[
|
|
3
|
-
|
|
4
|
-
|
|
2
|
+
[
|
|
3
|
+
/^q-banner$/,
|
|
4
|
+
([, c], { theme }) => theme.quasar?.components?.['q-banner'] ??
|
|
5
|
+
`min-h-[54px] px-[16px] py-[8px] bg-[#fff]`
|
|
6
|
+
],
|
|
7
|
+
[/^q-banner--top-padding$/, ([, c], { theme }) => `pt-[14px]`],
|
|
5
8
|
[
|
|
6
9
|
/^q-banner__avatar$/,
|
|
7
10
|
([, c], { theme }) => theme.quasar?.components?.['q-banner__avatar'] ??
|
|
8
|
-
|
|
9
|
-
[&.q-icon]:(text-40px)
|
|
10
|
-
[&:not(:empty)+.q-banner\\_\\_content]:(pl-16px)`
|
|
11
|
+
`!min-w-[1px] [&_>_.q-avatar]:(text-[46px]) [&_>_.q-icon]:(text-[40px]) [&:not(:empty)_+_.q-banner\\_\\_content]:(pl-[16px])`
|
|
11
12
|
],
|
|
12
13
|
[
|
|
13
14
|
/^q-banner__actions$/,
|
|
14
15
|
([, c], { theme }) => theme.quasar?.components?.['q-banner__actions'] ??
|
|
15
|
-
`[&.col-auto]:(pl-16px)
|
|
16
|
-
[&.col-all_.q.btn-item]:(mt-4px mb-0 ml-4px mr-0)`
|
|
16
|
+
`[&.col-auto]:(pl-[16px]) [&.col-all_.q-btn-item]:(mt-[4px] mr-[0] mb-[0] ml-[4px])`
|
|
17
17
|
],
|
|
18
18
|
[
|
|
19
19
|
/^q-banner--dense$/,
|
|
20
20
|
([, c], { theme }) => theme.quasar?.components?.['q-banner--dense'] ??
|
|
21
|
-
`min-h-32px p-8px
|
|
22
|
-
[&_.q-banner\\_\\_avatar>.q-avatar,.q-banner--dense_.q-banner\\_\\_avatar>.q-icon]:(text-28px)
|
|
23
|
-
[&_.q-banner\\_\\_avatar:not(:empty)+.q-banner\\_\\_content]:(pl-8px)
|
|
24
|
-
[&_.q-banner\\_\\_actions.col-auto]:(pl-8px)`
|
|
21
|
+
`min-h-[32px] p-[8px] [&.q-banner--top-padding]:(pt-[12px]) [&_.q-banner\\_\\_avatar_>_.q-avatar]:(text-[28px]) [&_.q-banner\\_\\_avatar_>_.q-icon]:(text-[28px]) [&_.q-banner\\_\\_avatar:not(:empty)_+_.q-banner\\_\\_content]:(pl-[8px]) [&_.q-banner\\_\\_actions.col-auto]:(pl-[8px])`
|
|
25
22
|
]
|
|
26
23
|
];
|
|
27
24
|
export { shortcuts };
|
|
@@ -47,12 +47,14 @@ const shortcuts = [
|
|
|
47
47
|
[
|
|
48
48
|
/^q-btn--fab$/,
|
|
49
49
|
([, c], { theme }) => theme.quasar?.components?.['q-btn--fab'] ??
|
|
50
|
-
`[&_.q-icon]:(text-[24px]) p-[16px]
|
|
50
|
+
`[&_.q-icon]:(text-[24px]) p-[16px] [&_.q-icon]:(m-auto) pb-0`
|
|
51
|
+
// min-h-[56px] min-w-[56px]
|
|
51
52
|
],
|
|
52
53
|
[
|
|
53
54
|
/^q-btn--fab-mini$/,
|
|
54
55
|
([, c], { theme }) => theme.quasar?.components?.['q-btn--fab-mini'] ??
|
|
55
|
-
`[&_.q-icon]:(text-[24px]) p-[8px]
|
|
56
|
+
`[&_.q-icon]:(text-[24px]) p-[8px] pb-0`
|
|
57
|
+
// min-h-[40px] min-w-[40px]
|
|
56
58
|
],
|
|
57
59
|
[/^q-btn__content$/, ([, c], { theme }) => `[transition:opacity_0.3s] z-0`],
|
|
58
60
|
[
|
|
@@ -39,8 +39,8 @@ const shortcuts = [
|
|
|
39
39
|
],
|
|
40
40
|
[
|
|
41
41
|
/^q-date__view$/,
|
|
42
|
-
([, c], { theme }) => theme.quasar?.components?.['q-date__view'] ??
|
|
43
|
-
|
|
42
|
+
([, c], { theme }) => theme.quasar?.components?.['q-date__view'] ?? `min-h-[290px] p-[16px]`
|
|
43
|
+
// h-full w-full
|
|
44
44
|
],
|
|
45
45
|
[
|
|
46
46
|
/^q-date__navigation$/,
|
|
@@ -132,7 +132,9 @@ const shortcuts = [
|
|
|
132
132
|
[
|
|
133
133
|
/^q-date--landscape$/,
|
|
134
134
|
([, c], { theme }) => theme.quasar?.components?.['q-date--landscape'] ??
|
|
135
|
-
`flex-row items-stretch min-w-[420px]
|
|
135
|
+
`flex-row items-stretch min-w-[420px]
|
|
136
|
+
[&_>_div]:(flex flex-auto flex-col)
|
|
137
|
+
[&_.q-date\\_\\_content]:(h-full)`
|
|
136
138
|
],
|
|
137
139
|
[
|
|
138
140
|
/^q-date--landscape-standard$/,
|
|
@@ -2,20 +2,20 @@ const shortcuts = [
|
|
|
2
2
|
[/^z-fab$/, ([, c], { theme }) => ``],
|
|
3
3
|
[
|
|
4
4
|
/^q-fab$/,
|
|
5
|
-
([, c], { theme }) => theme.quasar?.components?.['q-fab'] ??
|
|
6
|
-
|
|
5
|
+
([, c], { theme }) => theme.quasar?.components?.['q-fab'] ?? `relative align-middle`
|
|
6
|
+
// [&_>_.q-btn]:(w-full)
|
|
7
7
|
],
|
|
8
8
|
[/^q-fab--form-rounded$/, ([, c], { theme }) => `rounded-[28px]`],
|
|
9
9
|
[/^q-fab--form-square$/, ([, c], { theme }) => `rounded-[4px]`],
|
|
10
10
|
[
|
|
11
11
|
/^q-fab__icon$/,
|
|
12
12
|
([, c], { theme }) => theme.quasar?.components?.['q-fab__icon'] ??
|
|
13
|
-
`[transition:opacity_0.4s,_transform_0.4s] opacity-100 rotate-0
|
|
13
|
+
`[transition:opacity_0.4s,_transform_0.4s] opacity-100 rotate-0 relative!`
|
|
14
14
|
],
|
|
15
15
|
[
|
|
16
16
|
/^q-fab__active-icon$/,
|
|
17
17
|
([, c], { theme }) => theme.quasar?.components?.['q-fab__active-icon'] ??
|
|
18
|
-
`[transition:opacity_0.4s,_transform_0.4s] opacity-0 -rotate-180`
|
|
18
|
+
`[transition:opacity_0.4s,_transform_0.4s] opacity-0 -rotate-180 relative! !left--20px !mr--20px`
|
|
19
19
|
],
|
|
20
20
|
[
|
|
21
21
|
/^q-fab__label--external$/,
|
|
@@ -72,7 +72,8 @@ const shortcuts = [
|
|
|
72
72
|
[
|
|
73
73
|
/^q-fab__icon-holder$/,
|
|
74
74
|
([, c], { theme }) => theme.quasar?.components?.['q-fab__icon-holder'] ??
|
|
75
|
-
`
|
|
75
|
+
`[&:before]:(content-empty)`
|
|
76
|
+
// min-w-[24px] min-h-[24px] relative
|
|
76
77
|
],
|
|
77
78
|
[
|
|
78
79
|
/^q-fab__icon-holder--opened$/,
|
|
@@ -25,89 +25,137 @@ const shortcuts = [
|
|
|
25
25
|
[
|
|
26
26
|
/^q-field$/,
|
|
27
27
|
([, c], { theme }) => theme.quasar?.components?.['q-field'] ??
|
|
28
|
-
`text-[14px]
|
|
28
|
+
`text-[14px]
|
|
29
|
+
[&_::-ms-clear]:(hidden)
|
|
30
|
+
[&_::-ms-reveal]:(hidden)`
|
|
29
31
|
],
|
|
30
32
|
[/^q-field--with-bottom$/, ([, c], { theme }) => `pb-[20px]`],
|
|
31
33
|
[
|
|
32
34
|
/^q-field__marginal$/,
|
|
33
35
|
([, c], { theme }) => theme.quasar?.components?.['q-field__marginal'] ??
|
|
34
|
-
`h-[56px] text-
|
|
36
|
+
`h-[56px] text-black/54 text-[24px]
|
|
37
|
+
[&_>_*_+_*]:(ml-[2px])
|
|
38
|
+
[&_.q-avatar]:(text-[32px])`
|
|
39
|
+
],
|
|
40
|
+
[/^q-field__before$/, ([, c], { theme }) => `flex-initial pr-[12px]`],
|
|
41
|
+
[/^q-field__prepend$/, ([, c], { theme }) => `flex-initial pr-[12px]`],
|
|
42
|
+
[
|
|
43
|
+
/^q-field__after$/,
|
|
44
|
+
([, c], { theme }) => `flex-initial pl-[12px]
|
|
45
|
+
[&:empty]:(hidden)`
|
|
35
46
|
],
|
|
36
|
-
[/^q-field__before$/, ([, c], { theme }) => `pr-[12px]`],
|
|
37
|
-
[/^q-field__prepend$/, ([, c], { theme }) => `pr-[12px]`],
|
|
38
|
-
[/^q-field__after$/, ([, c], { theme }) => `pl-[12px] [&:empty]:(hidden)`],
|
|
39
47
|
[
|
|
40
48
|
/^q-field__append$/,
|
|
41
49
|
([, c], { theme }) => theme.quasar?.components?.['q-field__append'] ??
|
|
42
|
-
`pl-[12px]
|
|
50
|
+
`flex-initial pl-[12px]
|
|
51
|
+
[&:empty]:(hidden)
|
|
52
|
+
[&_+_.q-field\\_\\_append]:(pl-[2px])`
|
|
43
53
|
],
|
|
44
54
|
[/^q-field__inner$/, ([, c], { theme }) => `text-left`],
|
|
45
55
|
[
|
|
46
56
|
/^q-field__bottom$/,
|
|
47
57
|
([, c], { theme }) => theme.quasar?.components?.['q-field__bottom'] ??
|
|
48
|
-
`text-[12px] min-h-[20px] leading-none text-
|
|
58
|
+
`text-[12px] min-h-[20px] leading-none text-black/54 mt--12px px-[12px] pb-[0] [backface-visibility:hidden]`
|
|
49
59
|
],
|
|
50
60
|
[
|
|
51
61
|
/^q-field__bottom--animated$/,
|
|
52
62
|
([, c], { theme }) => theme.quasar?.components?.['q-field__bottom--animated'] ??
|
|
53
|
-
`translate-y-full
|
|
63
|
+
`translate-y-full left-[0] right-[0] bottom-[0]`
|
|
54
64
|
],
|
|
55
65
|
[
|
|
56
66
|
/^q-field__messages$/,
|
|
57
67
|
([, c], { theme }) => theme.quasar?.components?.['q-field__messages'] ??
|
|
58
|
-
`leading-none
|
|
68
|
+
`leading-none
|
|
69
|
+
[&_>_div]:([word-wrap:break-word] break-words)
|
|
70
|
+
[&_>_div_+_div]:(mt-[4px])`
|
|
59
71
|
],
|
|
60
72
|
[/^q-field__counter$/, ([, c], { theme }) => `pl-[8px] leading-none`],
|
|
61
73
|
[
|
|
62
74
|
/^q-field--item-aligned$/,
|
|
63
75
|
([, c], { theme }) => theme.quasar?.components?.['q-field--item-aligned'] ??
|
|
64
|
-
`px-[16px] py-[8px]
|
|
76
|
+
`px-[16px] py-[8px]
|
|
77
|
+
[&_.q-field\\_\\_before]:(min-w-[56px])`
|
|
78
|
+
],
|
|
79
|
+
[
|
|
80
|
+
/^q-field__control-container$/,
|
|
81
|
+
([, c], { theme }) => `h-inherit items-center`
|
|
65
82
|
],
|
|
66
|
-
[/^q-field__control-container$/, ([, c], { theme }) => `[height:inherit]`],
|
|
67
83
|
[
|
|
68
84
|
/^q-field__control$/,
|
|
69
85
|
([, c], { theme }) => theme.quasar?.components?.['q-field__control'] ??
|
|
70
|
-
`h-[56px] max-w-full outline-[none]
|
|
86
|
+
`h-[56px] max-w-full outline-[none] text-primary
|
|
87
|
+
[&:before]:(content-empty top-[0] right-[0] bottom-[0] left-[0] pointer-events-none absolute border-rd-inherit)
|
|
88
|
+
[&:after]:(content-empty top-[0] right-[0] bottom-[0] left-[0] pointer-events-none absolute)`
|
|
71
89
|
],
|
|
72
90
|
[
|
|
73
91
|
/^q-field__shadow$/,
|
|
74
92
|
([, c], { theme }) => theme.quasar?.components?.['q-field__shadow'] ??
|
|
75
|
-
`top-[8px] opacity-0 overflow-hidden whitespace-pre-wrap [transition:opacity_0.36s_cubic-bezier(0.4,_0,_0.2,_1)]
|
|
93
|
+
`top-[8px] opacity-0 overflow-hidden whitespace-pre-wrap [transition:opacity_0.36s_cubic-bezier(0.4,_0,_0.2,_1)]
|
|
94
|
+
[&_+_.q-field\\_\\_native::placeholder]:([transition:opacity_0.36s_cubic-bezier(0.4,_0,_0.2,_1)])
|
|
95
|
+
[&_+_.q-field\\_\\_native:focus::placeholder]:(opacity-0)`
|
|
76
96
|
],
|
|
77
97
|
[
|
|
78
98
|
/^q-field__native$/,
|
|
79
99
|
([, c], { theme }) => theme.quasar?.components?.['q-field__native'] ??
|
|
80
|
-
`font-normal leading-[28px] tracking-[0.00937em] [text-decoration:inherit] [text-transform:inherit] border-none rounded-none bg-
|
|
100
|
+
`font-normal leading-[28px] tracking-[0.00937em] [text-decoration:inherit] [text-transform:inherit] border-none rounded-none bg-transparent text-black/87 outline-[0] px-[0] w-full min-w-[0] !outline-[0] select-auto
|
|
101
|
+
[&:-webkit-autofill]:()
|
|
102
|
+
[&:-webkit-autofill_+_.q-field\\_\\_label]:(-translate-y-[40%] scale-[0.75])
|
|
103
|
+
[&[type='color']_+_.q-field\\_\\_label]:(-translate-y-[40%] scale-[0.75])
|
|
104
|
+
[&[type='date']_+_.q-field\\_\\_label]:(-translate-y-[40%] scale-[0.75])
|
|
105
|
+
[&[type='datetime-local']_+_.q-field\\_\\_label]:(-translate-y-[40%] scale-[0.75])
|
|
106
|
+
[&[type='month']_+_.q-field\\_\\_label]:(-translate-y-[40%] scale-[0.75])
|
|
107
|
+
[&[type='time']_+_.q-field\\_\\_label]:(-translate-y-[40%] scale-[0.75])
|
|
108
|
+
[&[type='week']_+_.q-field\\_\\_label]:(-translate-y-[40%] scale-[0.75])
|
|
109
|
+
[&:invalid]:([box-shadow:none])
|
|
110
|
+
[&[type='file']]:(leading-[1em])`
|
|
81
111
|
],
|
|
82
112
|
[
|
|
83
113
|
/^q-field__prefix$/,
|
|
84
114
|
([, c], { theme }) => theme.quasar?.components?.['q-field__prefix'] ??
|
|
85
|
-
`font-normal leading-[28px] tracking-[0.00937em] [text-decoration:inherit] [text-transform:inherit] border-none rounded-none bg-
|
|
115
|
+
`font-normal leading-[28px] tracking-[0.00937em] [text-decoration:inherit] [text-transform:inherit] border-none rounded-none bg-transparent text-black/87 outline-[0] px-[0] py-[6px] [transition:opacity_0.36s_cubic-bezier(0.4,_0,_0.2,_1)] whitespace-nowrap pr-[4px]`
|
|
86
116
|
],
|
|
87
117
|
[
|
|
88
118
|
/^q-field__suffix$/,
|
|
89
119
|
([, c], { theme }) => theme.quasar?.components?.['q-field__suffix'] ??
|
|
90
|
-
`font-normal leading-[28px] tracking-[0.00937em] [text-decoration:inherit] [text-transform:inherit] border-none rounded-none bg-
|
|
120
|
+
`font-normal leading-[28px] tracking-[0.00937em] [text-decoration:inherit] [text-transform:inherit] border-none rounded-none bg-transparent text-black/87 outline-[0] px-[0] py-[6px] [transition:opacity_0.36s_cubic-bezier(0.4,_0,_0.2,_1)] whitespace-nowrap pl-[4px]`
|
|
91
121
|
],
|
|
92
122
|
[
|
|
93
123
|
/^q-field__input$/,
|
|
94
124
|
([, c], { theme }) => theme.quasar?.components?.['q-field__input'] ??
|
|
95
|
-
`font-normal leading-[28px] tracking-[0.00937em] [text-decoration:inherit] [text-transform:inherit] border-none rounded-none bg-
|
|
125
|
+
`font-normal leading-[28px] tracking-[0.00937em] [text-decoration:inherit] [text-transform:inherit] border-none rounded-none bg-transparent text-black/87 outline-[0] px-[0] py-[6px] w-full min-w-[0] !outline-[0] select-auto
|
|
126
|
+
[&:-webkit-autofill]:()
|
|
127
|
+
[&:-webkit-autofill_+_.q-field\\_\\_label]:(-translate-y-[40%] scale-[0.75])
|
|
128
|
+
[&[type='color']_+_.q-field\\_\\_label]:(-translate-y-[40%] scale-[0.75])
|
|
129
|
+
[&[type='date']_+_.q-field\\_\\_label]:(-translate-y-[40%] scale-[0.75])
|
|
130
|
+
[&[type='datetime-local']_+_.q-field\\_\\_label]:(-translate-y-[40%] scale-[0.75])
|
|
131
|
+
[&[type='month']_+_.q-field\\_\\_label]:(-translate-y-[40%] scale-[0.75])
|
|
132
|
+
[&[type='time']_+_.q-field\\_\\_label]:(-translate-y-[40%] scale-[0.75])
|
|
133
|
+
[&[type='week']_+_.q-field\\_\\_label]:(-translate-y-[40%] scale-[0.75])
|
|
134
|
+
[&:invalid]:([box-shadow:none]) p-0 h-[0] min-h-[24px] leading-[24px]`
|
|
96
135
|
],
|
|
97
136
|
[
|
|
98
137
|
/^q-field--readonly$/,
|
|
99
138
|
([, c], { theme }) => theme.quasar?.components?.['q-field--readonly'] ??
|
|
100
|
-
`[&_.q-placeholder]:(!opacity-100)
|
|
139
|
+
`[&_.q-placeholder]:(!opacity-100)
|
|
140
|
+
[&.q-field--labeled_.q-field\\_\\_native]:(cursor-default)
|
|
141
|
+
[&.q-field--labeled_.q-field\\_\\_input]:(cursor-default)
|
|
142
|
+
[&.q-field--float_.q-field\\_\\_native]:(cursor-text)
|
|
143
|
+
[&.q-field--float_.q-field\\_\\_input]:(cursor-text)`
|
|
101
144
|
],
|
|
102
145
|
[
|
|
103
146
|
/^q-field--disabled$/,
|
|
104
147
|
([, c], { theme }) => theme.quasar?.components?.['q-field--disabled'] ??
|
|
105
|
-
`[&_.q-placeholder]:(!opacity-100)
|
|
148
|
+
`[&_.q-placeholder]:(!opacity-100)
|
|
149
|
+
[&_.q-field\\_\\_inner]:(cursor-not-allowed)
|
|
150
|
+
[&_.q-field\\_\\_control]:(pointer-events-none)
|
|
151
|
+
[&_.q-field\\_\\_control_>_div]:(!opacity-60)
|
|
152
|
+
[&_.q-field\\_\\_control_>_div]:(!outline-[0])
|
|
153
|
+
[&_.q-field\\_\\_control_>_div_*]:(!outline-[0])`
|
|
106
154
|
],
|
|
107
155
|
[
|
|
108
156
|
/^q-field__label$/,
|
|
109
157
|
([, c], { theme }) => theme.quasar?.components?.['q-field__label'] ??
|
|
110
|
-
`left-0 top-[18px] max-w-full text-
|
|
158
|
+
`left-[0] top-[18px] max-w-full text-black/60 text-[16px] leading-tight font-normal tracking-[0.00937em] [text-decoration:inherit] [text-transform:inherit] origin-[left_top] [transition:transform_0.36s_cubic-bezier(0.4,_0,_0.2,_1),_max-width_0.324s_cubic-bezier(0.4,_0,_0.2,_1)] [backface-visibility:hidden]`
|
|
111
159
|
],
|
|
112
160
|
[
|
|
113
161
|
/^q-field--float$/,
|
|
@@ -117,67 +165,180 @@ const shortcuts = [
|
|
|
117
165
|
[
|
|
118
166
|
/^q-field--highlighted$/,
|
|
119
167
|
([, c], { theme }) => theme.quasar?.components?.['q-field--highlighted'] ??
|
|
120
|
-
`[&_.q-field\\_\\_label]:(text-current)
|
|
168
|
+
`[&_.q-field\\_\\_label]:(text-current)
|
|
169
|
+
[&_.q-field\\_\\_shadow]:(opacity-50)`
|
|
121
170
|
],
|
|
122
171
|
[
|
|
123
172
|
/^q-field--filled$/,
|
|
124
173
|
([, c], { theme }) => theme.quasar?.components?.['q-field--filled'] ??
|
|
125
|
-
`[&_.q-field\\_\\_control]:(px-[12px] py-[0] bg-
|
|
174
|
+
`[&_.q-field\\_\\_control]:(px-[12px] py-[0] layer-dismiss:bg-black/5 rounded-tl-[4px] rounded-br-[0] rounded-tr-[4px] rounded-bl-[0])
|
|
175
|
+
[&_.q-field\\_\\_control:before]:(layer-dismiss:bg-black/5 [border-bottom:1px_solid_rgba(0,_0,_0,_0.42)] opacity-0 [transition:opacity_0.36s_cubic-bezier(0.4,_0,_0.2,_1),_background_0.36s_cubic-bezier(0.4,_0,_0.2,_1)])
|
|
176
|
+
[&_.q-field\\_\\_control:hover:before]:(opacity-100)
|
|
177
|
+
[&_.q-field\\_\\_control:after]:(h-[2px] top-auto origin-[center_bottom] [transform:scale3d(0,_1,_1)] bg-current [transition:transform_0.36s_cubic-bezier(0.4,_0,_0.2,_1)])
|
|
178
|
+
[&.q-field--rounded_.q-field\\_\\_control]:(rounded-tl-[28px] rounded-br-[0] rounded-tr-[28px] rounded-bl-[0])
|
|
179
|
+
[&.q-field--highlighted_.q-field\\_\\_control:before]:(opacity-100 layer-dismiss:bg-black/12)
|
|
180
|
+
[&.q-field--highlighted_.q-field\\_\\_control:after]:([transform:scale3d(1,_1,_1)])
|
|
181
|
+
[&.q-field--dark_.q-field\\_\\_control]:(layer-dismiss:bg-white/7)
|
|
182
|
+
[&.q-field--dark_.q-field\\_\\_control:before]:(layer-dismiss:bg-white/7)
|
|
183
|
+
[&.q-field--dark.q-field--highlighted_.q-field\\_\\_control:before]:(layer-dismiss:bg-white/1)
|
|
184
|
+
[&.q-field--readonly_.q-field\\_\\_control:before]:(opacity-100 bg-transparent [border-bottom-style:dashed])`
|
|
126
185
|
],
|
|
127
186
|
[
|
|
128
187
|
/^q-field--outlined$/,
|
|
129
188
|
([, c], { theme }) => theme.quasar?.components?.['q-field--outlined'] ??
|
|
130
|
-
`[&_.q-field\\_\\_control]:(rounded-[4px] px-[12px] py-[0])
|
|
189
|
+
`[&_.q-field\\_\\_control]:(rounded-[4px] px-[12px] py-[0])
|
|
190
|
+
[&_.q-field\\_\\_control:before]:(border-[1px] border-solid border-black/24 [transition:border-color_0.36s_cubic-bezier(0.4,_0,_0.2,_1)])
|
|
191
|
+
[&_.q-field\\_\\_control:hover:before]:(layer-dismiss:border-black)
|
|
192
|
+
[&_.q-field\\_\\_control:after]:([height:inherit] [border-radius:inherit] border-[2px] border-solid border-transparent [transition:border-color_0.36s_cubic-bezier(0.4,_0,_0.2,_1)])
|
|
193
|
+
[&_.q-field\\_\\_native:-webkit-autofill]:(mt-px mb-px)
|
|
194
|
+
[&_.q-field\\_\\_input:-webkit-autofill]:(mt-px mb-px)
|
|
195
|
+
[&.q-field--rounded_.q-field\\_\\_control]:(rounded-[28px])
|
|
196
|
+
[&.q-field--highlighted_.q-field\\_\\_control:hover:before]:(border-transparent)
|
|
197
|
+
[&.q-field--highlighted_.q-field\\_\\_control:after]:(border-current border-2 [transform:scale3d(1,_1,_1)])
|
|
198
|
+
[&.q-field--readonly_.q-field\\_\\_control:before]:(border-dashed)`
|
|
131
199
|
],
|
|
132
200
|
[
|
|
133
201
|
/^q-field--standard$/,
|
|
134
202
|
([, c], { theme }) => theme.quasar?.components?.['q-field--standard'] ??
|
|
135
|
-
`[&_.q-field\\_\\_control:before]:([border-bottom:1px_solid_rgba(0,_0,_0,_0.24)] [transition:border-color_0.36s_cubic-bezier(0.4,_0,_0.2,_1)])
|
|
203
|
+
`[&_.q-field\\_\\_control:before]:([border-bottom:1px_solid_rgba(0,_0,_0,_0.24)] [transition:border-color_0.36s_cubic-bezier(0.4,_0,_0.2,_1)])
|
|
204
|
+
[&_.q-field\\_\\_control:hover:before]:(layer-dismiss:border-black)
|
|
205
|
+
[&_.q-field\\_\\_control:after]:(h-[2px] top-auto [border-bottom-left-radius:inherit] [border-bottom-right-radius:inherit] origin-[center_bottom] [transform:scale3d(0,_1,_1)] bg-current [transition:transform_0.36s_cubic-bezier(0.4,_0,_0.2,_1)])
|
|
206
|
+
[&.q-field--highlighted_.q-field\\_\\_control:after]:([transform:scale3d(1,_1,_1)])
|
|
207
|
+
[&.q-field--readonly_.q-field\\_\\_control:before]:([border-bottom-style:dashed])
|
|
208
|
+
[&_.q-field\\_\\_bottom]:(pl-0 pr-0)
|
|
209
|
+
[&.q-field--dense_.q-field\\_\\_control]:(pl-0 pr-0)`
|
|
136
210
|
],
|
|
137
211
|
[
|
|
138
212
|
/^q-field--dark$/,
|
|
139
213
|
([, c], { theme }) => theme.quasar?.components?.['q-field--dark'] ??
|
|
140
|
-
`[&_.q-field\\_\\_control:before]:(border-
|
|
214
|
+
`[&_.q-field\\_\\_control:before]:(border-white/60)
|
|
215
|
+
[&_.q-field\\_\\_control:hover:before]:(border-white)
|
|
216
|
+
[&_.q-field\\_\\_native]:(text-white)
|
|
217
|
+
[&_.q-field\\_\\_prefix]:(text-white)
|
|
218
|
+
[&_.q-field\\_\\_suffix]:(text-white)
|
|
219
|
+
[&_.q-field\\_\\_input]:(text-white)
|
|
220
|
+
[&:not(.q-field--highlighted)_.q-field\\_\\_label]:(text-white/70)
|
|
221
|
+
[&_.q-field\\_\\_marginal]:(text-white/70)
|
|
222
|
+
[&_.q-field\\_\\_bottom]:(text-white/70)`
|
|
141
223
|
],
|
|
142
224
|
[
|
|
143
225
|
/^q-field--standout$/,
|
|
144
226
|
([, c], { theme }) => theme.quasar?.components?.['q-field--standout'] ??
|
|
145
|
-
`[&_.q-field\\_\\_control]:(px-[12px] py-[0] bg-
|
|
227
|
+
`[&_.q-field\\_\\_control]:(px-[12px] py-[0] layer-dismiss:bg-black/5 rounded-[4px] [transition:box-shadow_0.36s_cubic-bezier(0.4,_0,_0.2,_1),_background-color_0.36s_cubic-bezier(0.4,_0,_0.2,_1)])
|
|
228
|
+
[&_.q-field\\_\\_control:before]:(layer-dismiss:bg-black/7 opacity-0 [transition:opacity_0.36s_cubic-bezier(0.4,_0,_0.2,_1),_background_0.36s_cubic-bezier(0.4,_0,_0.2,_1)])
|
|
229
|
+
[&_.q-field\\_\\_control:hover:before]:(opacity-100)
|
|
230
|
+
[&.q-field--rounded_.q-field\\_\\_control]:(rounded-[28px])
|
|
231
|
+
[&.q-field--highlighted_.q-field\\_\\_control]:([box-shadow:0_1px_5px_rgba(0,_0,_0,_0.2),_0_2px_2px_rgba(0,_0,_0,_0.14),_0_3px_1px_-2px_rgba(0,_0,_0,_0.12)] layer-dismiss:bg-white)
|
|
232
|
+
[&.q-field--highlighted_.q-field\\_\\_native]:(text-white)
|
|
233
|
+
[&.q-field--highlighted_.q-field\\_\\_prefix]:(text-white)
|
|
234
|
+
[&.q-field--highlighted_.q-field\\_\\_suffix]:(text-white)
|
|
235
|
+
[&.q-field--highlighted_.q-field\\_\\_prepend]:(text-white)
|
|
236
|
+
[&.q-field--highlighted_.q-field\\_\\_append]:(text-white)
|
|
237
|
+
[&.q-field--highlighted_.q-field\\_\\_input]:(text-white)
|
|
238
|
+
[&.q-field--readonly_.q-field\\_\\_control:before]:(opacity-100 bg-transparent border-[1px] border-dashed border-black/24)
|
|
239
|
+
[&.q-field--dark_.q-field\\_\\_control]:(bg-[rgba(255,_255,_255,_0.07)])
|
|
240
|
+
[&.q-field--dark_.q-field\\_\\_control:before]:(layer-dismiss:bg-white/7)
|
|
241
|
+
[&.q-field--dark.q-field--highlighted_.q-field\\_\\_control]:(layer-dismiss:bg-white)
|
|
242
|
+
[&.q-field--dark.q-field--highlighted_.q-field\\_\\_native]:(text-black)
|
|
243
|
+
[&.q-field--dark.q-field--highlighted_.q-field\\_\\_prefix]:(text-black)
|
|
244
|
+
[&.q-field--dark.q-field--highlighted_.q-field\\_\\_suffix]:(text-black)
|
|
245
|
+
[&.q-field--dark.q-field--highlighted_.q-field\\_\\_prepend]:(text-black)
|
|
246
|
+
[&.q-field--dark.q-field--highlighted_.q-field\\_\\_append]:(text-black)
|
|
247
|
+
[&.q-field--dark.q-field--highlighted_.q-field\\_\\_input]:(text-black)
|
|
248
|
+
[&.q-field--dark.q-field--readonly_.q-field\\_\\_control:before]:(border-white/24)`
|
|
146
249
|
],
|
|
147
250
|
[
|
|
148
251
|
/^q-field--labeled$/,
|
|
149
252
|
([, c], { theme }) => theme.quasar?.components?.['q-field--labeled'] ??
|
|
150
|
-
`[&_.q-field\\_\\_native]:(leading-[24px] pt-[24px] pb-[8px])
|
|
253
|
+
`[&_.q-field\\_\\_native]:(leading-[24px] pt-[24px] pb-[8px])
|
|
254
|
+
[&_.q-field\\_\\_prefix]:(leading-[24px] pt-[24px] pb-[8px])
|
|
255
|
+
[&_.q-field\\_\\_suffix]:(leading-[24px] pt-[24px] pb-[8px])
|
|
256
|
+
[&_.q-field\\_\\_shadow]:(top-[0])
|
|
257
|
+
[&:not(.q-field--float)_.q-field\\_\\_prefix]:(opacity-0)
|
|
258
|
+
[&:not(.q-field--float)_.q-field\\_\\_suffix]:(opacity-0)
|
|
259
|
+
[&:not(.q-field--float)_.q-field\\_\\_native::placeholder]:(text-transparent)
|
|
260
|
+
[&:not(.q-field--float)_.q-field\\_\\_input::placeholder]:(text-transparent)
|
|
261
|
+
[&.q-field--dense_.q-field\\_\\_native]:()
|
|
262
|
+
[&.q-field--dense_.q-field\\_\\_prefix]:()
|
|
263
|
+
[&.q-field--dense_.q-field\\_\\_suffix]:()`
|
|
151
264
|
],
|
|
152
265
|
[
|
|
153
266
|
/^q-field--dense$/,
|
|
154
267
|
([, c], { theme }) => theme.quasar?.components?.['q-field--dense'] ??
|
|
155
|
-
`[&_.q-field--with-bottom]:(pb-[19px])
|
|
268
|
+
`[&_.q-field--with-bottom]:(pb-[19px])
|
|
269
|
+
[&_.q-field\\_\\_shadow]:(top-[0])
|
|
270
|
+
[&_.q-field\\_\\_control]:(h-[40px])
|
|
271
|
+
[&_.q-field\\_\\_marginal]:(h-[40px])
|
|
272
|
+
[&_.q-field\\_\\_bottom]:(text-[11px])
|
|
273
|
+
[&_.q-field\\_\\_label]:(text-[14px] top-[10px])
|
|
274
|
+
[&_.q-field\\_\\_before]:()
|
|
275
|
+
[&_.q-field\\_\\_prepend]:()
|
|
276
|
+
[&_.q-field\\_\\_after]:()
|
|
277
|
+
[&_.q-field\\_\\_append]:()
|
|
278
|
+
[&_.q-field\\_\\_append_+_.q-field\\_\\_append]:(pl-[2px])
|
|
279
|
+
[&_.q-field\\_\\_marginal_.q-avatar]:(text-[24px])
|
|
280
|
+
[&.q-field--float_.q-field\\_\\_label]:(-translate-y-[30%] scale-[0.75])
|
|
281
|
+
[&_.q-field\\_\\_native:-webkit-autofill_+_.q-field\\_\\_label]:(-translate-y-[30%] scale-[0.75])
|
|
282
|
+
[&_.q-field\\_\\_input:-webkit-autofill_+_.q-field\\_\\_label]:(-translate-y-[30%] scale-[0.75])
|
|
283
|
+
[&_.q-field\\_\\_native[type='color']_+_.q-field\\_\\_label]:(-translate-y-[30%] scale-[0.75])
|
|
284
|
+
[&_.q-field\\_\\_native[type='date']_+_.q-field\\_\\_label]:(-translate-y-[30%] scale-[0.75])
|
|
285
|
+
[&_.q-field\\_\\_native[type='datetime-local']_+_.q-field\\_\\_label]:(-translate-y-[30%] scale-[0.75])
|
|
286
|
+
[&_.q-field\\_\\_native[type='month']_+_.q-field\\_\\_label]:(-translate-y-[30%] scale-[0.75])
|
|
287
|
+
[&_.q-field\\_\\_native[type='time']_+_.q-field\\_\\_label]:(-translate-y-[30%] scale-[0.75])
|
|
288
|
+
[&_.q-field\\_\\_native[type='week']_+_.q-field\\_\\_label]:(-translate-y-[30%] scale-[0.75])
|
|
289
|
+
[&_.q-field\\_\\_input[type='color']_+_.q-field\\_\\_label]:(-translate-y-[30%] scale-[0.75])
|
|
290
|
+
[&_.q-field\\_\\_input[type='date']_+_.q-field\\_\\_label]:(-translate-y-[30%] scale-[0.75])
|
|
291
|
+
[&_.q-field\\_\\_input[type='datetime-local']_+_.q-field\\_\\_label]:(-translate-y-[30%] scale-[0.75])
|
|
292
|
+
[&_.q-field\\_\\_input[type='month']_+_.q-field\\_\\_label]:(-translate-y-[30%] scale-[0.75])
|
|
293
|
+
[&_.q-field\\_\\_input[type='time']_+_.q-field\\_\\_label]:(-translate-y-[30%] scale-[0.75])
|
|
294
|
+
[&_.q-field\\_\\_input[type='week']_+_.q-field\\_\\_label]:(-translate-y-[30%] scale-[0.75])`
|
|
156
295
|
],
|
|
157
296
|
[
|
|
158
297
|
/^q-field--borderless$/,
|
|
159
298
|
([, c], { theme }) => theme.quasar?.components?.['q-field--borderless'] ??
|
|
160
|
-
`[&_.q-field\\_\\_bottom]:(pl-0 pr-0)
|
|
299
|
+
`[&_.q-field\\_\\_bottom]:(pl-0 pr-0)
|
|
300
|
+
[&.q-field--dense_.q-field\\_\\_control]:(pl-0 pr-0)`
|
|
161
301
|
],
|
|
162
302
|
[
|
|
163
303
|
/^q-field--error$/,
|
|
164
304
|
([, c], { theme }) => theme.quasar?.components?.['q-field--error'] ??
|
|
165
|
-
`[&_.q-field\\_\\_label]:(animate-[q-field-label_0.36s])
|
|
305
|
+
`[&_.q-field\\_\\_label]:(animate-[q-field-label_0.36s])
|
|
306
|
+
[&_.q-field\\_\\_bottom]:(text-color-negative)`
|
|
166
307
|
],
|
|
167
308
|
[
|
|
168
309
|
/^q-field__focusable-action$/,
|
|
169
310
|
([, c], { theme }) => theme.quasar?.components?.['q-field__focusable-action'] ??
|
|
170
|
-
`opacity-60 cursor-pointer !outline-0 border-0 [color:inherit] bg-transparent p-0
|
|
311
|
+
`opacity-60 cursor-pointer !outline-[0] border-[0] [color:inherit] bg-transparent p-0
|
|
312
|
+
[&:hover]:(opacity-100)
|
|
313
|
+
[&:focus]:(opacity-100)`
|
|
171
314
|
],
|
|
172
315
|
[
|
|
173
316
|
/^q-field--auto-height$/,
|
|
174
|
-
([, c], { theme }) =>
|
|
175
|
-
|
|
317
|
+
([, c], { theme }) => `
|
|
318
|
+
[&_.q-field\\_\\_control]:(h-auto)
|
|
319
|
+
[&_.q-field\\_\\_control]:(min-h-[56px])
|
|
320
|
+
[&_.q-field\\_\\_native]:(min-h-[56px])
|
|
321
|
+
[&_.q-field\\_\\_native]:(items-center)
|
|
322
|
+
[&_.q-field\\_\\_control-container]:(pt-0)
|
|
323
|
+
[&_.q-field\\_\\_native]:(leading-[18px])
|
|
324
|
+
[&_.q-field\\_\\_prefix]:(leading-[18px])
|
|
325
|
+
[&_.q-field\\_\\_suffix]:(leading-[18px])
|
|
326
|
+
[&.q-field--labeled_.q-field\\_\\_control-container]:(pt-[24px])
|
|
327
|
+
[&.q-field--labeled_.q-field\\_\\_shadow]:(top-[24px])
|
|
328
|
+
[&.q-field--labeled_.q-field\\_\\_native]:(pt-0)
|
|
329
|
+
[&.q-field--labeled_.q-field\\_\\_prefix]:(pt-0)
|
|
330
|
+
[&.q-field--labeled_.q-field\\_\\_suffix]:(pt-0)
|
|
331
|
+
[&.q-field--labeled_.q-field\\_\\_native]:(min-h-[24px])
|
|
332
|
+
[&.q-field--dense_.q-field\\_\\_control]:(min-h-[40px])
|
|
333
|
+
[&.q-field--dense_.q-field\\_\\_native]:(min-h-[40px])
|
|
334
|
+
[&.q-field--dense.q-field--labeled_.q-field\\_\\_control-container]:(pt-10px)
|
|
335
|
+
[&.q-field--dense.q-field--labeled_.q-field\\_\\_shadow]:(top-[14px])
|
|
336
|
+
[&.q-field--dense.q-field--labeled_.q-field\\_\\_native]:(min-h-[24px])`
|
|
176
337
|
],
|
|
177
338
|
[
|
|
178
339
|
/^q-field--square$/,
|
|
179
|
-
([, c], { theme }) =>
|
|
180
|
-
|
|
340
|
+
([, c], { theme }) => `
|
|
341
|
+
[&_.q-field\\_\\_control]:(!rounded-none)`
|
|
181
342
|
]
|
|
182
343
|
];
|
|
183
344
|
export { preflights, shortcuts };
|
|
@@ -8,17 +8,17 @@ const shortcuts = [
|
|
|
8
8
|
[
|
|
9
9
|
/^q-item__section--side$/,
|
|
10
10
|
([, c], { theme }) => theme.quasar?.components?.['q-item__section--side'] ??
|
|
11
|
-
|
|
11
|
+
`!flex-initial text-[#757575] items-start pr-[16px] w-auto min-w-[0] max-w-full [&_>_.q-icon]:(text-[24px]) [&_>_.q-avatar]:(text-[40px])`
|
|
12
12
|
],
|
|
13
13
|
[
|
|
14
14
|
/^q-item__section--avatar$/,
|
|
15
15
|
([, c], { theme }) => theme.quasar?.components?.['q-item__section--avatar'] ??
|
|
16
|
-
|
|
16
|
+
`!flex-initial [color:inherit] min-w-[56px]`
|
|
17
17
|
],
|
|
18
18
|
[
|
|
19
19
|
/^q-item__section--thumbnail$/,
|
|
20
20
|
([, c], { theme }) => theme.quasar?.components?.['q-item__section--thumbnail'] ??
|
|
21
|
-
|
|
21
|
+
`!flex-initial [&_img]:(w-[100px] h-[56px])`
|
|
22
22
|
],
|
|
23
23
|
[/^q-item__section--nowrap$/, ([, c], { theme }) => `whitespace-nowrap`],
|
|
24
24
|
[
|
|
@@ -7,7 +7,7 @@ const shortcuts = [
|
|
|
7
7
|
[
|
|
8
8
|
/^q-pagination__content$/,
|
|
9
9
|
([, c], { theme }) => theme.quasar?.components?.['q-pagination__content'] ??
|
|
10
|
-
|
|
10
|
+
`!flex-initial mt-[var(--q-pagination-gutter-parent)] ml-[var(--q-pagination-gutter-parent)] [&_>_.q-btn]:(mt-[var(--q-pagination-gutter-child)] ml-[var(--q-pagination-gutter-child)]) [&_>_.q-input]:(mt-[var(--q-pagination-gutter-child)] ml-[var(--q-pagination-gutter-child)])`
|
|
11
11
|
],
|
|
12
12
|
[
|
|
13
13
|
/^q-pagination__middle$/,
|
|
@@ -3,7 +3,7 @@ const shortcuts = [
|
|
|
3
3
|
[
|
|
4
4
|
/^q-pull-to-refresh__puller$/,
|
|
5
5
|
([, c], { theme }) => theme.quasar?.components?.['q-pull-to-refresh__puller'] ??
|
|
6
|
-
|
|
6
|
+
`!flex-initial rounded-[50%] w-[40px] h-[40px] bg-[#fff] [box-shadow:0_0_4px_0_rgba(0,_0,_0,_0.3)] text-primary`
|
|
7
7
|
],
|
|
8
8
|
[
|
|
9
9
|
/^q-pull-to-refresh__puller--animating$/,
|
|
@@ -26,7 +26,10 @@ const shortcuts = [
|
|
|
26
26
|
],
|
|
27
27
|
[/^q-scrollarea__thumb:hover$/, ([, c], { theme }) => `hover:opacity-30`],
|
|
28
28
|
[/^q-scrollarea__thumb:active$/, ([, c], { theme }) => `active:opacity-50`],
|
|
29
|
-
[
|
|
29
|
+
[
|
|
30
|
+
/^q-scrollarea__content$/,
|
|
31
|
+
([, c], { theme }) => `!relative min-h-full min-w-full`
|
|
32
|
+
],
|
|
30
33
|
[
|
|
31
34
|
/^q-scrollarea--dark$/,
|
|
32
35
|
([, c], { theme }) => theme.quasar?.components?.['q-scrollarea--dark'] ??
|
|
@@ -17,7 +17,7 @@ const shortcuts = [
|
|
|
17
17
|
[
|
|
18
18
|
/^q-stepper__dot$/,
|
|
19
19
|
([, c], { theme }) => theme.quasar?.components?.['q-stepper__dot'] ??
|
|
20
|
-
|
|
20
|
+
`!flex-initial mr-[8px] text-[14px] w-[24px] min-w-[24px] h-[24px] rounded-[50%] bg-current [&_span]:(text-[#fff])`
|
|
21
21
|
],
|
|
22
22
|
[
|
|
23
23
|
/^q-stepper__tab$/,
|
|
@@ -14,7 +14,7 @@ const shortcuts = [
|
|
|
14
14
|
[
|
|
15
15
|
/^q-table$/,
|
|
16
16
|
([, c], { theme }) => theme.quasar?.components?.['q-table'] ??
|
|
17
|
-
`w-full max-w-full border-separate [border-spacing:0] [&_thead_tr]:(h-[48px]) [&_tbody_td]:(h-[48px]) [&_th]:(font-medium text-[12px] select-none) [&_th.sortable]:(cursor-pointer) [&_th.sortable:hover_.q-table\\_\\_sort-icon]:(opacity-[0.64]) [&_th.sorted_.q-table\\_\\_sort-icon]:(!opacity-[0.86]) [&_th.sort-desc_.q-table\\_\\_sort-icon]:(rotate-180) [&_th]:(px-[16px] py-[7px] [background-color:inherit]) [&_td]:(px-[16px] py-[7px] [background-color:inherit]) [&_thead]:(border-solid border-
|
|
17
|
+
`w-full max-w-full border-separate [border-spacing:0] [&_thead_tr]:(h-[48px]) [&_tbody_td]:(h-[48px]) [&_th]:(font-medium text-[12px] select-none) [&_th.sortable]:(cursor-pointer) [&_th.sortable:hover_.q-table\\_\\_sort-icon]:(opacity-[0.64]) [&_th.sorted_.q-table\\_\\_sort-icon]:(!opacity-[0.86]) [&_th.sort-desc_.q-table\\_\\_sort-icon]:(rotate-180) [&_th]:(px-[16px] py-[7px] [background-color:inherit]) [&_td]:(px-[16px] py-[7px] [background-color:inherit]) [&_thead]:(border-solid border-0) [&_td]:(border-solid border-0) [&_th]:(border-solid border-0) [&_tbody_td]:(text-[13px]) [&_thead]:(border-[rgba(0,_0,_0,_0.12)]) [&_tr]:(border-[rgba(0,_0,_0,_0.12)]) [&_th]:(border-[rgba(0,_0,_0,_0.12)]) [&_td]:(border-[rgba(0,_0,_0,_0.12)]) [&_tbody_td]:(relative) [&_tbody_td:before]:(absolute top-[0] left-[0] right-[0] bottom-[0] pointer-events-none) [&_tbody_td:after]:(absolute top-[0] left-[0] right-[0] bottom-[0] pointer-events-none) [&_tbody_td:before]:(bg-[rgba(0,_0,_0,_0.03)]) [&_tbody_td:after]:(bg-[rgba(0,_0,_0,_0.06)]) [&_tbody_tr.selected_td:after]:(content-['']) [&_.q-virtual-scroll\\_\\_padding_tr]:(!h-[0]) [&_.q-virtual-scroll\\_\\_padding_td]:(!p-0)`
|
|
18
18
|
],
|
|
19
19
|
[
|
|
20
20
|
/^q-table__card$/,
|
|
@@ -43,7 +43,7 @@ const shortcuts = [
|
|
|
43
43
|
[
|
|
44
44
|
/^q-table__progress$/,
|
|
45
45
|
([, c], { theme }) => theme.quasar?.components?.['q-table__progress'] ??
|
|
46
|
-
`!h-[0] [&_th]:(!p-0 !border-
|
|
46
|
+
`!h-[0] [&_th]:(!p-0 !border-0) [&_.q-linear-progress]:(absolute bottom-[0])`
|
|
47
47
|
],
|
|
48
48
|
[
|
|
49
49
|
/^q-table__middle$/,
|
|
@@ -123,7 +123,7 @@ const shortcuts = [
|
|
|
123
123
|
[
|
|
124
124
|
/^q-table--grid$/,
|
|
125
125
|
([, c], { theme }) => theme.quasar?.components?.['q-table--grid'] ??
|
|
126
|
-
`[box-shadow:none] rounded-[4px] [&_.q-table\\_\\_top]:(pb-[4px]) [&_.q-table\\_\\_middle]:(min-h-[2px] mb-[4px]) [&_.q-table\\_\\_middle_thead]:(!border-
|
|
126
|
+
`[box-shadow:none] rounded-[4px] [&_.q-table\\_\\_top]:(pb-[4px]) [&_.q-table\\_\\_middle]:(min-h-[2px] mb-[4px]) [&_.q-table\\_\\_middle_thead]:(!border-0) [&_.q-table\\_\\_middle_thead_th]:(!border-0) [&_.q-table\\_\\_linear-progress]:(bottom-[0]) [&_.q-table\\_\\_bottom]:([border-top:0]) [&_.q-table\\_\\_grid-content]:(flex-auto) [&.fullscreen]:([background:inherit])`
|
|
127
127
|
],
|
|
128
128
|
[
|
|
129
129
|
/^q-table__grid-item-card$/,
|
|
@@ -36,7 +36,7 @@ const shortcuts = [
|
|
|
36
36
|
[
|
|
37
37
|
/^q-toggle__track$/,
|
|
38
38
|
([, c], { theme }) => theme.quasar?.components?.['q-toggle__track'] ??
|
|
39
|
-
`h-[0.35em] rounded-[0.175em] opacity-[0.38] bg-current`
|
|
39
|
+
`h-[0.35em] max-w-32px rounded-[0.175em] opacity-[0.38] bg-current`
|
|
40
40
|
],
|
|
41
41
|
[
|
|
42
42
|
/^q-toggle__thumb$/,
|
|
@@ -46,7 +46,7 @@ const shortcuts = [
|
|
|
46
46
|
[
|
|
47
47
|
/^q-toggle__inner$/,
|
|
48
48
|
([, c], { theme }) => theme.quasar?.components?.['q-toggle__inner'] ??
|
|
49
|
-
`text-[40px] w-[1.4em] min-w-[1.4em] h-[1em] px-[0.3em] py-[0.325em]`
|
|
49
|
+
`text-[40px] w-[1.4em] min-w-[1.4em] max-h-[1em] px-[0.3em] py-[0.325em]`
|
|
50
50
|
],
|
|
51
51
|
[
|
|
52
52
|
/^q-toggle__inner--indet$/,
|