vitrify 0.17.11 → 0.17.13
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/QCheckbox.unocss.js +4 -4
- 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/QTabs.unocss.js +3 -3
- package/dist/plugins/quasar/unocss/components/QTime.unocss.js +4 -4
- package/dist/plugins/quasar/unocss/components/QToggle.unocss.js +6 -5
- 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 +17 -3
- 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/QCheckbox.unocss.ts +4 -4
- 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/QTabs.unocss.ts +3 -3
- package/src/node/plugins/quasar/unocss/components/QTime.unocss.ts +4 -4
- package/src/node/plugins/quasar/unocss/components/QToggle.unocss.ts +6 -5
- 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 +38 -4
- package/src/node/plugins/quasar/unocss/theme.ts +16 -0
|
@@ -30,7 +30,9 @@ const shortcuts: UserShortcuts<QuasarTheme> = [
|
|
|
30
30
|
/^q-field$/,
|
|
31
31
|
([, c], { theme }) =>
|
|
32
32
|
theme.quasar?.components?.['q-field'] ??
|
|
33
|
-
`text-[14px]
|
|
33
|
+
`text-[14px]
|
|
34
|
+
[&_::-ms-clear]:(hidden)
|
|
35
|
+
[&_::-ms-reveal]:(hidden)`
|
|
34
36
|
],
|
|
35
37
|
|
|
36
38
|
[/^q-field--with-bottom$/, ([, c], { theme }) => `pb-[20px]`],
|
|
@@ -39,20 +41,28 @@ const shortcuts: UserShortcuts<QuasarTheme> = [
|
|
|
39
41
|
/^q-field__marginal$/,
|
|
40
42
|
([, c], { theme }) =>
|
|
41
43
|
theme.quasar?.components?.['q-field__marginal'] ??
|
|
42
|
-
`h-[56px] text-
|
|
44
|
+
`h-[56px] text-black/54 text-[24px]
|
|
45
|
+
[&_>_*_+_*]:(ml-[2px])
|
|
46
|
+
[&_.q-avatar]:(text-[32px])`
|
|
43
47
|
],
|
|
44
48
|
|
|
45
|
-
[/^q-field__before$/, ([, c], { theme }) => `pr-[12px]`],
|
|
49
|
+
[/^q-field__before$/, ([, c], { theme }) => `flex-initial pr-[12px]`],
|
|
46
50
|
|
|
47
|
-
[/^q-field__prepend$/, ([, c], { theme }) => `pr-[12px]`],
|
|
51
|
+
[/^q-field__prepend$/, ([, c], { theme }) => `flex-initial pr-[12px]`],
|
|
48
52
|
|
|
49
|
-
[
|
|
53
|
+
[
|
|
54
|
+
/^q-field__after$/,
|
|
55
|
+
([, c], { theme }) => `flex-initial pl-[12px]
|
|
56
|
+
[&:empty]:(hidden)`
|
|
57
|
+
],
|
|
50
58
|
|
|
51
59
|
[
|
|
52
60
|
/^q-field__append$/,
|
|
53
61
|
([, c], { theme }) =>
|
|
54
62
|
theme.quasar?.components?.['q-field__append'] ??
|
|
55
|
-
`pl-[12px]
|
|
63
|
+
`flex-initial pl-[12px]
|
|
64
|
+
[&:empty]:(hidden)
|
|
65
|
+
[&_+_.q-field\\_\\_append]:(pl-[2px])`
|
|
56
66
|
],
|
|
57
67
|
|
|
58
68
|
[/^q-field__inner$/, ([, c], { theme }) => `text-left`],
|
|
@@ -61,21 +71,23 @@ const shortcuts: UserShortcuts<QuasarTheme> = [
|
|
|
61
71
|
/^q-field__bottom$/,
|
|
62
72
|
([, c], { theme }) =>
|
|
63
73
|
theme.quasar?.components?.['q-field__bottom'] ??
|
|
64
|
-
`text-[12px] min-h-[20px] leading-none text-
|
|
74
|
+
`text-[12px] min-h-[20px] leading-none text-black/54 mt--12px px-[12px] pb-[0] [backface-visibility:hidden]`
|
|
65
75
|
],
|
|
66
76
|
|
|
67
77
|
[
|
|
68
78
|
/^q-field__bottom--animated$/,
|
|
69
79
|
([, c], { theme }) =>
|
|
70
80
|
theme.quasar?.components?.['q-field__bottom--animated'] ??
|
|
71
|
-
`translate-y-full
|
|
81
|
+
`translate-y-full left-[0] right-[0] bottom-[0]`
|
|
72
82
|
],
|
|
73
83
|
|
|
74
84
|
[
|
|
75
85
|
/^q-field__messages$/,
|
|
76
86
|
([, c], { theme }) =>
|
|
77
87
|
theme.quasar?.components?.['q-field__messages'] ??
|
|
78
|
-
`leading-none
|
|
88
|
+
`leading-none
|
|
89
|
+
[&_>_div]:([word-wrap:break-word] break-words)
|
|
90
|
+
[&_>_div_+_div]:(mt-[4px])`
|
|
79
91
|
],
|
|
80
92
|
|
|
81
93
|
[/^q-field__counter$/, ([, c], { theme }) => `pl-[8px] leading-none`],
|
|
@@ -84,72 +96,108 @@ const shortcuts: UserShortcuts<QuasarTheme> = [
|
|
|
84
96
|
/^q-field--item-aligned$/,
|
|
85
97
|
([, c], { theme }) =>
|
|
86
98
|
theme.quasar?.components?.['q-field--item-aligned'] ??
|
|
87
|
-
`px-[16px] py-[8px]
|
|
99
|
+
`px-[16px] py-[8px]
|
|
100
|
+
[&_.q-field\\_\\_before]:(min-w-[56px])`
|
|
88
101
|
],
|
|
89
102
|
|
|
90
|
-
[
|
|
103
|
+
[
|
|
104
|
+
/^q-field__control-container$/,
|
|
105
|
+
([, c], { theme }) => `h-inherit items-center`
|
|
106
|
+
],
|
|
91
107
|
|
|
92
108
|
[
|
|
93
109
|
/^q-field__control$/,
|
|
94
110
|
([, c], { theme }) =>
|
|
95
111
|
theme.quasar?.components?.['q-field__control'] ??
|
|
96
|
-
`h-[56px] max-w-full outline-[none]
|
|
112
|
+
`h-[56px] max-w-full outline-[none] text-primary
|
|
113
|
+
[&:before]:(content-empty top-[0] right-[0] bottom-[0] left-[0] pointer-events-none absolute border-rd-inherit)
|
|
114
|
+
[&:after]:(content-empty top-[0] right-[0] bottom-[0] left-[0] pointer-events-none absolute)`
|
|
97
115
|
],
|
|
98
116
|
|
|
99
117
|
[
|
|
100
118
|
/^q-field__shadow$/,
|
|
101
119
|
([, c], { theme }) =>
|
|
102
120
|
theme.quasar?.components?.['q-field__shadow'] ??
|
|
103
|
-
`top-[8px] opacity-0 overflow-hidden whitespace-pre-wrap [transition:opacity_0.36s_cubic-bezier(0.4,_0,_0.2,_1)]
|
|
121
|
+
`top-[8px] opacity-0 overflow-hidden whitespace-pre-wrap [transition:opacity_0.36s_cubic-bezier(0.4,_0,_0.2,_1)]
|
|
122
|
+
[&_+_.q-field\\_\\_native::placeholder]:([transition:opacity_0.36s_cubic-bezier(0.4,_0,_0.2,_1)])
|
|
123
|
+
[&_+_.q-field\\_\\_native:focus::placeholder]:(opacity-0)`
|
|
104
124
|
],
|
|
105
125
|
|
|
106
126
|
[
|
|
107
127
|
/^q-field__native$/,
|
|
108
128
|
([, c], { theme }) =>
|
|
109
129
|
theme.quasar?.components?.['q-field__native'] ??
|
|
110
|
-
`font-normal leading-[28px] tracking-[0.00937em] [text-decoration:inherit] [text-transform:inherit] border-none rounded-none bg-
|
|
130
|
+
`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
|
|
131
|
+
[&:-webkit-autofill]:()
|
|
132
|
+
[&:-webkit-autofill_+_.q-field\\_\\_label]:(-translate-y-[40%] scale-[0.75])
|
|
133
|
+
[&[type='color']_+_.q-field\\_\\_label]:(-translate-y-[40%] scale-[0.75])
|
|
134
|
+
[&[type='date']_+_.q-field\\_\\_label]:(-translate-y-[40%] scale-[0.75])
|
|
135
|
+
[&[type='datetime-local']_+_.q-field\\_\\_label]:(-translate-y-[40%] scale-[0.75])
|
|
136
|
+
[&[type='month']_+_.q-field\\_\\_label]:(-translate-y-[40%] scale-[0.75])
|
|
137
|
+
[&[type='time']_+_.q-field\\_\\_label]:(-translate-y-[40%] scale-[0.75])
|
|
138
|
+
[&[type='week']_+_.q-field\\_\\_label]:(-translate-y-[40%] scale-[0.75])
|
|
139
|
+
[&:invalid]:([box-shadow:none])
|
|
140
|
+
[&[type='file']]:(leading-[1em])`
|
|
111
141
|
],
|
|
112
142
|
|
|
113
143
|
[
|
|
114
144
|
/^q-field__prefix$/,
|
|
115
145
|
([, c], { theme }) =>
|
|
116
146
|
theme.quasar?.components?.['q-field__prefix'] ??
|
|
117
|
-
`font-normal leading-[28px] tracking-[0.00937em] [text-decoration:inherit] [text-transform:inherit] border-none rounded-none bg-
|
|
147
|
+
`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]`
|
|
118
148
|
],
|
|
119
149
|
|
|
120
150
|
[
|
|
121
151
|
/^q-field__suffix$/,
|
|
122
152
|
([, c], { theme }) =>
|
|
123
153
|
theme.quasar?.components?.['q-field__suffix'] ??
|
|
124
|
-
`font-normal leading-[28px] tracking-[0.00937em] [text-decoration:inherit] [text-transform:inherit] border-none rounded-none bg-
|
|
154
|
+
`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]`
|
|
125
155
|
],
|
|
126
156
|
|
|
127
157
|
[
|
|
128
158
|
/^q-field__input$/,
|
|
129
159
|
([, c], { theme }) =>
|
|
130
160
|
theme.quasar?.components?.['q-field__input'] ??
|
|
131
|
-
`font-normal leading-[28px] tracking-[0.00937em] [text-decoration:inherit] [text-transform:inherit] border-none rounded-none bg-
|
|
161
|
+
`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
|
|
162
|
+
[&:-webkit-autofill]:()
|
|
163
|
+
[&:-webkit-autofill_+_.q-field\\_\\_label]:(-translate-y-[40%] scale-[0.75])
|
|
164
|
+
[&[type='color']_+_.q-field\\_\\_label]:(-translate-y-[40%] scale-[0.75])
|
|
165
|
+
[&[type='date']_+_.q-field\\_\\_label]:(-translate-y-[40%] scale-[0.75])
|
|
166
|
+
[&[type='datetime-local']_+_.q-field\\_\\_label]:(-translate-y-[40%] scale-[0.75])
|
|
167
|
+
[&[type='month']_+_.q-field\\_\\_label]:(-translate-y-[40%] scale-[0.75])
|
|
168
|
+
[&[type='time']_+_.q-field\\_\\_label]:(-translate-y-[40%] scale-[0.75])
|
|
169
|
+
[&[type='week']_+_.q-field\\_\\_label]:(-translate-y-[40%] scale-[0.75])
|
|
170
|
+
[&:invalid]:([box-shadow:none]) p-0 h-[0] min-h-[24px] leading-[24px]`
|
|
132
171
|
],
|
|
133
172
|
|
|
134
173
|
[
|
|
135
174
|
/^q-field--readonly$/,
|
|
136
175
|
([, c], { theme }) =>
|
|
137
176
|
theme.quasar?.components?.['q-field--readonly'] ??
|
|
138
|
-
`[&_.q-placeholder]:(!opacity-100)
|
|
177
|
+
`[&_.q-placeholder]:(!opacity-100)
|
|
178
|
+
[&.q-field--labeled_.q-field\\_\\_native]:(cursor-default)
|
|
179
|
+
[&.q-field--labeled_.q-field\\_\\_input]:(cursor-default)
|
|
180
|
+
[&.q-field--float_.q-field\\_\\_native]:(cursor-text)
|
|
181
|
+
[&.q-field--float_.q-field\\_\\_input]:(cursor-text)`
|
|
139
182
|
],
|
|
140
183
|
|
|
141
184
|
[
|
|
142
185
|
/^q-field--disabled$/,
|
|
143
186
|
([, c], { theme }) =>
|
|
144
187
|
theme.quasar?.components?.['q-field--disabled'] ??
|
|
145
|
-
`[&_.q-placeholder]:(!opacity-100)
|
|
188
|
+
`[&_.q-placeholder]:(!opacity-100)
|
|
189
|
+
[&_.q-field\\_\\_inner]:(cursor-not-allowed)
|
|
190
|
+
[&_.q-field\\_\\_control]:(pointer-events-none)
|
|
191
|
+
[&_.q-field\\_\\_control_>_div]:(!opacity-60)
|
|
192
|
+
[&_.q-field\\_\\_control_>_div]:(!outline-[0])
|
|
193
|
+
[&_.q-field\\_\\_control_>_div_*]:(!outline-[0])`
|
|
146
194
|
],
|
|
147
195
|
|
|
148
196
|
[
|
|
149
197
|
/^q-field__label$/,
|
|
150
198
|
([, c], { theme }) =>
|
|
151
199
|
theme.quasar?.components?.['q-field__label'] ??
|
|
152
|
-
`left-0 top-[18px] max-w-full text-
|
|
200
|
+
`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]`
|
|
153
201
|
],
|
|
154
202
|
|
|
155
203
|
[
|
|
@@ -163,91 +211,202 @@ const shortcuts: UserShortcuts<QuasarTheme> = [
|
|
|
163
211
|
/^q-field--highlighted$/,
|
|
164
212
|
([, c], { theme }) =>
|
|
165
213
|
theme.quasar?.components?.['q-field--highlighted'] ??
|
|
166
|
-
`[&_.q-field\\_\\_label]:(text-current)
|
|
214
|
+
`[&_.q-field\\_\\_label]:(text-current)
|
|
215
|
+
[&_.q-field\\_\\_shadow]:(opacity-50)`
|
|
167
216
|
],
|
|
168
217
|
|
|
169
218
|
[
|
|
170
219
|
/^q-field--filled$/,
|
|
171
220
|
([, c], { theme }) =>
|
|
172
221
|
theme.quasar?.components?.['q-field--filled'] ??
|
|
173
|
-
`[&_.q-field\\_\\_control]:(px-[12px] py-[0] bg-
|
|
222
|
+
`[&_.q-field\\_\\_control]:(px-[12px] py-[0] layer-components:bg-black/5 rounded-tl-[4px] rounded-br-[0] rounded-tr-[4px] rounded-bl-[0])
|
|
223
|
+
[&_.q-field\\_\\_control:before]:(layer-components: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)])
|
|
224
|
+
[&_.q-field\\_\\_control:hover:before]:(opacity-100)
|
|
225
|
+
[&_.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)])
|
|
226
|
+
[&.q-field--rounded_.q-field\\_\\_control]:(rounded-tl-[28px] rounded-br-[0] rounded-tr-[28px] rounded-bl-[0])
|
|
227
|
+
[&.q-field--highlighted_.q-field\\_\\_control:before]:(opacity-100 layer-components:bg-black/12)
|
|
228
|
+
[&.q-field--highlighted_.q-field\\_\\_control:after]:([transform:scale3d(1,_1,_1)])
|
|
229
|
+
[&.q-field--dark_.q-field\\_\\_control]:(layer-components:bg-white/7)
|
|
230
|
+
[&.q-field--dark_.q-field\\_\\_control:before]:(layer-components:bg-white/7)
|
|
231
|
+
[&.q-field--dark.q-field--highlighted_.q-field\\_\\_control:before]:(layer-components:bg-white/1)
|
|
232
|
+
[&.q-field--readonly_.q-field\\_\\_control:before]:(opacity-100 bg-transparent [border-bottom-style:dashed])`
|
|
174
233
|
],
|
|
175
234
|
|
|
176
235
|
[
|
|
177
236
|
/^q-field--outlined$/,
|
|
178
237
|
([, c], { theme }) =>
|
|
179
238
|
theme.quasar?.components?.['q-field--outlined'] ??
|
|
180
|
-
`[&_.q-field\\_\\_control]:(rounded-[4px] px-[12px] py-[0])
|
|
239
|
+
`[&_.q-field\\_\\_control]:(rounded-[4px] px-[12px] py-[0])
|
|
240
|
+
[&_.q-field\\_\\_control:before]:(border-[1px] border-solid border-black/24 [transition:border-color_0.36s_cubic-bezier(0.4,_0,_0.2,_1)])
|
|
241
|
+
[&_.q-field\\_\\_control:hover:before]:(layer-components:border-black)
|
|
242
|
+
[&_.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)])
|
|
243
|
+
[&_.q-field\\_\\_native:-webkit-autofill]:(mt-px mb-px)
|
|
244
|
+
[&_.q-field\\_\\_input:-webkit-autofill]:(mt-px mb-px)
|
|
245
|
+
[&.q-field--rounded_.q-field\\_\\_control]:(rounded-[28px])
|
|
246
|
+
[&.q-field--highlighted_.q-field\\_\\_control:hover:before]:(border-transparent)
|
|
247
|
+
[&.q-field--highlighted_.q-field\\_\\_control:after]:(border-current border-2 [transform:scale3d(1,_1,_1)])
|
|
248
|
+
[&.q-field--readonly_.q-field\\_\\_control:before]:(border-dashed)`
|
|
181
249
|
],
|
|
182
250
|
|
|
183
251
|
[
|
|
184
252
|
/^q-field--standard$/,
|
|
185
253
|
([, c], { theme }) =>
|
|
186
254
|
theme.quasar?.components?.['q-field--standard'] ??
|
|
187
|
-
`[&_.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)])
|
|
255
|
+
`[&_.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)])
|
|
256
|
+
[&_.q-field\\_\\_control:hover:before]:(layer-components:border-black)
|
|
257
|
+
[&_.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)])
|
|
258
|
+
[&.q-field--highlighted_.q-field\\_\\_control:after]:([transform:scale3d(1,_1,_1)])
|
|
259
|
+
[&.q-field--readonly_.q-field\\_\\_control:before]:([border-bottom-style:dashed])
|
|
260
|
+
[&_.q-field\\_\\_bottom]:(pl-0 pr-0)
|
|
261
|
+
[&.q-field--dense_.q-field\\_\\_control]:(pl-0 pr-0)`
|
|
188
262
|
],
|
|
189
263
|
|
|
190
264
|
[
|
|
191
265
|
/^q-field--dark$/,
|
|
192
266
|
([, c], { theme }) =>
|
|
193
267
|
theme.quasar?.components?.['q-field--dark'] ??
|
|
194
|
-
`[&_.q-field\\_\\_control:before]:(border-
|
|
268
|
+
`[&_.q-field\\_\\_control:before]:(border-white/60)
|
|
269
|
+
[&_.q-field\\_\\_control:hover:before]:(border-white)
|
|
270
|
+
[&_.q-field\\_\\_native]:(text-white)
|
|
271
|
+
[&_.q-field\\_\\_prefix]:(text-white)
|
|
272
|
+
[&_.q-field\\_\\_suffix]:(text-white)
|
|
273
|
+
[&_.q-field\\_\\_input]:(text-white)
|
|
274
|
+
[&:not(.q-field--highlighted)_.q-field\\_\\_label]:(text-white/70)
|
|
275
|
+
[&_.q-field\\_\\_marginal]:(text-white/70)
|
|
276
|
+
[&_.q-field\\_\\_bottom]:(text-white/70)`
|
|
195
277
|
],
|
|
196
278
|
|
|
197
279
|
[
|
|
198
280
|
/^q-field--standout$/,
|
|
199
281
|
([, c], { theme }) =>
|
|
200
282
|
theme.quasar?.components?.['q-field--standout'] ??
|
|
201
|
-
`[&_.q-field\\_\\_control]:(px-[12px] py-[0] bg-
|
|
283
|
+
`[&_.q-field\\_\\_control]:(px-[12px] py-[0] layer-components: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)])
|
|
284
|
+
[&_.q-field\\_\\_control:before]:(layer-components: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)])
|
|
285
|
+
[&_.q-field\\_\\_control:hover:before]:(opacity-100)
|
|
286
|
+
[&.q-field--rounded_.q-field\\_\\_control]:(rounded-[28px])
|
|
287
|
+
[&.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-components:bg-white)
|
|
288
|
+
[&.q-field--highlighted_.q-field\\_\\_native]:(text-white)
|
|
289
|
+
[&.q-field--highlighted_.q-field\\_\\_prefix]:(text-white)
|
|
290
|
+
[&.q-field--highlighted_.q-field\\_\\_suffix]:(text-white)
|
|
291
|
+
[&.q-field--highlighted_.q-field\\_\\_prepend]:(text-white)
|
|
292
|
+
[&.q-field--highlighted_.q-field\\_\\_append]:(text-white)
|
|
293
|
+
[&.q-field--highlighted_.q-field\\_\\_input]:(text-white)
|
|
294
|
+
[&.q-field--readonly_.q-field\\_\\_control:before]:(opacity-100 bg-transparent border-[1px] border-dashed border-black/24)
|
|
295
|
+
[&.q-field--dark_.q-field\\_\\_control]:(bg-[rgba(255,_255,_255,_0.07)])
|
|
296
|
+
[&.q-field--dark_.q-field\\_\\_control:before]:(layer-components:bg-white/7)
|
|
297
|
+
[&.q-field--dark.q-field--highlighted_.q-field\\_\\_control]:(layer-components:bg-white)
|
|
298
|
+
[&.q-field--dark.q-field--highlighted_.q-field\\_\\_native]:(text-black)
|
|
299
|
+
[&.q-field--dark.q-field--highlighted_.q-field\\_\\_prefix]:(text-black)
|
|
300
|
+
[&.q-field--dark.q-field--highlighted_.q-field\\_\\_suffix]:(text-black)
|
|
301
|
+
[&.q-field--dark.q-field--highlighted_.q-field\\_\\_prepend]:(text-black)
|
|
302
|
+
[&.q-field--dark.q-field--highlighted_.q-field\\_\\_append]:(text-black)
|
|
303
|
+
[&.q-field--dark.q-field--highlighted_.q-field\\_\\_input]:(text-black)
|
|
304
|
+
[&.q-field--dark.q-field--readonly_.q-field\\_\\_control:before]:(border-white/24)`
|
|
202
305
|
],
|
|
203
306
|
|
|
204
307
|
[
|
|
205
308
|
/^q-field--labeled$/,
|
|
206
309
|
([, c], { theme }) =>
|
|
207
310
|
theme.quasar?.components?.['q-field--labeled'] ??
|
|
208
|
-
`[&_.q-field\\_\\_native]:(leading-[24px] pt-[24px] pb-[8px])
|
|
311
|
+
`[&_.q-field\\_\\_native]:(leading-[24px] pt-[24px] pb-[8px])
|
|
312
|
+
[&_.q-field\\_\\_prefix]:(leading-[24px] pt-[24px] pb-[8px])
|
|
313
|
+
[&_.q-field\\_\\_suffix]:(leading-[24px] pt-[24px] pb-[8px])
|
|
314
|
+
[&_.q-field\\_\\_shadow]:(top-[0])
|
|
315
|
+
[&:not(.q-field--float)_.q-field\\_\\_prefix]:(opacity-0)
|
|
316
|
+
[&:not(.q-field--float)_.q-field\\_\\_suffix]:(opacity-0)
|
|
317
|
+
[&:not(.q-field--float)_.q-field\\_\\_native::placeholder]:(text-transparent)
|
|
318
|
+
[&:not(.q-field--float)_.q-field\\_\\_input::placeholder]:(text-transparent)
|
|
319
|
+
[&.q-field--dense_.q-field\\_\\_native]:()
|
|
320
|
+
[&.q-field--dense_.q-field\\_\\_prefix]:()
|
|
321
|
+
[&.q-field--dense_.q-field\\_\\_suffix]:()`
|
|
209
322
|
],
|
|
210
323
|
|
|
211
324
|
[
|
|
212
325
|
/^q-field--dense$/,
|
|
213
326
|
([, c], { theme }) =>
|
|
214
327
|
theme.quasar?.components?.['q-field--dense'] ??
|
|
215
|
-
`[&_.q-field--with-bottom]:(pb-[19px])
|
|
328
|
+
`[&_.q-field--with-bottom]:(pb-[19px])
|
|
329
|
+
[&_.q-field\\_\\_shadow]:(top-[0])
|
|
330
|
+
[&_.q-field\\_\\_control]:(h-[40px])
|
|
331
|
+
[&_.q-field\\_\\_marginal]:(h-[40px])
|
|
332
|
+
[&_.q-field\\_\\_bottom]:(text-[11px])
|
|
333
|
+
[&_.q-field\\_\\_label]:(text-[14px] top-[10px])
|
|
334
|
+
[&_.q-field\\_\\_before]:()
|
|
335
|
+
[&_.q-field\\_\\_prepend]:()
|
|
336
|
+
[&_.q-field\\_\\_after]:()
|
|
337
|
+
[&_.q-field\\_\\_append]:()
|
|
338
|
+
[&_.q-field\\_\\_append_+_.q-field\\_\\_append]:(pl-[2px])
|
|
339
|
+
[&_.q-field\\_\\_marginal_.q-avatar]:(text-[24px])
|
|
340
|
+
[&.q-field--float_.q-field\\_\\_label]:(-translate-y-[30%] scale-[0.75])
|
|
341
|
+
[&_.q-field\\_\\_native:-webkit-autofill_+_.q-field\\_\\_label]:(-translate-y-[30%] scale-[0.75])
|
|
342
|
+
[&_.q-field\\_\\_input:-webkit-autofill_+_.q-field\\_\\_label]:(-translate-y-[30%] scale-[0.75])
|
|
343
|
+
[&_.q-field\\_\\_native[type='color']_+_.q-field\\_\\_label]:(-translate-y-[30%] scale-[0.75])
|
|
344
|
+
[&_.q-field\\_\\_native[type='date']_+_.q-field\\_\\_label]:(-translate-y-[30%] scale-[0.75])
|
|
345
|
+
[&_.q-field\\_\\_native[type='datetime-local']_+_.q-field\\_\\_label]:(-translate-y-[30%] scale-[0.75])
|
|
346
|
+
[&_.q-field\\_\\_native[type='month']_+_.q-field\\_\\_label]:(-translate-y-[30%] scale-[0.75])
|
|
347
|
+
[&_.q-field\\_\\_native[type='time']_+_.q-field\\_\\_label]:(-translate-y-[30%] scale-[0.75])
|
|
348
|
+
[&_.q-field\\_\\_native[type='week']_+_.q-field\\_\\_label]:(-translate-y-[30%] scale-[0.75])
|
|
349
|
+
[&_.q-field\\_\\_input[type='color']_+_.q-field\\_\\_label]:(-translate-y-[30%] scale-[0.75])
|
|
350
|
+
[&_.q-field\\_\\_input[type='date']_+_.q-field\\_\\_label]:(-translate-y-[30%] scale-[0.75])
|
|
351
|
+
[&_.q-field\\_\\_input[type='datetime-local']_+_.q-field\\_\\_label]:(-translate-y-[30%] scale-[0.75])
|
|
352
|
+
[&_.q-field\\_\\_input[type='month']_+_.q-field\\_\\_label]:(-translate-y-[30%] scale-[0.75])
|
|
353
|
+
[&_.q-field\\_\\_input[type='time']_+_.q-field\\_\\_label]:(-translate-y-[30%] scale-[0.75])
|
|
354
|
+
[&_.q-field\\_\\_input[type='week']_+_.q-field\\_\\_label]:(-translate-y-[30%] scale-[0.75])`
|
|
216
355
|
],
|
|
217
356
|
|
|
218
357
|
[
|
|
219
358
|
/^q-field--borderless$/,
|
|
220
359
|
([, c], { theme }) =>
|
|
221
360
|
theme.quasar?.components?.['q-field--borderless'] ??
|
|
222
|
-
`[&_.q-field\\_\\_bottom]:(pl-0 pr-0)
|
|
361
|
+
`[&_.q-field\\_\\_bottom]:(pl-0 pr-0)
|
|
362
|
+
[&.q-field--dense_.q-field\\_\\_control]:(pl-0 pr-0)`
|
|
223
363
|
],
|
|
224
364
|
|
|
225
365
|
[
|
|
226
366
|
/^q-field--error$/,
|
|
227
367
|
([, c], { theme }) =>
|
|
228
368
|
theme.quasar?.components?.['q-field--error'] ??
|
|
229
|
-
`[&_.q-field\\_\\_label]:(animate-[q-field-label_0.36s])
|
|
369
|
+
`[&_.q-field\\_\\_label]:(animate-[q-field-label_0.36s])
|
|
370
|
+
[&_.q-field\\_\\_bottom]:(text-color-negative)`
|
|
230
371
|
],
|
|
231
372
|
|
|
232
373
|
[
|
|
233
374
|
/^q-field__focusable-action$/,
|
|
234
375
|
([, c], { theme }) =>
|
|
235
376
|
theme.quasar?.components?.['q-field__focusable-action'] ??
|
|
236
|
-
`opacity-60 cursor-pointer !outline-0 border-0 [color:inherit] bg-transparent p-0
|
|
377
|
+
`opacity-60 cursor-pointer !outline-[0] border-[0] [color:inherit] bg-transparent p-0
|
|
378
|
+
[&:hover]:(opacity-100)
|
|
379
|
+
[&:focus]:(opacity-100)`
|
|
237
380
|
],
|
|
238
381
|
|
|
239
382
|
[
|
|
240
383
|
/^q-field--auto-height$/,
|
|
241
|
-
([, c], { theme }) =>
|
|
242
|
-
|
|
243
|
-
|
|
384
|
+
([, c], { theme }) => `
|
|
385
|
+
[&_.q-field\\_\\_control]:(h-auto)
|
|
386
|
+
[&_.q-field\\_\\_control]:(min-h-[56px])
|
|
387
|
+
[&_.q-field\\_\\_native]:(min-h-[56px])
|
|
388
|
+
[&_.q-field\\_\\_native]:(items-center)
|
|
389
|
+
[&_.q-field\\_\\_control-container]:(pt-0)
|
|
390
|
+
[&_.q-field\\_\\_native]:(leading-[18px])
|
|
391
|
+
[&_.q-field\\_\\_prefix]:(leading-[18px])
|
|
392
|
+
[&_.q-field\\_\\_suffix]:(leading-[18px])
|
|
393
|
+
[&.q-field--labeled_.q-field\\_\\_control-container]:(pt-[24px])
|
|
394
|
+
[&.q-field--labeled_.q-field\\_\\_shadow]:(top-[24px])
|
|
395
|
+
[&.q-field--labeled_.q-field\\_\\_native]:(pt-0)
|
|
396
|
+
[&.q-field--labeled_.q-field\\_\\_prefix]:(pt-0)
|
|
397
|
+
[&.q-field--labeled_.q-field\\_\\_suffix]:(pt-0)
|
|
398
|
+
[&.q-field--labeled_.q-field\\_\\_native]:(min-h-[24px])
|
|
399
|
+
[&.q-field--dense_.q-field\\_\\_control]:(min-h-[40px])
|
|
400
|
+
[&.q-field--dense_.q-field\\_\\_native]:(min-h-[40px])
|
|
401
|
+
[&.q-field--dense.q-field--labeled_.q-field\\_\\_control-container]:(pt-10px)
|
|
402
|
+
[&.q-field--dense.q-field--labeled_.q-field\\_\\_shadow]:(top-[14px])
|
|
403
|
+
[&.q-field--dense.q-field--labeled_.q-field\\_\\_native]:(min-h-[24px])`
|
|
244
404
|
],
|
|
245
405
|
|
|
246
406
|
[
|
|
247
407
|
/^q-field--square$/,
|
|
248
|
-
([, c], { theme }) =>
|
|
249
|
-
|
|
250
|
-
`[&_.q-field\\_\\_control]:(!rounded-none)`
|
|
408
|
+
([, c], { theme }) => `
|
|
409
|
+
[&_.q-field\\_\\_control]:(!rounded-none)`
|
|
251
410
|
]
|
|
252
411
|
]
|
|
253
412
|
|
|
@@ -14,21 +14,21 @@ const shortcuts: UserShortcuts<QuasarTheme> = [
|
|
|
14
14
|
/^q-item__section--side$/,
|
|
15
15
|
([, c], { theme }) =>
|
|
16
16
|
theme.quasar?.components?.['q-item__section--side'] ??
|
|
17
|
-
|
|
17
|
+
`!flex-initial text-[#757575] items-start pr-[16px] w-auto min-w-[0] max-w-full [&_>_.q-icon]:(text-[24px]) [&_>_.q-avatar]:(text-[40px])`
|
|
18
18
|
],
|
|
19
19
|
|
|
20
20
|
[
|
|
21
21
|
/^q-item__section--avatar$/,
|
|
22
22
|
([, c], { theme }) =>
|
|
23
23
|
theme.quasar?.components?.['q-item__section--avatar'] ??
|
|
24
|
-
|
|
24
|
+
`!flex-initial [color:inherit] min-w-[56px]`
|
|
25
25
|
],
|
|
26
26
|
|
|
27
27
|
[
|
|
28
28
|
/^q-item__section--thumbnail$/,
|
|
29
29
|
([, c], { theme }) =>
|
|
30
30
|
theme.quasar?.components?.['q-item__section--thumbnail'] ??
|
|
31
|
-
|
|
31
|
+
`!flex-initial [&_img]:(w-[100px] h-[56px])`
|
|
32
32
|
],
|
|
33
33
|
|
|
34
34
|
[/^q-item__section--nowrap$/, ([, c], { theme }) => `whitespace-nowrap`],
|
|
@@ -13,7 +13,7 @@ const shortcuts: UserShortcuts<QuasarTheme> = [
|
|
|
13
13
|
/^q-pagination__content$/,
|
|
14
14
|
([, c], { theme }) =>
|
|
15
15
|
theme.quasar?.components?.['q-pagination__content'] ??
|
|
16
|
-
|
|
16
|
+
`!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)])`
|
|
17
17
|
],
|
|
18
18
|
|
|
19
19
|
[
|
|
@@ -8,7 +8,7 @@ const shortcuts: UserShortcuts<QuasarTheme> = [
|
|
|
8
8
|
/^q-pull-to-refresh__puller$/,
|
|
9
9
|
([, c], { theme }) =>
|
|
10
10
|
theme.quasar?.components?.['q-pull-to-refresh__puller'] ??
|
|
11
|
-
|
|
11
|
+
`!flex-initial rounded-[50%] w-[40px] h-[40px] bg-[#fff] [box-shadow:0_0_4px_0_rgba(0,_0,_0,_0.3)] text-primary`
|
|
12
12
|
],
|
|
13
13
|
|
|
14
14
|
[
|
|
@@ -44,7 +44,10 @@ const shortcuts: UserShortcuts<QuasarTheme> = [
|
|
|
44
44
|
|
|
45
45
|
[/^q-scrollarea__thumb:active$/, ([, c], { theme }) => `active:opacity-50`],
|
|
46
46
|
|
|
47
|
-
[
|
|
47
|
+
[
|
|
48
|
+
/^q-scrollarea__content$/,
|
|
49
|
+
([, c], { theme }) => `!relative min-h-full min-w-full`
|
|
50
|
+
],
|
|
48
51
|
|
|
49
52
|
[
|
|
50
53
|
/^q-scrollarea--dark$/,
|
|
@@ -27,7 +27,7 @@ const shortcuts: UserShortcuts<QuasarTheme> = [
|
|
|
27
27
|
/^q-stepper__dot$/,
|
|
28
28
|
([, c], { theme }) =>
|
|
29
29
|
theme.quasar?.components?.['q-stepper__dot'] ??
|
|
30
|
-
|
|
30
|
+
`!flex-initial mr-[8px] text-[14px] w-[24px] min-w-[24px] h-[24px] rounded-[50%] bg-current [&_span]:(text-[#fff])`
|
|
31
31
|
],
|
|
32
32
|
|
|
33
33
|
[
|
|
@@ -20,7 +20,7 @@ const shortcuts: UserShortcuts<QuasarTheme> = [
|
|
|
20
20
|
/^q-table$/,
|
|
21
21
|
([, c], { theme }) =>
|
|
22
22
|
theme.quasar?.components?.['q-table'] ??
|
|
23
|
-
`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-
|
|
23
|
+
`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)`
|
|
24
24
|
],
|
|
25
25
|
|
|
26
26
|
[
|
|
@@ -61,7 +61,7 @@ const shortcuts: UserShortcuts<QuasarTheme> = [
|
|
|
61
61
|
/^q-table__progress$/,
|
|
62
62
|
([, c], { theme }) =>
|
|
63
63
|
theme.quasar?.components?.['q-table__progress'] ??
|
|
64
|
-
`!h-[0] [&_th]:(!p-0 !border-
|
|
64
|
+
`!h-[0] [&_th]:(!p-0 !border-0) [&_.q-linear-progress]:(absolute bottom-[0])`
|
|
65
65
|
],
|
|
66
66
|
|
|
67
67
|
[
|
|
@@ -177,7 +177,7 @@ const shortcuts: UserShortcuts<QuasarTheme> = [
|
|
|
177
177
|
/^q-table--grid$/,
|
|
178
178
|
([, c], { theme }) =>
|
|
179
179
|
theme.quasar?.components?.['q-table--grid'] ??
|
|
180
|
-
`[box-shadow:none] rounded-[4px] [&_.q-table\\_\\_top]:(pb-[4px]) [&_.q-table\\_\\_middle]:(min-h-[2px] mb-[4px]) [&_.q-table\\_\\_middle_thead]:(!border-
|
|
180
|
+
`[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])`
|
|
181
181
|
],
|
|
182
182
|
|
|
183
183
|
[
|
|
@@ -67,7 +67,7 @@ const shortcuts: UserShortcuts<QuasarTheme> = [
|
|
|
67
67
|
/^q-tab__indicator$/,
|
|
68
68
|
([, c], { theme }) =>
|
|
69
69
|
theme.quasar?.components?.['q-tab__indicator'] ??
|
|
70
|
-
|
|
70
|
+
`!relative opacity-0 h-[2px] bg-current`
|
|
71
71
|
],
|
|
72
72
|
|
|
73
73
|
[
|
|
@@ -87,7 +87,7 @@ const shortcuts: UserShortcuts<QuasarTheme> = [
|
|
|
87
87
|
/^q-tabs$/,
|
|
88
88
|
([, c], { theme }) =>
|
|
89
89
|
theme.quasar?.components?.['q-tabs'] ??
|
|
90
|
-
|
|
90
|
+
`!flex-initial relative [transition:color_0.3s,_background-color_0.3s]`
|
|
91
91
|
],
|
|
92
92
|
|
|
93
93
|
[
|
|
@@ -101,7 +101,7 @@ const shortcuts: UserShortcuts<QuasarTheme> = [
|
|
|
101
101
|
/^q-tabs--not-scrollable$/,
|
|
102
102
|
([, c], { theme }) =>
|
|
103
103
|
theme.quasar?.components?.['q-tabs--not-scrollable'] ??
|
|
104
|
-
`[&.q-tabs__arrows--outside]:(pl-0 pr-0) [&_.q-tabs\\_\\_arrow]:(hidden) [&_.q-tabs\\_\\_content]:([border-radius:inherit])`
|
|
104
|
+
`[&.q-tabs__arrows--outside]:(pl-0 pr-0) [&_.q-tabs\\_\\_arrow]:(!hidden) [&_.q-tabs\\_\\_content]:([border-radius:inherit])`
|
|
105
105
|
],
|
|
106
106
|
|
|
107
107
|
[
|
|
@@ -20,7 +20,7 @@ const shortcuts: UserShortcuts<QuasarTheme> = [
|
|
|
20
20
|
/^q-time__header$/,
|
|
21
21
|
([, c], { theme }) =>
|
|
22
22
|
theme.quasar?.components?.['q-time__header'] ??
|
|
23
|
-
`[border-top-left-radius:inherit] text-[#fff] p-[16px] font-light`
|
|
23
|
+
`[border-top-left-radius:inherit] text-[#fff] p-[16px] font-light bg-primary`
|
|
24
24
|
],
|
|
25
25
|
|
|
26
26
|
[
|
|
@@ -34,7 +34,7 @@ const shortcuts: UserShortcuts<QuasarTheme> = [
|
|
|
34
34
|
/^q-time__header-label$/,
|
|
35
35
|
([, c], { theme }) =>
|
|
36
36
|
theme.quasar?.components?.['q-time__header-label'] ??
|
|
37
|
-
`text-[28px] leading-none tracking-[-0.00833em] [&_>_div_+_div]:(ml-[4px])`
|
|
37
|
+
`text-[28px] leading-none tracking-[-0.00833em] [&_>_div_+_div]:(ml-[4px]) !flex-initial`
|
|
38
38
|
],
|
|
39
39
|
|
|
40
40
|
[
|
|
@@ -54,7 +54,7 @@ const shortcuts: UserShortcuts<QuasarTheme> = [
|
|
|
54
54
|
/^q-time__header-ampm$/,
|
|
55
55
|
([, c], { theme }) =>
|
|
56
56
|
theme.quasar?.components?.['q-time__header-ampm'] ??
|
|
57
|
-
`text-[16px] tracking-widest`
|
|
57
|
+
`text-[16px] tracking-widest !flex-initial`
|
|
58
58
|
],
|
|
59
59
|
|
|
60
60
|
[
|
|
@@ -81,7 +81,7 @@ const shortcuts: UserShortcuts<QuasarTheme> = [
|
|
|
81
81
|
/^q-time__clock$/,
|
|
82
82
|
([, c], { theme }) =>
|
|
83
83
|
theme.quasar?.components?.['q-time__clock'] ??
|
|
84
|
-
`p-[24px] w-
|
|
84
|
+
`p-[24px] w-[calc(100%-48px)] h-[calc(100%-48px)] max-w-full max-h-full text-[14px]`
|
|
85
85
|
],
|
|
86
86
|
|
|
87
87
|
[
|
|
@@ -44,21 +44,21 @@ const shortcuts: UserShortcuts<QuasarTheme> = [
|
|
|
44
44
|
/^q-toggle__track$/,
|
|
45
45
|
([, c], { theme }) =>
|
|
46
46
|
theme.quasar?.components?.['q-toggle__track'] ??
|
|
47
|
-
`h-[0.35em] rounded-[0.175em] opacity-[0.38] bg-current`
|
|
47
|
+
`h-[0.35em] max-w-32px rounded-[0.175em] opacity-[0.38] bg-current`
|
|
48
48
|
],
|
|
49
49
|
|
|
50
50
|
[
|
|
51
51
|
/^q-toggle__thumb$/,
|
|
52
52
|
([, c], { theme }) =>
|
|
53
53
|
theme.quasar?.components?.['q-toggle__thumb'] ??
|
|
54
|
-
`top-[0.25em] left-[0.25em] w-[0.5em] h-[0.5em] [transition:left_0.22s_cubic-bezier(0.4,_0,_0.2,_1)] select-none z-0 [&:after]:(content-[''] absolute top-[0] right-[0] bottom-[0] left-[0] rounded-[50%] bg-[#fff] [box-shadow:0_3px_1px_-2px_rgba(0,_0,_0,_0.2),_0_2px_2px_0_rgba(0,_0,_0,_0.14),_0_1px_5px_0_rgba(0,_0,_0,_0.12)]) [&_.q-icon]:(text-[0.3em] min-w-[1em] text-[#000] opacity-[0.54])`
|
|
54
|
+
`top-[0.25em] left-[0.25em] w-[0.5em] h-[0.5em] [transition:left_0.22s_cubic-bezier(0.4,_0,_0.2,_1)] select-none z-0 [&:after]:(content-[''] absolute top-[0] right-[0] bottom-[0] left-[0] rounded-[50%] bg-[#fff] [box-shadow:0_3px_1px_-2px_rgba(0,_0,_0,_0.2),_0_2px_2px_0_rgba(0,_0,_0,_0.14),_0_1px_5px_0_rgba(0,_0,_0,_0.12)]) [&_.q-icon]:(layer-components:text-[0.3em] min-w-[1em] layer-components:text-[#000] opacity-[0.54])`
|
|
55
55
|
],
|
|
56
56
|
|
|
57
57
|
[
|
|
58
58
|
/^q-toggle__inner$/,
|
|
59
59
|
([, c], { theme }) =>
|
|
60
60
|
theme.quasar?.components?.['q-toggle__inner'] ??
|
|
61
|
-
`text-[40px] w-[1.4em] min-w-[1.4em] h-[1em] px-[0.3em] py-[0.325em]`
|
|
61
|
+
`text-[40px] w-[1.4em] min-w-[1.4em] max-h-[1em] px-[0.3em] py-[0.325em]`
|
|
62
62
|
],
|
|
63
63
|
|
|
64
64
|
[
|
|
@@ -72,14 +72,15 @@ const shortcuts: UserShortcuts<QuasarTheme> = [
|
|
|
72
72
|
/^q-toggle__inner--truthy$/,
|
|
73
73
|
([, c], { theme }) =>
|
|
74
74
|
theme.quasar?.components?.['q-toggle__inner--truthy'] ??
|
|
75
|
-
` [&_.q-toggle\\_\\_track]:(opacity-[0.54]) [&_.q-toggle\\_\\_thumb]:(left-[0.65em]) [&_.q-toggle\\_\\_thumb:after]:(bg-current) [&_.q-toggle\\_\\_thumb_.q-icon]:(text-[#fff] opacity-100)`
|
|
75
|
+
`layer-components:text-primary [&_.q-toggle\\_\\_track]:(opacity-[0.54]) [&_.q-toggle\\_\\_thumb]:(left-[0.65em]) [&_.q-toggle\\_\\_thumb:after]:(bg-current) [&_.q-toggle\\_\\_thumb_.q-icon]:(layer-components:text-[#fff] opacity-100)`
|
|
76
76
|
],
|
|
77
77
|
|
|
78
78
|
[
|
|
79
79
|
/^q-toggle--dark$/,
|
|
80
80
|
([, c], { theme }) =>
|
|
81
81
|
theme.quasar?.components?.['q-toggle--dark'] ??
|
|
82
|
-
`[&_.q-toggle\\_\\_inner
|
|
82
|
+
`[&_.q-toggle\\_\\_inner--truthy]:() [&_.q-toggle\\_\\_thumb:after]:([box-shadow:none]) [&_.q-toggle\\_\\_thumb:before]:(!opacity-[0.32])`
|
|
83
|
+
// [&_.q-toggle\\_\\_inner]:(layer-components:text-[#fff])
|
|
83
84
|
],
|
|
84
85
|
|
|
85
86
|
[
|