@uploadcare/file-uploader 1.24.4 → 1.24.6
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/env.js +1 -1
- package/dist/index.css +471 -525
- package/dist/index.d.ts +2 -0
- package/dist/index.js +20 -7
- package/dist/index.layered.css +2719 -0
- package/dist/index.ssr.js +10 -4
- package/dist/locales/file-uploader/nl.js +1 -1
- package/package.json +8 -3
- package/web/file-uploader.iife.min.d.ts +2 -0
- package/web/file-uploader.iife.min.js +1 -1
- package/web/file-uploader.min.d.ts +2 -0
- package/web/file-uploader.min.js +1 -1
- package/web/uc-basic.layered.min.css +26 -0
- package/web/uc-basic.min.css +2 -3
- package/web/uc-cloud-image-editor.layered.min.css +26 -0
- package/web/uc-cloud-image-editor.min.css +1 -2
- package/web/uc-cloud-image-editor.min.d.ts +2 -0
- package/web/uc-cloud-image-editor.min.js +1 -1
- package/web/uc-file-uploader-inline.layered.min.css +26 -0
- package/web/uc-file-uploader-inline.min.css +2 -3
- package/web/uc-file-uploader-inline.min.d.ts +2 -0
- package/web/uc-file-uploader-inline.min.js +1 -1
- package/web/uc-file-uploader-minimal.layered.min.css +26 -0
- package/web/uc-file-uploader-minimal.min.css +2 -3
- package/web/uc-file-uploader-minimal.min.d.ts +2 -0
- package/web/uc-file-uploader-minimal.min.js +1 -1
- package/web/uc-file-uploader-regular.layered.min.css +26 -0
- package/web/uc-file-uploader-regular.min.css +2 -3
- package/web/uc-file-uploader-regular.min.d.ts +2 -0
- package/web/uc-file-uploader-regular.min.js +1 -1
- package/web/uc-img.min.js +1 -1
package/dist/index.css
CHANGED
|
@@ -1,4 +1,20 @@
|
|
|
1
|
-
|
|
1
|
+
|
|
2
|
+
@keyframes fake-progress-animation {
|
|
3
|
+
from {
|
|
4
|
+
transform: translateX(-100%);
|
|
5
|
+
}
|
|
6
|
+
to {
|
|
7
|
+
transform: translateX(calc(100 / var(--l-fake-progress-width) * 100 * 1%));
|
|
8
|
+
}
|
|
9
|
+
}
|
|
10
|
+
@keyframes uc-spinner-keyframes {
|
|
11
|
+
from {
|
|
12
|
+
transform: rotate(0deg);
|
|
13
|
+
}
|
|
14
|
+
to {
|
|
15
|
+
transform: rotate(360deg);
|
|
16
|
+
}
|
|
17
|
+
}/**
|
|
2
18
|
* @license
|
|
3
19
|
* MIT License
|
|
4
20
|
*
|
|
@@ -23,11 +39,9 @@
|
|
|
23
39
|
* SOFTWARE.
|
|
24
40
|
*
|
|
25
41
|
*/
|
|
26
|
-
@layer uc, uc.base, uc.components, uc.rules, uc.solutions, uc.post-reset, uc.base, uc.rules, uc.post-reset;
|
|
27
42
|
|
|
28
43
|
/* src/blocks/ActivityHeader/activity-header.css */
|
|
29
|
-
|
|
30
|
-
uc-activity-header {
|
|
44
|
+
uc-activity-header:not(#\#) {
|
|
31
45
|
display: flex;
|
|
32
46
|
justify-content: space-between;
|
|
33
47
|
gap: var(--uc-padding);
|
|
@@ -36,15 +50,19 @@
|
|
|
36
50
|
font-weight: 500;
|
|
37
51
|
font-size: 1em;
|
|
38
52
|
}
|
|
39
|
-
|
|
53
|
+
uc-activity-header:not(#\#) > * {
|
|
40
54
|
display: flex;
|
|
41
55
|
align-items: center;
|
|
42
56
|
}
|
|
43
|
-
|
|
57
|
+
uc-activity-header:not(#\#) > div > uc-icon {
|
|
58
|
+
width: auto;
|
|
59
|
+
}
|
|
60
|
+
uc-activity-header:not(#\#) > div {
|
|
61
|
+
gap: var(--uc-padding);
|
|
62
|
+
}
|
|
44
63
|
|
|
45
64
|
/* src/blocks/CameraSource/camera-source.css */
|
|
46
|
-
|
|
47
|
-
uc-camera-source {
|
|
65
|
+
uc-camera-source:not(#\#) {
|
|
48
66
|
position: relative;
|
|
49
67
|
display: flex;
|
|
50
68
|
flex-direction: column;
|
|
@@ -55,14 +73,14 @@
|
|
|
55
73
|
background-color: var(--uc-background);
|
|
56
74
|
border-radius: var(--uc-radius);
|
|
57
75
|
}
|
|
58
|
-
|
|
76
|
+
[uc-modal]:not(#\#) > dialog:has(uc-camera-source[active]) {
|
|
59
77
|
width: 100%;
|
|
60
78
|
height: 100%;
|
|
61
79
|
}
|
|
62
|
-
|
|
80
|
+
uc-camera-source:not(.uc-initialized):not(#\#) .uc-controls {
|
|
63
81
|
display: none;
|
|
64
82
|
}
|
|
65
|
-
|
|
83
|
+
uc-camera-source:not(#\#) video {
|
|
66
84
|
display: block;
|
|
67
85
|
width: 100%;
|
|
68
86
|
max-height: 100%;
|
|
@@ -71,7 +89,7 @@
|
|
|
71
89
|
background-color: var(--uc-muted);
|
|
72
90
|
border-radius: var(--uc-radius);
|
|
73
91
|
}
|
|
74
|
-
|
|
92
|
+
uc-camera-source:not(#\#) .uc-toolbar {
|
|
75
93
|
position: absolute;
|
|
76
94
|
bottom: 0;
|
|
77
95
|
display: flex;
|
|
@@ -80,7 +98,7 @@
|
|
|
80
98
|
padding: var(--uc-padding);
|
|
81
99
|
background-color: var(--uc-background);
|
|
82
100
|
}
|
|
83
|
-
|
|
101
|
+
uc-camera-source:not(#\#) .uc-content {
|
|
84
102
|
display: flex;
|
|
85
103
|
flex: 1;
|
|
86
104
|
justify-content: center;
|
|
@@ -90,7 +108,7 @@
|
|
|
90
108
|
padding-top: 0;
|
|
91
109
|
overflow: hidden;
|
|
92
110
|
}
|
|
93
|
-
|
|
111
|
+
uc-camera-source:not(#\#) .uc-message-box {
|
|
94
112
|
display: flex;
|
|
95
113
|
flex-direction: column;
|
|
96
114
|
grid-gap: 40px;
|
|
@@ -99,11 +117,11 @@
|
|
|
99
117
|
padding: 40px 40px 0;
|
|
100
118
|
color: var(--uc-foreground);
|
|
101
119
|
}
|
|
102
|
-
|
|
120
|
+
uc-camera-source:not(#\#) .uc-message-box button {
|
|
103
121
|
color: var(--uc-primary-foreground);
|
|
104
122
|
background-color: var(--uc-primary);
|
|
105
123
|
}
|
|
106
|
-
|
|
124
|
+
uc-camera-source:not(#\#) .uc-shot-btn {
|
|
107
125
|
width: 58px;
|
|
108
126
|
height: 58px;
|
|
109
127
|
color: var(--uc-background);
|
|
@@ -115,22 +133,22 @@
|
|
|
115
133
|
opacity var(--uc-transition),
|
|
116
134
|
transform var(--uc-transition);
|
|
117
135
|
}
|
|
118
|
-
|
|
136
|
+
uc-camera-source:not(#\#) .uc-shot-btn:hover {
|
|
119
137
|
transform: scale(1.05);
|
|
120
138
|
opacity: 1;
|
|
121
139
|
}
|
|
122
|
-
|
|
140
|
+
uc-camera-source:not(#\#) .uc-shot-btn:active {
|
|
123
141
|
transform: scale(1);
|
|
124
142
|
opacity: 1;
|
|
125
143
|
}
|
|
126
|
-
|
|
144
|
+
uc-camera-source:not(#\#) .uc-shot-btn[disabled] {
|
|
127
145
|
bottom: -80px;
|
|
128
146
|
}
|
|
129
|
-
|
|
147
|
+
uc-camera-source:not(#\#) .uc-shot-btn uc-icon svg {
|
|
130
148
|
width: 20px;
|
|
131
149
|
height: 20px;
|
|
132
150
|
}
|
|
133
|
-
|
|
151
|
+
uc-camera-source:not(#\#) .uc-controls {
|
|
134
152
|
position: relative;
|
|
135
153
|
display: flex;
|
|
136
154
|
align-items: center;
|
|
@@ -139,40 +157,40 @@
|
|
|
139
157
|
padding: 0 var(--uc-padding) var(--uc-padding);
|
|
140
158
|
min-height: 74px;
|
|
141
159
|
}
|
|
142
|
-
|
|
160
|
+
uc-camera-source:not(#\#) .uc-switcher {
|
|
143
161
|
display: flex;
|
|
144
162
|
gap: calc(var(--uc-padding) / 2);
|
|
145
163
|
}
|
|
146
|
-
|
|
164
|
+
uc-camera-source:not(#\#) .uc-switch.uc-active {
|
|
147
165
|
background-color: var(--uc-secondary);
|
|
148
166
|
}
|
|
149
|
-
|
|
167
|
+
uc-camera-source:not(#\#) .uc-camera-actions {
|
|
150
168
|
display: flex;
|
|
151
169
|
justify-content: center;
|
|
152
170
|
align-items: center;
|
|
153
171
|
gap: 5px;
|
|
154
172
|
}
|
|
155
|
-
|
|
173
|
+
uc-camera-source:not(#\#) .uc-stop-record {
|
|
156
174
|
background-color: var(--uc-destructive-foreground-light);
|
|
157
175
|
opacity: 1;
|
|
158
176
|
}
|
|
159
|
-
|
|
177
|
+
:where(uc-camera-source:is(.uc-recording)):not(#\#) .uc-recording-timer uc-icon {
|
|
160
178
|
display: none;
|
|
161
179
|
}
|
|
162
|
-
|
|
180
|
+
:where(uc-camera-source:is(.uc-recording)):not(#\#) .uc-recording-timer {
|
|
163
181
|
pointer-events: none;
|
|
164
182
|
}
|
|
165
|
-
|
|
183
|
+
uc-camera-source:not(#\#) .uc-recording-timer {
|
|
166
184
|
z-index: 1;
|
|
167
185
|
position: relative;
|
|
168
186
|
overflow: hidden;
|
|
169
187
|
}
|
|
170
|
-
|
|
188
|
+
:where(uc-camera-source):not(#\#) .uc-recording-timer uc-icon {
|
|
171
189
|
width: 10px;
|
|
172
190
|
height: 10px;
|
|
173
191
|
margin-right: 10px;
|
|
174
192
|
}
|
|
175
|
-
|
|
193
|
+
uc-camera-source:not(#\#) .uc-recording-timer .uc-line {
|
|
176
194
|
position: absolute;
|
|
177
195
|
content: "";
|
|
178
196
|
bottom: 0;
|
|
@@ -184,28 +202,26 @@
|
|
|
184
202
|
transform-origin: left;
|
|
185
203
|
transition: transform var(--uc-transition);
|
|
186
204
|
}
|
|
187
|
-
|
|
205
|
+
uc-camera-source:not(#\#) .uc-btn-microphone {
|
|
188
206
|
z-index: 1;
|
|
189
207
|
}
|
|
190
|
-
|
|
208
|
+
uc-camera-source:not(#\#) .uc-select {
|
|
191
209
|
display: flex;
|
|
192
210
|
}
|
|
193
|
-
|
|
211
|
+
uc-camera-source:not(#\#) .uc-audio-select {
|
|
194
212
|
width: 98px;
|
|
195
213
|
}
|
|
196
|
-
|
|
214
|
+
uc-camera-source:not(#\#) .uc-audio-select select {
|
|
197
215
|
width: 100%;
|
|
198
216
|
}
|
|
199
|
-
|
|
217
|
+
uc-camera-source:not(#\#) .uc-camera-action {
|
|
200
218
|
position: absolute;
|
|
201
219
|
inset: 0 var(--uc-padding) var(--uc-padding);
|
|
202
220
|
margin: 0 auto;
|
|
203
221
|
}
|
|
204
|
-
}
|
|
205
222
|
|
|
206
223
|
/* src/blocks/CloudImageEditor/src/css/common.css */
|
|
207
|
-
|
|
208
|
-
[uc-cloud-image-editor] {
|
|
224
|
+
[uc-cloud-image-editor]:not(#\#):not(#\#):not(#\#) {
|
|
209
225
|
--color-primary-accent: var(--uc-primary);
|
|
210
226
|
--color-text-base: var(--uc-foreground);
|
|
211
227
|
--color-text-accent-contrast: var(--uc-background);
|
|
@@ -242,45 +258,45 @@
|
|
|
242
258
|
height: 100%;
|
|
243
259
|
max-height: 100%;
|
|
244
260
|
}
|
|
245
|
-
|
|
261
|
+
[uc-cloud-image-editor]:not(#\#):not(#\#):not(#\#) :is([can-handle-paste]:hover, [can-handle-paste]:focus) {
|
|
246
262
|
--can-handle-paste: "true";
|
|
247
263
|
}
|
|
248
|
-
|
|
264
|
+
[uc-cloud-image-editor]:not(#\#):not(#\#):not(#\#) :is([tabindex][focus-visible], [tabindex]:hover, [with-effects][focus-visible], [with-effects]:hover) {
|
|
249
265
|
--filter-effect: var(--hover-filter) !important;
|
|
250
266
|
--opacity-effect: var(--hover-opacity) !important;
|
|
251
267
|
--color-effect: var(--hover-color-rgb) !important;
|
|
252
268
|
--background-effect: var(--hover-background) !important;
|
|
253
269
|
}
|
|
254
|
-
|
|
270
|
+
[uc-cloud-image-editor]:not(#\#):not(#\#):not(#\#) :is([tabindex]:active, [with-effects]:active) {
|
|
255
271
|
--filter-effect: var(--down-filter) !important;
|
|
256
272
|
--opacity-effect: var(--down-opacity) !important;
|
|
257
273
|
--color-effect: var(--down-color-rgb) !important;
|
|
258
274
|
--background-effect: var(--down-background) !important;
|
|
259
275
|
}
|
|
260
|
-
|
|
276
|
+
[uc-cloud-image-editor]:not(#\#):not(#\#):not(#\#) :is([tabindex][active], [with-effects][active]) {
|
|
261
277
|
--filter-effect: var(--active-filter) !important;
|
|
262
278
|
--opacity-effect: var(--active-opacity) !important;
|
|
263
279
|
--color-effect: var(--active-color-rgb) !important;
|
|
264
280
|
--background-effect: var(--active-background) !important;
|
|
265
281
|
}
|
|
266
|
-
|
|
282
|
+
[uc-cloud-image-editor]:not(#\#):not(#\#):not(#\#) [hidden-scrollbar]::-webkit-scrollbar {
|
|
267
283
|
display: none;
|
|
268
284
|
}
|
|
269
|
-
|
|
285
|
+
[uc-cloud-image-editor]:not(#\#):not(#\#):not(#\#) [hidden-scrollbar] {
|
|
270
286
|
-ms-overflow-style: none;
|
|
271
287
|
scrollbar-width: none;
|
|
272
288
|
}
|
|
273
|
-
|
|
289
|
+
[uc-cloud-image-editor].uc-editor_ON:not(#\#):not(#\#):not(#\#) {
|
|
274
290
|
--modal-header-opacity: 0;
|
|
275
291
|
--modal-header-height: 0px;
|
|
276
292
|
--modal-toolbar-height: calc(var(--size-panel-heading) * 2);
|
|
277
293
|
}
|
|
278
|
-
|
|
294
|
+
[uc-cloud-image-editor].uc-editor_OFF:not(#\#):not(#\#):not(#\#) {
|
|
279
295
|
--modal-header-opacity: 1;
|
|
280
296
|
--modal-header-height: var(--size-panel-heading);
|
|
281
297
|
--modal-toolbar-height: var(--size-panel-heading);
|
|
282
298
|
}
|
|
283
|
-
|
|
299
|
+
[uc-cloud-image-editor]:not(#\#):not(#\#):not(#\#) > .uc-wrapper {
|
|
284
300
|
--l-min-img-height: var(--modal-toolbar-height);
|
|
285
301
|
--l-max-img-height: 100%;
|
|
286
302
|
--l-edit-button-width: 120px;
|
|
@@ -292,19 +308,19 @@
|
|
|
292
308
|
overflow: hidden;
|
|
293
309
|
overflow-y: auto;
|
|
294
310
|
}
|
|
295
|
-
|
|
296
|
-
[uc-cloud-image-editor] > .uc-wrapper {
|
|
311
|
+
@media only screen and (max-width: 800px) {
|
|
312
|
+
[uc-cloud-image-editor]:not(#\#):not(#\#):not(#\#) > .uc-wrapper {
|
|
297
313
|
--l-edit-button-width: 70px;
|
|
298
314
|
--l-toolbar-horizontal-padding: var(--cldtr-gap-min);
|
|
299
315
|
}
|
|
300
316
|
}
|
|
301
|
-
|
|
317
|
+
[uc-cloud-image-editor]:not(#\#):not(#\#):not(#\#) > .uc-wrapper > .uc-viewport {
|
|
302
318
|
display: flex;
|
|
303
319
|
align-items: center;
|
|
304
320
|
justify-content: center;
|
|
305
321
|
overflow: hidden;
|
|
306
322
|
}
|
|
307
|
-
|
|
323
|
+
[uc-cloud-image-editor]:not(#\#):not(#\#):not(#\#) > .uc-wrapper > .uc-viewport > .uc-image_container > .uc-image {
|
|
308
324
|
--viewer-image-opacity: 1;
|
|
309
325
|
position: absolute;
|
|
310
326
|
top: 0px;
|
|
@@ -321,23 +337,23 @@
|
|
|
321
337
|
user-select: none;
|
|
322
338
|
pointer-events: auto;
|
|
323
339
|
}
|
|
324
|
-
|
|
340
|
+
[uc-cloud-image-editor]:not(#\#):not(#\#):not(#\#) > .uc-wrapper > .uc-viewport > .uc-image_container > .uc-image.uc-image_visible_viewer {
|
|
325
341
|
transition: opacity var(--transition-duration-3) ease-in-out, transform var(--transition-duration-4);
|
|
326
342
|
}
|
|
327
|
-
|
|
343
|
+
[uc-cloud-image-editor]:not(#\#):not(#\#):not(#\#) > .uc-wrapper > .uc-viewport > .uc-image_container > .uc-image.uc-image_hidden_to_cropper {
|
|
328
344
|
--viewer-image-opacity: 0;
|
|
329
345
|
background-image: var(--transparent-pixel);
|
|
330
346
|
transform: scale(1);
|
|
331
347
|
transition: transform var(--transition-duration-4), opacity var(--transition-duration-3) steps(1, jump-end);
|
|
332
348
|
pointer-events: none;
|
|
333
349
|
}
|
|
334
|
-
|
|
350
|
+
[uc-cloud-image-editor]:not(#\#):not(#\#):not(#\#) > .uc-wrapper > .uc-viewport > .uc-image_container > .uc-image.uc-image_hidden_effects {
|
|
335
351
|
--viewer-image-opacity: 0;
|
|
336
352
|
transform: scale(1);
|
|
337
353
|
transition: opacity var(--transition-duration-3) cubic-bezier(0.5, 0, 1, 1), transform var(--transition-duration-4);
|
|
338
354
|
pointer-events: none;
|
|
339
355
|
}
|
|
340
|
-
|
|
356
|
+
[uc-cloud-image-editor]:not(#\#):not(#\#):not(#\#) > .uc-wrapper > .uc-viewport > .uc-image_container {
|
|
341
357
|
position: relative;
|
|
342
358
|
display: block;
|
|
343
359
|
width: 100%;
|
|
@@ -345,11 +361,11 @@
|
|
|
345
361
|
background-color: var(--color-image-background);
|
|
346
362
|
transition: var(--transition-duration-3);
|
|
347
363
|
}
|
|
348
|
-
|
|
364
|
+
[uc-cloud-image-editor]:not(#\#):not(#\#):not(#\#) > .uc-wrapper > .uc-toolbar {
|
|
349
365
|
position: relative;
|
|
350
366
|
transition: 0.3s;
|
|
351
367
|
}
|
|
352
|
-
|
|
368
|
+
[uc-cloud-image-editor]:not(#\#):not(#\#):not(#\#) > .uc-wrapper > .uc-toolbar > .uc-toolbar_content {
|
|
353
369
|
position: absolute;
|
|
354
370
|
bottom: 0px;
|
|
355
371
|
left: 0px;
|
|
@@ -359,7 +375,7 @@
|
|
|
359
375
|
min-height: var(--size-panel-heading);
|
|
360
376
|
background-color: var(--color-fill-contrast);
|
|
361
377
|
}
|
|
362
|
-
|
|
378
|
+
[uc-cloud-image-editor]:not(#\#):not(#\#):not(#\#) > .uc-wrapper > .uc-toolbar > .uc-toolbar_content.uc-toolbar_content__viewer {
|
|
363
379
|
display: flex;
|
|
364
380
|
align-items: center;
|
|
365
381
|
justify-content: space-between;
|
|
@@ -367,14 +383,14 @@
|
|
|
367
383
|
padding-right: var(--l-toolbar-horizontal-padding);
|
|
368
384
|
padding-left: var(--l-toolbar-horizontal-padding);
|
|
369
385
|
}
|
|
370
|
-
|
|
386
|
+
[uc-cloud-image-editor]:not(#\#):not(#\#):not(#\#) > .uc-wrapper > .uc-toolbar > .uc-toolbar_content.uc-toolbar_content__editor {
|
|
371
387
|
display: flex;
|
|
372
388
|
}
|
|
373
|
-
|
|
389
|
+
[uc-cloud-image-editor]:not(#\#):not(#\#):not(#\#) > .uc-wrapper > .uc-viewport > .uc-info_pan {
|
|
374
390
|
position: absolute;
|
|
375
391
|
user-select: none;
|
|
376
392
|
}
|
|
377
|
-
|
|
393
|
+
[uc-cloud-image-editor]:not(#\#):not(#\#):not(#\#) > .uc-wrapper > .uc-viewport > .uc-file_type_outer {
|
|
378
394
|
position: absolute;
|
|
379
395
|
z-index: 2;
|
|
380
396
|
display: flex;
|
|
@@ -382,10 +398,10 @@
|
|
|
382
398
|
transform: translateX(-40px);
|
|
383
399
|
user-select: none;
|
|
384
400
|
}
|
|
385
|
-
|
|
401
|
+
[uc-cloud-image-editor]:not(#\#):not(#\#):not(#\#) > .uc-wrapper > .uc-viewport > .uc-file_type_outer > .uc-file_type {
|
|
386
402
|
padding: 4px 0.8em;
|
|
387
403
|
}
|
|
388
|
-
|
|
404
|
+
[uc-cloud-image-editor]:not(#\#):not(#\#):not(#\#) > .uc-wrapper > .uc-network_problems_splash {
|
|
389
405
|
position: absolute;
|
|
390
406
|
z-index: 4;
|
|
391
407
|
display: flex;
|
|
@@ -394,14 +410,14 @@
|
|
|
394
410
|
height: 100%;
|
|
395
411
|
background-color: var(--color-fill-contrast);
|
|
396
412
|
}
|
|
397
|
-
|
|
413
|
+
[uc-cloud-image-editor]:not(#\#):not(#\#):not(#\#) > .uc-wrapper > .uc-network_problems_splash > .uc-network_problems_content {
|
|
398
414
|
display: flex;
|
|
399
415
|
flex: 1;
|
|
400
416
|
flex-direction: column;
|
|
401
417
|
align-items: center;
|
|
402
418
|
justify-content: center;
|
|
403
419
|
}
|
|
404
|
-
|
|
420
|
+
[uc-cloud-image-editor]:not(#\#):not(#\#):not(#\#) > .uc-wrapper > .uc-network_problems_splash > .uc-network_problems_content > .uc-network_problems_icon {
|
|
405
421
|
display: flex;
|
|
406
422
|
align-items: center;
|
|
407
423
|
justify-content: center;
|
|
@@ -411,18 +427,18 @@
|
|
|
411
427
|
background-color: var(--uc-muted);
|
|
412
428
|
border-radius: 50%;
|
|
413
429
|
}
|
|
414
|
-
|
|
430
|
+
[uc-cloud-image-editor]:not(#\#):not(#\#):not(#\#) > .uc-wrapper > .uc-network_problems_splash > .uc-network_problems_content > .uc-network_problems_text {
|
|
415
431
|
margin-top: var(--cldtr-gap-max);
|
|
416
432
|
font-size: var(--font-size-ui);
|
|
417
433
|
color: var(--uc-foreground);
|
|
418
434
|
}
|
|
419
|
-
|
|
435
|
+
[uc-cloud-image-editor]:not(#\#):not(#\#):not(#\#) > .uc-wrapper > .uc-network_problems_splash > .uc-network_problems_footer {
|
|
420
436
|
display: flex;
|
|
421
437
|
align-items: center;
|
|
422
438
|
justify-content: center;
|
|
423
439
|
height: var(--size-panel-heading);
|
|
424
440
|
}
|
|
425
|
-
|
|
441
|
+
uc-crop-frame:not(#\#):not(#\#):not(#\#) > .uc-svg {
|
|
426
442
|
position: absolute;
|
|
427
443
|
top: 0px;
|
|
428
444
|
left: 0px;
|
|
@@ -434,7 +450,7 @@
|
|
|
434
450
|
opacity: inherit;
|
|
435
451
|
transition: var(--transition-duration-3);
|
|
436
452
|
}
|
|
437
|
-
|
|
453
|
+
uc-crop-frame:not(#\#):not(#\#):not(#\#) > .uc-thumb {
|
|
438
454
|
--idle-color-rgb: var(--color-text-base);
|
|
439
455
|
--hover-color-rgb: var(--color-primary-accent);
|
|
440
456
|
--focus-color-rgb: var(--color-primary-accent);
|
|
@@ -443,32 +459,32 @@
|
|
|
443
459
|
color: var(--color-effect);
|
|
444
460
|
transition: color var(--transition-duration-3), opacity var(--transition-duration-3);
|
|
445
461
|
}
|
|
446
|
-
|
|
462
|
+
uc-crop-frame:not(#\#):not(#\#):not(#\#) .uc-thumb--visible {
|
|
447
463
|
opacity: 1;
|
|
448
464
|
pointer-events: auto;
|
|
449
465
|
}
|
|
450
|
-
|
|
466
|
+
uc-crop-frame:not(#\#):not(#\#):not(#\#) .uc-thumb--hidden {
|
|
451
467
|
opacity: 0;
|
|
452
468
|
pointer-events: none;
|
|
453
469
|
}
|
|
454
|
-
|
|
470
|
+
uc-crop-frame:not(#\#):not(#\#):not(#\#) .uc-guides {
|
|
455
471
|
transition: var(--transition-duration-3);
|
|
456
472
|
}
|
|
457
|
-
|
|
473
|
+
uc-crop-frame:not(#\#):not(#\#):not(#\#) .uc-guides--hidden {
|
|
458
474
|
opacity: 0;
|
|
459
475
|
}
|
|
460
|
-
|
|
476
|
+
uc-crop-frame:not(#\#):not(#\#):not(#\#) .uc-guides--semi-hidden {
|
|
461
477
|
opacity: 0.2;
|
|
462
478
|
}
|
|
463
|
-
|
|
479
|
+
uc-crop-frame:not(#\#):not(#\#):not(#\#) .uc-guides--visible {
|
|
464
480
|
opacity: 1;
|
|
465
481
|
}
|
|
466
|
-
|
|
467
|
-
uc-editor-crop-button-control,
|
|
468
|
-
uc-editor-aspect-ratio-button-control,
|
|
469
|
-
uc-editor-freeform-button-control,
|
|
470
|
-
uc-editor-filter-control,
|
|
471
|
-
uc-editor-operation-control {
|
|
482
|
+
uc-editor-button-control:not(#\#):not(#\#):not(#\#),
|
|
483
|
+
uc-editor-crop-button-control:not(#\#):not(#\#):not(#\#),
|
|
484
|
+
uc-editor-aspect-ratio-button-control:not(#\#):not(#\#):not(#\#),
|
|
485
|
+
uc-editor-freeform-button-control:not(#\#):not(#\#):not(#\#),
|
|
486
|
+
uc-editor-filter-control:not(#\#):not(#\#):not(#\#),
|
|
487
|
+
uc-editor-operation-control:not(#\#):not(#\#):not(#\#) {
|
|
472
488
|
--l-base-min-width: var(--uc-button-size);
|
|
473
489
|
--l-base-height: var(--uc-button-size);
|
|
474
490
|
--opacity-effect: var(--idle-opacity);
|
|
@@ -489,12 +505,12 @@
|
|
|
489
505
|
--down-background: var(--uc-secondary);
|
|
490
506
|
border-radius: var(--uc-radius);
|
|
491
507
|
}
|
|
492
|
-
|
|
493
|
-
uc-editor-crop-button-control > button,
|
|
494
|
-
uc-editor-aspect-ratio-button-control > button,
|
|
495
|
-
uc-editor-freeform-button-control > button,
|
|
496
|
-
uc-editor-filter-control > button,
|
|
497
|
-
uc-editor-operation-control > button {
|
|
508
|
+
uc-editor-button-control:not(#\#):not(#\#):not(#\#) > button,
|
|
509
|
+
uc-editor-crop-button-control:not(#\#):not(#\#):not(#\#) > button,
|
|
510
|
+
uc-editor-aspect-ratio-button-control:not(#\#):not(#\#):not(#\#) > button,
|
|
511
|
+
uc-editor-freeform-button-control:not(#\#):not(#\#):not(#\#) > button,
|
|
512
|
+
uc-editor-filter-control:not(#\#):not(#\#):not(#\#) > button,
|
|
513
|
+
uc-editor-operation-control:not(#\#):not(#\#):not(#\#) > button {
|
|
498
514
|
all: unset;
|
|
499
515
|
position: relative;
|
|
500
516
|
display: grid;
|
|
@@ -507,27 +523,27 @@
|
|
|
507
523
|
cursor: pointer;
|
|
508
524
|
transition: var(--l-width-transition);
|
|
509
525
|
}
|
|
510
|
-
|
|
526
|
+
uc-editor-freeform-button-control:not(#\#):not(#\#):not(#\#) > button {
|
|
511
527
|
grid-template-columns: auto var(--l-base-min-width);
|
|
512
528
|
}
|
|
513
|
-
|
|
529
|
+
uc-editor-freeform-button-control:not(#\#):not(#\#):not(#\#) > button > uc-icon {
|
|
514
530
|
margin-left: var(--cldtr-gap-mid-1);
|
|
515
531
|
width: 10px;
|
|
516
532
|
}
|
|
517
|
-
|
|
533
|
+
:where(uc-editor-button-control, uc-editor-crop-button-control, uc-editor-aspect-ratio-button-control, uc-editor-freeform-button-control, uc-editor-filter-control, uc-editor-operation-control):not(#\#):not(#\#):not(#\#) > uc-icon > svg {
|
|
518
534
|
width: var(--size-icon);
|
|
519
535
|
height: var(--size-icon);
|
|
520
536
|
}
|
|
521
|
-
|
|
537
|
+
uc-editor-filter-control:not(#\#):not(#\#):not(#\#) > uc-icon.uc-original-icon > svg {
|
|
522
538
|
width: 100%;
|
|
523
539
|
height: 100%;
|
|
524
540
|
}
|
|
525
|
-
|
|
526
|
-
uc-editor-operation-control.uc-active,
|
|
527
|
-
uc-editor-crop-button-control.uc-active,
|
|
528
|
-
uc-editor-aspect-ratio-button-control.uc-active,
|
|
529
|
-
uc-editor-freeform-button-control.uc-active,
|
|
530
|
-
uc-editor-filter-control.uc-active {
|
|
541
|
+
uc-editor-button-control.uc-active:not(#\#):not(#\#):not(#\#),
|
|
542
|
+
uc-editor-operation-control.uc-active:not(#\#):not(#\#):not(#\#),
|
|
543
|
+
uc-editor-crop-button-control.uc-active:not(#\#):not(#\#):not(#\#),
|
|
544
|
+
uc-editor-aspect-ratio-button-control.uc-active:not(#\#):not(#\#):not(#\#),
|
|
545
|
+
uc-editor-freeform-button-control.uc-active:not(#\#):not(#\#):not(#\#),
|
|
546
|
+
uc-editor-filter-control.uc-active:not(#\#):not(#\#):not(#\#) {
|
|
531
547
|
--idle-color-rgb: var(--uc-primary-foreground);
|
|
532
548
|
--idle-background: var(--uc-primary);
|
|
533
549
|
--idle-opacity: 1;
|
|
@@ -535,37 +551,37 @@
|
|
|
535
551
|
--hover-background: var(--uc-primary);
|
|
536
552
|
--hover-opacity: 1;
|
|
537
553
|
}
|
|
538
|
-
|
|
554
|
+
uc-editor-filter-control.uc-not_active:not(#\#):not(#\#):not(#\#) .uc-preview[loaded] {
|
|
539
555
|
opacity: 1;
|
|
540
556
|
}
|
|
541
|
-
|
|
557
|
+
uc-editor-filter-control.uc-active:not(#\#):not(#\#):not(#\#) .uc-preview {
|
|
542
558
|
opacity: 0;
|
|
543
559
|
}
|
|
544
|
-
|
|
545
|
-
uc-editor-operation-control.uc-not_active,
|
|
546
|
-
uc-editor-crop-button-control.uc-not_active,
|
|
547
|
-
uc-editor-aspect-ratio-button-control.uc-not_active,
|
|
548
|
-
uc-editor-freeform-button-control.uc-not_active,
|
|
549
|
-
uc-editor-filter-control.uc-not_active {
|
|
560
|
+
uc-editor-button-control.uc-not_active:not(#\#):not(#\#):not(#\#),
|
|
561
|
+
uc-editor-operation-control.uc-not_active:not(#\#):not(#\#):not(#\#),
|
|
562
|
+
uc-editor-crop-button-control.uc-not_active:not(#\#):not(#\#):not(#\#),
|
|
563
|
+
uc-editor-aspect-ratio-button-control.uc-not_active:not(#\#):not(#\#):not(#\#),
|
|
564
|
+
uc-editor-freeform-button-control.uc-not_active:not(#\#):not(#\#):not(#\#),
|
|
565
|
+
uc-editor-filter-control.uc-not_active:not(#\#):not(#\#):not(#\#) {
|
|
550
566
|
--idle-color-rgb: var(--uc-secondary-foreground);
|
|
551
567
|
}
|
|
552
|
-
|
|
553
|
-
:where(.uc-contrast) uc-editor-operation-control.uc-not_active,
|
|
554
|
-
:where(.uc-contrast) uc-editor-crop-button-control.uc-not_active,
|
|
555
|
-
:where(.uc-contrast) uc-editor-freeform-button-control.uc-not_active,
|
|
556
|
-
:where(.uc-contrast) uc-editor-aspect-ratio-button-control.uc-not_active,
|
|
557
|
-
:where(.uc-contrast) uc-editor-filter-control.uc-not_active {
|
|
568
|
+
:where(.uc-contrast):not(#\#):not(#\#):not(#\#) uc-editor-button-control.uc-not_active,
|
|
569
|
+
:where(.uc-contrast):not(#\#):not(#\#):not(#\#) uc-editor-operation-control.uc-not_active,
|
|
570
|
+
:where(.uc-contrast):not(#\#):not(#\#):not(#\#) uc-editor-crop-button-control.uc-not_active,
|
|
571
|
+
:where(.uc-contrast):not(#\#):not(#\#):not(#\#) uc-editor-freeform-button-control.uc-not_active,
|
|
572
|
+
:where(.uc-contrast):not(#\#):not(#\#):not(#\#) uc-editor-aspect-ratio-button-control.uc-not_active,
|
|
573
|
+
:where(.uc-contrast):not(#\#):not(#\#):not(#\#) uc-editor-filter-control.uc-not_active {
|
|
558
574
|
--idle-background: transparent;
|
|
559
575
|
--hover-background: var(--uc-secondary);
|
|
560
576
|
outline: 1px solid var(--uc-border);
|
|
561
577
|
outline-offset: -1px;
|
|
562
578
|
}
|
|
563
|
-
|
|
564
|
-
uc-editor-operation-control > button::before,
|
|
565
|
-
uc-editor-crop-button-control > button::before,
|
|
566
|
-
uc-editor-freeform-button-control > button::before,
|
|
567
|
-
uc-editor-aspect-ratio-button-control > button::before,
|
|
568
|
-
uc-editor-filter-control > button::before {
|
|
579
|
+
uc-editor-button-control:not(#\#):not(#\#):not(#\#) > button::before,
|
|
580
|
+
uc-editor-operation-control:not(#\#):not(#\#):not(#\#) > button::before,
|
|
581
|
+
uc-editor-crop-button-control:not(#\#):not(#\#):not(#\#) > button::before,
|
|
582
|
+
uc-editor-freeform-button-control:not(#\#):not(#\#):not(#\#) > button::before,
|
|
583
|
+
uc-editor-aspect-ratio-button-control:not(#\#):not(#\#):not(#\#) > button::before,
|
|
584
|
+
uc-editor-filter-control:not(#\#):not(#\#):not(#\#) > button::before {
|
|
569
585
|
position: absolute;
|
|
570
586
|
content: "";
|
|
571
587
|
right: 0;
|
|
@@ -577,30 +593,30 @@
|
|
|
577
593
|
border-radius: var(--border-radius-editor);
|
|
578
594
|
transition: var(--transition-duration-3);
|
|
579
595
|
}
|
|
580
|
-
|
|
581
|
-
uc-editor-operation-control > button .uc-title,
|
|
582
|
-
uc-editor-crop-button-control > button .uc-title,
|
|
583
|
-
uc-editor-aspect-ratio-button-control > button .uc-title,
|
|
584
|
-
uc-editor-freeform-button-control > button .uc-title,
|
|
585
|
-
uc-editor-filter-control > button .uc-title {
|
|
596
|
+
uc-editor-button-control:not(#\#):not(#\#):not(#\#) > button .uc-title,
|
|
597
|
+
uc-editor-operation-control:not(#\#):not(#\#):not(#\#) > button .uc-title,
|
|
598
|
+
uc-editor-crop-button-control:not(#\#):not(#\#):not(#\#) > button .uc-title,
|
|
599
|
+
uc-editor-aspect-ratio-button-control:not(#\#):not(#\#):not(#\#) > button .uc-title,
|
|
600
|
+
uc-editor-freeform-button-control:not(#\#):not(#\#):not(#\#) > button .uc-title,
|
|
601
|
+
uc-editor-filter-control:not(#\#):not(#\#):not(#\#) > button .uc-title {
|
|
586
602
|
padding-right: var(--cldtr-gap-mid-1);
|
|
587
603
|
font-size: 0.7em;
|
|
588
604
|
letter-spacing: 1.004px;
|
|
589
605
|
text-transform: uppercase;
|
|
590
606
|
}
|
|
591
|
-
|
|
607
|
+
uc-editor-freeform-button-control:not(#\#):not(#\#):not(#\#) > button .uc-title {
|
|
592
608
|
padding-left: var(--cldtr-gap-mid-1);
|
|
593
609
|
padding-right: 0;
|
|
594
610
|
}
|
|
595
|
-
|
|
596
|
-
uc-editor-operation-control > button uc-icon,
|
|
597
|
-
uc-editor-crop-button-control > button uc-icon,
|
|
598
|
-
uc-editor-aspect-ratio-button-control > button uc-icon,
|
|
599
|
-
uc-editor-freeform-button-control > button uc-icon,
|
|
600
|
-
uc-editor-filter-control > button uc-icon {
|
|
611
|
+
uc-editor-button-control:not(#\#):not(#\#):not(#\#) > button uc-icon,
|
|
612
|
+
uc-editor-operation-control:not(#\#):not(#\#):not(#\#) > button uc-icon,
|
|
613
|
+
uc-editor-crop-button-control:not(#\#):not(#\#):not(#\#) > button uc-icon,
|
|
614
|
+
uc-editor-aspect-ratio-button-control:not(#\#):not(#\#):not(#\#) > button uc-icon,
|
|
615
|
+
uc-editor-freeform-button-control:not(#\#):not(#\#):not(#\#) > button uc-icon,
|
|
616
|
+
uc-editor-filter-control:not(#\#):not(#\#):not(#\#) > button uc-icon {
|
|
601
617
|
pointer-events: none;
|
|
602
618
|
}
|
|
603
|
-
|
|
619
|
+
uc-editor-filter-control:not(#\#):not(#\#):not(#\#) > button .uc-preview {
|
|
604
620
|
position: absolute;
|
|
605
621
|
right: 0;
|
|
606
622
|
left: 0;
|
|
@@ -614,11 +630,11 @@
|
|
|
614
630
|
filter: brightness(var(--filter-effect));
|
|
615
631
|
transition: var(--transition-duration-3);
|
|
616
632
|
}
|
|
617
|
-
|
|
633
|
+
uc-editor-filter-control:not(#\#):not(#\#):not(#\#) > .uc-original-icon {
|
|
618
634
|
color: var(--color-effect);
|
|
619
635
|
opacity: 0.3;
|
|
620
636
|
}
|
|
621
|
-
|
|
637
|
+
uc-editor-image-cropper:not(#\#):not(#\#):not(#\#) {
|
|
622
638
|
position: absolute;
|
|
623
639
|
top: 0px;
|
|
624
640
|
left: 0px;
|
|
@@ -631,24 +647,24 @@
|
|
|
631
647
|
touch-action: none;
|
|
632
648
|
color: var(--color-crop-guides);
|
|
633
649
|
}
|
|
634
|
-
|
|
650
|
+
uc-editor-image-cropper.uc-active_from_editor:not(#\#):not(#\#):not(#\#) {
|
|
635
651
|
transform: scale(1) translate(0px, 0px);
|
|
636
652
|
opacity: 1;
|
|
637
653
|
transition: transform var(--transition-duration-4) cubic-bezier(0.37, 0, 0.63, 1) 0.4s, opacity var(--transition-duration-3);
|
|
638
654
|
pointer-events: auto;
|
|
639
655
|
}
|
|
640
|
-
|
|
656
|
+
uc-editor-image-cropper.uc-active_from_viewer:not(#\#):not(#\#):not(#\#) {
|
|
641
657
|
transform: scale(1) translate(0px, 0px);
|
|
642
658
|
opacity: 1;
|
|
643
659
|
transition: transform var(--transition-duration-4) cubic-bezier(0.37, 0, 0.63, 1) 0.4s, opacity var(--transition-duration-3);
|
|
644
660
|
pointer-events: auto;
|
|
645
661
|
}
|
|
646
|
-
|
|
662
|
+
uc-editor-image-cropper.uc-inactive_to_editor:not(#\#):not(#\#):not(#\#) {
|
|
647
663
|
opacity: 0;
|
|
648
664
|
transition: transform var(--transition-duration-4) cubic-bezier(0.37, 0, 0.63, 1), opacity var(--transition-duration-3) calc(var(--transition-duration-3) + 0.05s);
|
|
649
665
|
pointer-events: none;
|
|
650
666
|
}
|
|
651
|
-
|
|
667
|
+
uc-editor-image-cropper:not(#\#):not(#\#):not(#\#) > .uc-canvas {
|
|
652
668
|
position: absolute;
|
|
653
669
|
top: 0px;
|
|
654
670
|
left: 0px;
|
|
@@ -657,7 +673,7 @@
|
|
|
657
673
|
width: 100%;
|
|
658
674
|
height: 100%;
|
|
659
675
|
}
|
|
660
|
-
|
|
676
|
+
uc-editor-image-fader:not(#\#):not(#\#):not(#\#) {
|
|
661
677
|
position: absolute;
|
|
662
678
|
top: 0px;
|
|
663
679
|
left: 0px;
|
|
@@ -665,28 +681,28 @@
|
|
|
665
681
|
width: 100%;
|
|
666
682
|
height: 100%;
|
|
667
683
|
}
|
|
668
|
-
|
|
684
|
+
uc-editor-image-fader.uc-active_from_viewer:not(#\#):not(#\#):not(#\#) {
|
|
669
685
|
z-index: 3;
|
|
670
686
|
transform: scale(1);
|
|
671
687
|
opacity: 1;
|
|
672
688
|
transition: transform var(--transition-duration-4), opacity var(--transition-duration-3) steps(1, jump-start);
|
|
673
689
|
pointer-events: auto;
|
|
674
690
|
}
|
|
675
|
-
|
|
691
|
+
uc-editor-image-fader.uc-active_from_cropper:not(#\#):not(#\#):not(#\#) {
|
|
676
692
|
z-index: 3;
|
|
677
693
|
transform: scale(1);
|
|
678
694
|
opacity: 1;
|
|
679
695
|
transition: transform var(--transition-duration-4), opacity var(--transition-duration-3) steps(1, jump-end);
|
|
680
696
|
pointer-events: auto;
|
|
681
697
|
}
|
|
682
|
-
|
|
698
|
+
uc-editor-image-fader.uc-inactive_to_cropper:not(#\#):not(#\#):not(#\#) {
|
|
683
699
|
z-index: 3;
|
|
684
700
|
transform: scale(1);
|
|
685
701
|
opacity: 0;
|
|
686
702
|
transition: transform var(--transition-duration-4), opacity var(--transition-duration-3) steps(1, jump-end);
|
|
687
703
|
pointer-events: none;
|
|
688
704
|
}
|
|
689
|
-
|
|
705
|
+
uc-editor-image-fader:not(#\#):not(#\#):not(#\#) .uc-fader-image {
|
|
690
706
|
position: absolute;
|
|
691
707
|
top: 0px;
|
|
692
708
|
left: 0px;
|
|
@@ -698,7 +714,7 @@
|
|
|
698
714
|
user-select: none;
|
|
699
715
|
content-visibility: auto;
|
|
700
716
|
}
|
|
701
|
-
|
|
717
|
+
uc-editor-image-fader:not(#\#):not(#\#):not(#\#) .uc-fader-image--preview {
|
|
702
718
|
background-color: var(--color-image-background);
|
|
703
719
|
border-top-left-radius: var(--border-radius-base);
|
|
704
720
|
border-top-right-radius: var(--border-radius-base);
|
|
@@ -706,46 +722,46 @@
|
|
|
706
722
|
opacity: 0;
|
|
707
723
|
transition: var(--transition-duration-3);
|
|
708
724
|
}
|
|
709
|
-
|
|
725
|
+
uc-editor-scroller:not(#\#):not(#\#):not(#\#) {
|
|
710
726
|
display: flex;
|
|
711
727
|
align-items: center;
|
|
712
728
|
width: 100%;
|
|
713
729
|
height: 100%;
|
|
714
730
|
overflow-x: scroll;
|
|
715
731
|
}
|
|
716
|
-
|
|
732
|
+
uc-editor-slider:not(#\#):not(#\#):not(#\#) {
|
|
717
733
|
display: flex;
|
|
718
734
|
align-items: center;
|
|
719
735
|
justify-content: center;
|
|
720
736
|
width: 100%;
|
|
721
737
|
height: var(--size-panel-heading);
|
|
722
738
|
}
|
|
723
|
-
|
|
739
|
+
uc-editor-toolbar:not(#\#):not(#\#):not(#\#) {
|
|
724
740
|
position: relative;
|
|
725
741
|
width: 100%;
|
|
726
742
|
height: 100%;
|
|
727
743
|
}
|
|
728
|
-
|
|
729
|
-
uc-editor-toolbar {
|
|
744
|
+
@media only screen and (max-width: 600px) {
|
|
745
|
+
uc-editor-toolbar:not(#\#):not(#\#):not(#\#) {
|
|
730
746
|
--l-tab-gap: var(--cldtr-gap-mid-1);
|
|
731
747
|
--l-slider-padding: var(--uc-padding);
|
|
732
748
|
--l-controls-padding: var(--uc-padding);
|
|
733
749
|
}
|
|
734
750
|
}
|
|
735
|
-
|
|
736
|
-
uc-editor-toolbar {
|
|
751
|
+
@media only screen and (min-width: 601px) {
|
|
752
|
+
uc-editor-toolbar:not(#\#):not(#\#):not(#\#) {
|
|
737
753
|
--l-tab-gap: var(--cldtr-gap-max);
|
|
738
754
|
--l-slider-padding: var(--uc-padding);
|
|
739
755
|
--l-controls-padding: var(--uc-padding);
|
|
740
756
|
}
|
|
741
757
|
}
|
|
742
|
-
|
|
758
|
+
uc-editor-toolbar:not(#\#):not(#\#):not(#\#) > .uc-toolbar-container {
|
|
743
759
|
position: relative;
|
|
744
760
|
width: 100%;
|
|
745
761
|
height: 100%;
|
|
746
762
|
overflow: hidden;
|
|
747
763
|
}
|
|
748
|
-
|
|
764
|
+
uc-editor-toolbar:not(#\#):not(#\#):not(#\#) > .uc-toolbar-container > .uc-sub-toolbar {
|
|
749
765
|
position: absolute;
|
|
750
766
|
display: grid;
|
|
751
767
|
grid-template-rows: 1fr 1fr;
|
|
@@ -757,7 +773,7 @@
|
|
|
757
773
|
transform var(--transition-duration-3) ease-in-out,
|
|
758
774
|
visibility var(--transition-duration-3) ease-in-out;
|
|
759
775
|
}
|
|
760
|
-
|
|
776
|
+
.uc-sub-toolbar:not(#\#):not(#\#):not(#\#) > .uc-list-aspect-ratio-container > .uc-list-aspect-ratio {
|
|
761
777
|
display: grid;
|
|
762
778
|
grid-auto-flow: column;
|
|
763
779
|
justify-content: center;
|
|
@@ -765,29 +781,29 @@
|
|
|
765
781
|
gap: 6px;
|
|
766
782
|
height: var(--size-panel-heading);
|
|
767
783
|
}
|
|
768
|
-
|
|
784
|
+
uc-editor-toolbar:not(#\#):not(#\#):not(#\#) > .uc-toolbar-container > .uc-sub-toolbar.uc-sub-toolbar--visible {
|
|
769
785
|
transform: translateY(0px);
|
|
770
786
|
opacity: 1;
|
|
771
787
|
pointer-events: auto;
|
|
772
788
|
}
|
|
773
|
-
|
|
789
|
+
uc-editor-toolbar:not(#\#):not(#\#):not(#\#) > .uc-toolbar-container > .uc-sub-toolbar.uc-sub-toolbar--top-hidden {
|
|
774
790
|
transform: translateY(100%);
|
|
775
791
|
opacity: 0;
|
|
776
792
|
pointer-events: none;
|
|
777
793
|
}
|
|
778
|
-
|
|
794
|
+
uc-editor-toolbar:not(#\#):not(#\#):not(#\#) > .uc-toolbar-container > .uc-sub-toolbar.uc-sub-toolbar--bottom-hidden {
|
|
779
795
|
transform: translateY(-100%);
|
|
780
796
|
opacity: 0;
|
|
781
797
|
pointer-events: none;
|
|
782
798
|
}
|
|
783
|
-
|
|
799
|
+
uc-editor-toolbar:not(#\#):not(#\#):not(#\#) > .uc-toolbar-container > .uc-sub-toolbar > .uc-controls-row {
|
|
784
800
|
display: flex;
|
|
785
801
|
align-items: center;
|
|
786
802
|
justify-content: space-between;
|
|
787
803
|
padding-right: var(--l-controls-padding);
|
|
788
804
|
padding-left: var(--l-controls-padding);
|
|
789
805
|
}
|
|
790
|
-
|
|
806
|
+
uc-editor-toolbar:not(#\#):not(#\#):not(#\#) > .uc-toolbar-container > .uc-sub-toolbar > .uc-controls-row > .uc-tab-toggles {
|
|
791
807
|
position: relative;
|
|
792
808
|
display: grid;
|
|
793
809
|
grid-auto-flow: column;
|
|
@@ -795,7 +811,7 @@
|
|
|
795
811
|
align-items: center;
|
|
796
812
|
height: 100%;
|
|
797
813
|
}
|
|
798
|
-
|
|
814
|
+
uc-editor-toolbar:not(#\#):not(#\#):not(#\#) > .uc-toolbar-container > .uc-sub-toolbar > .uc-controls-row > .uc-tab-toggles > .uc-tab-toggles_indicator {
|
|
799
815
|
position: absolute;
|
|
800
816
|
bottom: 0px;
|
|
801
817
|
left: 0px;
|
|
@@ -805,10 +821,10 @@
|
|
|
805
821
|
transform: translateX(0px);
|
|
806
822
|
transition: transform var(--transition-duration-3);
|
|
807
823
|
}
|
|
808
|
-
|
|
824
|
+
uc-editor-toolbar:not(#\#):not(#\#):not(#\#) > .uc-toolbar-container > .uc-sub-toolbar > .uc-tab-content-row {
|
|
809
825
|
position: relative;
|
|
810
826
|
}
|
|
811
|
-
|
|
827
|
+
uc-editor-toolbar:not(#\#):not(#\#):not(#\#) > .uc-toolbar-container > .uc-sub-toolbar > .uc-tab-content-row > .uc-tab-content {
|
|
812
828
|
position: absolute;
|
|
813
829
|
top: 0px;
|
|
814
830
|
left: 0px;
|
|
@@ -819,31 +835,31 @@
|
|
|
819
835
|
opacity: 0;
|
|
820
836
|
content-visibility: auto;
|
|
821
837
|
}
|
|
822
|
-
|
|
838
|
+
uc-editor-toolbar:not(#\#):not(#\#):not(#\#) > .uc-toolbar-container > .uc-sub-toolbar > .uc-tab-content-row > .uc-tab-content.uc-tab-content--visible {
|
|
823
839
|
opacity: 1;
|
|
824
840
|
pointer-events: auto;
|
|
825
841
|
}
|
|
826
|
-
|
|
842
|
+
uc-editor-toolbar:not(#\#):not(#\#):not(#\#) > .uc-toolbar-container > .uc-sub-toolbar > .uc-tab-content-row > .uc-tab-content.uc-tab-content--hidden {
|
|
827
843
|
opacity: 0;
|
|
828
844
|
pointer-events: none;
|
|
829
845
|
}
|
|
830
|
-
|
|
846
|
+
uc-editor-toolbar:not(#\#):not(#\#):not(#\#) > .uc-toolbar-container > .uc-sub-toolbar > .uc-controls-row > .uc-tab-toggles > .uc-tab-toggle.uc-tab-toggle--visible {
|
|
831
847
|
display: contents;
|
|
832
848
|
}
|
|
833
|
-
|
|
849
|
+
uc-editor-toolbar:not(#\#):not(#\#):not(#\#) > .uc-toolbar-container > .uc-sub-toolbar > .uc-controls-row > .uc-tab-toggles > .uc-tab-toggle.uc-tab-toggle--hidden {
|
|
834
850
|
display: none;
|
|
835
851
|
}
|
|
836
|
-
|
|
852
|
+
uc-editor-toolbar:not(#\#):not(#\#):not(#\#) > .uc-toolbar-container > .uc-sub-toolbar > .uc-controls-row > .uc-tab-toggles.uc-tab-toggles--hidden {
|
|
837
853
|
display: none;
|
|
838
854
|
}
|
|
839
|
-
|
|
855
|
+
uc-editor-toolbar:not(#\#):not(#\#):not(#\#) > .uc-toolbar-container > .uc-sub-toolbar > .uc-controls-row > .uc-tab-toggles > .uc-tab-toggle > uc-btn-ui {
|
|
840
856
|
width: var(--uc-button-size);
|
|
841
857
|
}
|
|
842
|
-
|
|
858
|
+
uc-editor-toolbar:not(#\#):not(#\#):not(#\#) > .uc-toolbar-container > .uc-sub-toolbar > .uc-controls-row > .uc-tab-toggles > .uc-tab-toggle > uc-btn-ui > uc-icon > svg {
|
|
843
859
|
width: var(--size-icon);
|
|
844
860
|
height: var(--size-icon);
|
|
845
861
|
}
|
|
846
|
-
|
|
862
|
+
uc-editor-toolbar:not(#\#):not(#\#):not(#\#) > .uc-toolbar-container > .uc-sub-toolbar > .uc-tab-content-row > .uc-tab-content .uc-controls-list_align {
|
|
847
863
|
display: grid;
|
|
848
864
|
grid-template-areas: ". inner .";
|
|
849
865
|
grid-template-columns: 1fr auto 1fr;
|
|
@@ -851,19 +867,19 @@
|
|
|
851
867
|
min-width: 100%;
|
|
852
868
|
padding-left: var(--uc-padding);
|
|
853
869
|
}
|
|
854
|
-
|
|
870
|
+
uc-editor-toolbar:not(#\#):not(#\#):not(#\#) > .uc-toolbar-container > .uc-sub-toolbar > .uc-tab-content-row > .uc-tab-content .uc-controls-list_inner {
|
|
855
871
|
display: grid;
|
|
856
872
|
grid-area: inner;
|
|
857
873
|
grid-auto-flow: column;
|
|
858
874
|
gap: 6px;
|
|
859
875
|
}
|
|
860
|
-
|
|
876
|
+
uc-editor-toolbar:not(#\#):not(#\#):not(#\#) > .uc-toolbar-container > .uc-sub-toolbar > .uc-tab-content-row > .uc-tab-content .uc-controls-list_inner:last-child {
|
|
861
877
|
padding-right: var(--uc-padding);
|
|
862
878
|
}
|
|
863
|
-
|
|
879
|
+
uc-editor-toolbar:not(#\#):not(#\#):not(#\#) .uc-controls-list_last-item {
|
|
864
880
|
margin-right: var(--cldtr-gap-max);
|
|
865
881
|
}
|
|
866
|
-
|
|
882
|
+
uc-editor-toolbar:not(#\#):not(#\#):not(#\#) .uc-info-tooltip_container {
|
|
867
883
|
position: absolute;
|
|
868
884
|
display: flex;
|
|
869
885
|
align-items: flex-start;
|
|
@@ -871,7 +887,7 @@
|
|
|
871
887
|
width: 100%;
|
|
872
888
|
height: 100%;
|
|
873
889
|
}
|
|
874
|
-
|
|
890
|
+
uc-editor-toolbar:not(#\#):not(#\#):not(#\#) .uc-info-tooltip_wrapper {
|
|
875
891
|
position: absolute;
|
|
876
892
|
top: calc(-100% - var(--cldtr-gap-mid-2));
|
|
877
893
|
display: flex;
|
|
@@ -880,7 +896,7 @@
|
|
|
880
896
|
height: 100%;
|
|
881
897
|
pointer-events: none;
|
|
882
898
|
}
|
|
883
|
-
|
|
899
|
+
uc-editor-toolbar:not(#\#):not(#\#):not(#\#) .uc-info-tooltip {
|
|
884
900
|
z-index: 3;
|
|
885
901
|
padding: 3px 6px;
|
|
886
902
|
color: var(--color-text-base);
|
|
@@ -893,15 +909,15 @@
|
|
|
893
909
|
opacity: 0;
|
|
894
910
|
transition: var(--transition-duration-3);
|
|
895
911
|
}
|
|
896
|
-
|
|
912
|
+
uc-editor-toolbar:not(#\#):not(#\#):not(#\#) .uc-info-tooltip_visible {
|
|
897
913
|
transform: translateY(0px);
|
|
898
914
|
opacity: 1;
|
|
899
915
|
}
|
|
900
|
-
|
|
916
|
+
uc-editor-toolbar:not(#\#):not(#\#):not(#\#) .uc-slider {
|
|
901
917
|
padding-right: var(--l-slider-padding);
|
|
902
918
|
padding-left: var(--l-slider-padding);
|
|
903
919
|
}
|
|
904
|
-
|
|
920
|
+
uc-btn-ui:not(#\#):not(#\#):not(#\#) > button {
|
|
905
921
|
--filter-effect: var(--idle-brightness);
|
|
906
922
|
--opacity-effect: var(--idle-opacity);
|
|
907
923
|
--color-effect: var(--idle-color-rgb);
|
|
@@ -924,13 +940,13 @@
|
|
|
924
940
|
transition: var(--l-transition-effect);
|
|
925
941
|
user-select: none;
|
|
926
942
|
}
|
|
927
|
-
|
|
943
|
+
uc-btn-ui:not(#\#):not(#\#):not(#\#) > button > uc-icon {
|
|
928
944
|
pointer-events: none;
|
|
929
945
|
}
|
|
930
|
-
|
|
946
|
+
uc-btn-ui:not(#\#):not(#\#):not(#\#) .uc-text {
|
|
931
947
|
white-space: nowrap;
|
|
932
948
|
}
|
|
933
|
-
|
|
949
|
+
uc-btn-ui:not(#\#):not(#\#):not(#\#) .uc-icon {
|
|
934
950
|
display: flex;
|
|
935
951
|
align-items: center;
|
|
936
952
|
justify-content: center;
|
|
@@ -938,23 +954,23 @@
|
|
|
938
954
|
filter: brightness(var(--filter-effect));
|
|
939
955
|
transition: var(--l-transition-effect);
|
|
940
956
|
}
|
|
941
|
-
|
|
957
|
+
uc-btn-ui:not(#\#):not(#\#):not(#\#) .uc-icon_left {
|
|
942
958
|
margin-right: var(--cldtr-gap-mid-1);
|
|
943
959
|
margin-left: 0px;
|
|
944
960
|
}
|
|
945
|
-
|
|
961
|
+
uc-btn-ui:not(#\#):not(#\#):not(#\#) .uc-icon_right {
|
|
946
962
|
margin-right: 0px;
|
|
947
963
|
margin-left: var(--cldtr-gap-mid-1);
|
|
948
964
|
}
|
|
949
|
-
|
|
965
|
+
uc-btn-ui:not(#\#):not(#\#):not(#\#) .uc-icon_single {
|
|
950
966
|
margin-right: 0px;
|
|
951
967
|
margin-left: 0px;
|
|
952
968
|
}
|
|
953
|
-
|
|
969
|
+
uc-btn-ui:not(#\#):not(#\#):not(#\#) .uc-icon_hidden {
|
|
954
970
|
display: none;
|
|
955
971
|
margin: 0;
|
|
956
972
|
}
|
|
957
|
-
|
|
973
|
+
uc-btn-ui.uc-primary:not(#\#):not(#\#):not(#\#) > button {
|
|
958
974
|
--idle-color-rgb: var(--uc-primary-foreground);
|
|
959
975
|
--idle-brightness: 1;
|
|
960
976
|
--idle-opacity: 1;
|
|
@@ -972,7 +988,7 @@
|
|
|
972
988
|
--active-opacity: 1;
|
|
973
989
|
--active-background: var(--uc-primary);
|
|
974
990
|
}
|
|
975
|
-
|
|
991
|
+
uc-btn-ui.uc-primary-icon:not(#\#):not(#\#):not(#\#) > button {
|
|
976
992
|
--idle-color-rgb: var(--uc-primary);
|
|
977
993
|
--idle-brightness: 1;
|
|
978
994
|
--idle-opacity: 1;
|
|
@@ -992,7 +1008,7 @@
|
|
|
992
1008
|
padding: 0;
|
|
993
1009
|
width: var(--uc-button-size);
|
|
994
1010
|
}
|
|
995
|
-
|
|
1011
|
+
uc-btn-ui.uc-secondary:not(#\#):not(#\#):not(#\#) > button {
|
|
996
1012
|
--idle-color-rgb: var(--uc-secondary-foreground);
|
|
997
1013
|
--idle-brightness: 1;
|
|
998
1014
|
--idle-opacity: 1;
|
|
@@ -1010,10 +1026,10 @@
|
|
|
1010
1026
|
--active-opacity: 1;
|
|
1011
1027
|
--active-background: transparent;
|
|
1012
1028
|
}
|
|
1013
|
-
|
|
1029
|
+
:where(.uc-contrast):not(#\#):not(#\#):not(#\#) uc-btn-ui.uc-secondary > button {
|
|
1014
1030
|
border: 1px solid var(--uc-border);
|
|
1015
1031
|
}
|
|
1016
|
-
|
|
1032
|
+
uc-btn-ui.uc-secondary-icon:not(#\#):not(#\#):not(#\#) > button {
|
|
1017
1033
|
--idle-color-rgb: var(--uc-secondary-foreground);
|
|
1018
1034
|
--idle-brightness: 1;
|
|
1019
1035
|
--idle-opacity: 1;
|
|
@@ -1033,7 +1049,7 @@
|
|
|
1033
1049
|
padding: 0;
|
|
1034
1050
|
width: var(--uc-button-size);
|
|
1035
1051
|
}
|
|
1036
|
-
|
|
1052
|
+
uc-btn-ui.uc-tab:not(#\#):not(#\#):not(#\#) > button {
|
|
1037
1053
|
--idle-color-rgb: var(--uc-secondary-foreground);
|
|
1038
1054
|
--idle-brightness: 1;
|
|
1039
1055
|
--idle-opacity: 1;
|
|
@@ -1053,7 +1069,7 @@
|
|
|
1053
1069
|
padding: 0;
|
|
1054
1070
|
width: var(--uc-button-size);
|
|
1055
1071
|
}
|
|
1056
|
-
|
|
1072
|
+
uc-btn-ui.uc-default:not(#\#):not(#\#):not(#\#) > button {
|
|
1057
1073
|
--idle-color-rgb: var(--uc-secondary-foreground);
|
|
1058
1074
|
--idle-brightness: 1;
|
|
1059
1075
|
--idle-opacity: 1;
|
|
@@ -1071,13 +1087,13 @@
|
|
|
1071
1087
|
--active-opacity: 1;
|
|
1072
1088
|
--active-background: var(--uc-primary-transparent);
|
|
1073
1089
|
}
|
|
1074
|
-
|
|
1090
|
+
:where(.uc-contrast):not(#\#):not(#\#):not(#\#) uc-btn-ui.uc-default > button {
|
|
1075
1091
|
--idle-background: transparent;
|
|
1076
1092
|
--hover-background: var(--uc-secondary);
|
|
1077
1093
|
--active-background: var(--uc-foreground);
|
|
1078
1094
|
--active-color-rgb: var(--uc-background);
|
|
1079
1095
|
}
|
|
1080
|
-
|
|
1096
|
+
uc-line-loader-ui:not(#\#):not(#\#):not(#\#) {
|
|
1081
1097
|
position: absolute;
|
|
1082
1098
|
top: 0px;
|
|
1083
1099
|
left: 0px;
|
|
@@ -1086,19 +1102,19 @@
|
|
|
1086
1102
|
height: 2px;
|
|
1087
1103
|
opacity: 0.5;
|
|
1088
1104
|
}
|
|
1089
|
-
|
|
1105
|
+
uc-line-loader-ui:not(#\#):not(#\#):not(#\#) .uc-inner {
|
|
1090
1106
|
width: 25%;
|
|
1091
1107
|
max-width: 200px;
|
|
1092
1108
|
height: 100%;
|
|
1093
1109
|
}
|
|
1094
|
-
|
|
1110
|
+
uc-line-loader-ui:not(#\#):not(#\#):not(#\#) .uc-line {
|
|
1095
1111
|
width: 100%;
|
|
1096
1112
|
height: 100%;
|
|
1097
1113
|
background-color: var(--uc-primary);
|
|
1098
1114
|
transform: translateX(-101%);
|
|
1099
1115
|
transition: transform 1s;
|
|
1100
1116
|
}
|
|
1101
|
-
|
|
1117
|
+
uc-slider-ui:not(#\#):not(#\#):not(#\#) {
|
|
1102
1118
|
--l-thumb-size: 24px;
|
|
1103
1119
|
--l-zero-dot-size: 5px;
|
|
1104
1120
|
--l-zero-dot-offset: 2px;
|
|
@@ -1114,7 +1130,7 @@
|
|
|
1114
1130
|
width: 100%;
|
|
1115
1131
|
height: calc(var(--l-thumb-size) + (var(--l-zero-dot-size) + var(--l-zero-dot-offset)) * 2);
|
|
1116
1132
|
}
|
|
1117
|
-
|
|
1133
|
+
uc-slider-ui:not(#\#):not(#\#):not(#\#) .uc-thumb {
|
|
1118
1134
|
position: absolute;
|
|
1119
1135
|
left: 0px;
|
|
1120
1136
|
width: var(--l-thumb-size);
|
|
@@ -1125,7 +1141,7 @@
|
|
|
1125
1141
|
opacity: 1;
|
|
1126
1142
|
transition: opacity var(--transition-duration-2), background-color var(--transition-duration-2);
|
|
1127
1143
|
}
|
|
1128
|
-
|
|
1144
|
+
uc-slider-ui:not(#\#):not(#\#):not(#\#) .uc-steps {
|
|
1129
1145
|
position: absolute;
|
|
1130
1146
|
display: flex;
|
|
1131
1147
|
align-items: center;
|
|
@@ -1136,21 +1152,21 @@
|
|
|
1136
1152
|
padding-right: calc(var(--l-thumb-size) / 2);
|
|
1137
1153
|
padding-left: calc(var(--l-thumb-size) / 2);
|
|
1138
1154
|
}
|
|
1139
|
-
|
|
1155
|
+
uc-slider-ui:not(#\#):not(#\#):not(#\#) .uc-border-step {
|
|
1140
1156
|
width: 0px;
|
|
1141
1157
|
height: 10px;
|
|
1142
1158
|
border-right: 1px solid var(--uc-foreground);
|
|
1143
1159
|
opacity: 1;
|
|
1144
1160
|
transition: border-color var(--transition-duration-2);
|
|
1145
1161
|
}
|
|
1146
|
-
|
|
1162
|
+
uc-slider-ui:not(#\#):not(#\#):not(#\#) .uc-minor-step {
|
|
1147
1163
|
width: 0px;
|
|
1148
1164
|
height: 4px;
|
|
1149
1165
|
border-right: 1px solid var(--uc-foreground);
|
|
1150
1166
|
opacity: 0.6;
|
|
1151
1167
|
transition: border-color var(--transition-duration-2);
|
|
1152
1168
|
}
|
|
1153
|
-
|
|
1169
|
+
uc-slider-ui:not(#\#):not(#\#):not(#\#) .uc-zero-dot {
|
|
1154
1170
|
position: absolute;
|
|
1155
1171
|
top: calc(100% - var(--l-zero-dot-offset) * 2);
|
|
1156
1172
|
left: calc(var(--l-thumb-size) / 2 - var(--l-zero-dot-size) / 2);
|
|
@@ -1161,7 +1177,7 @@
|
|
|
1161
1177
|
opacity: 0;
|
|
1162
1178
|
transition: var(--transition-duration-3);
|
|
1163
1179
|
}
|
|
1164
|
-
|
|
1180
|
+
uc-slider-ui:not(#\#):not(#\#):not(#\#) .uc-input {
|
|
1165
1181
|
position: absolute;
|
|
1166
1182
|
width: calc(100% - 10px);
|
|
1167
1183
|
height: 100%;
|
|
@@ -1169,64 +1185,60 @@
|
|
|
1169
1185
|
cursor: pointer;
|
|
1170
1186
|
opacity: 0;
|
|
1171
1187
|
}
|
|
1172
|
-
|
|
1188
|
+
uc-presence-toggle.uc-transition:not(#\#):not(#\#):not(#\#) {
|
|
1173
1189
|
transition: opacity var(--transition-duration-3), visibility var(--transition-duration-3);
|
|
1174
1190
|
}
|
|
1175
|
-
|
|
1191
|
+
uc-presence-toggle.uc-visible:not(#\#):not(#\#):not(#\#) {
|
|
1176
1192
|
opacity: 1;
|
|
1177
1193
|
pointer-events: inherit;
|
|
1178
1194
|
}
|
|
1179
|
-
|
|
1195
|
+
uc-presence-toggle.uc-hidden:not(#\#):not(#\#):not(#\#) {
|
|
1180
1196
|
opacity: 0;
|
|
1181
1197
|
pointer-events: none;
|
|
1182
1198
|
}
|
|
1183
|
-
|
|
1199
|
+
uc-presence-toggle.uc-initial:not(#\#):not(#\#):not(#\#) {
|
|
1184
1200
|
display: none !important;
|
|
1185
1201
|
transition: none !important;
|
|
1186
1202
|
}
|
|
1187
|
-
|
|
1188
|
-
[uc-cloud-image-editor] button:focus-visible {
|
|
1203
|
+
[uc-cloud-image-editor]:not(#\#):not(#\#):not(#\#) [role=button]:focus-visible,
|
|
1204
|
+
[uc-cloud-image-editor]:not(#\#):not(#\#):not(#\#) button:focus-visible {
|
|
1189
1205
|
outline: 1px auto Highlight;
|
|
1190
1206
|
outline: 1px auto -webkit-focus-ring-color;
|
|
1191
1207
|
}
|
|
1192
|
-
|
|
1208
|
+
[uc-cloud-image-editor]:not(#\#):not(#\#):not(#\#) .uc-cloud-mask {
|
|
1193
1209
|
pointer-events: none;
|
|
1194
1210
|
}
|
|
1195
|
-
|
|
1211
|
+
[uc-aspect-ratio-freeform]:not(#\#):not(#\#):not(#\#) button {
|
|
1196
1212
|
display: flex;
|
|
1197
1213
|
}
|
|
1198
|
-
|
|
1214
|
+
[uc-aspect-ratio-freeform]:not(#\#):not(#\#):not(#\#) uc-icon {
|
|
1199
1215
|
display: none;
|
|
1200
1216
|
}
|
|
1201
|
-
|
|
1217
|
+
[uc-aspect-ratio-freeform]:not(#\#):not(#\#):not(#\#) .uc-title {
|
|
1202
1218
|
padding-left: var(--cldtr-gap-mid-1);
|
|
1203
1219
|
}
|
|
1204
|
-
|
|
1220
|
+
:where(uc-editor-freeform-button-control, uc-editor-aspect-ratio-button-control:last-of-type):not(#\#):not(#\#):not(#\#) {
|
|
1205
1221
|
margin-right: calc(3 * var(--cldtr-gap-mid-1));
|
|
1206
1222
|
}
|
|
1207
|
-
}
|
|
1208
1223
|
|
|
1209
1224
|
/* src/blocks/CloudImageEditor/src/css/icons.css */
|
|
1210
|
-
|
|
1211
|
-
:where([uc-cloud-image-editor]) uc-icon {
|
|
1225
|
+
:where([uc-cloud-image-editor]):not(#\#):not(#\#):not(#\#) uc-icon {
|
|
1212
1226
|
display: flex;
|
|
1213
1227
|
justify-content: center;
|
|
1214
1228
|
width: 100%;
|
|
1215
1229
|
height: 100%;
|
|
1216
1230
|
}
|
|
1217
|
-
|
|
1231
|
+
:where([uc-cloud-image-editor]):not(#\#):not(#\#):not(#\#) uc-icon svg {
|
|
1218
1232
|
width: calc(var(--uc-button-size) / 2);
|
|
1219
1233
|
height: calc(var(--uc-button-size) / 2);
|
|
1220
1234
|
}
|
|
1221
|
-
}
|
|
1222
1235
|
|
|
1223
1236
|
/* src/blocks/CloudImageEditor/src/css/index.css */
|
|
1224
1237
|
|
|
1225
1238
|
/* src/blocks/CloudImageEditor/index.css */
|
|
1226
1239
|
|
|
1227
1240
|
/* src/blocks/CloudImageEditorActivity/cloud-image-editor-activity.css */
|
|
1228
|
-
|
|
1229
|
-
uc-cloud-image-editor-activity {
|
|
1241
|
+
uc-cloud-image-editor-activity:not(#\#) {
|
|
1230
1242
|
position: relative;
|
|
1231
1243
|
display: flex;
|
|
1232
1244
|
width: 100%;
|
|
@@ -1234,27 +1246,23 @@
|
|
|
1234
1246
|
overflow: hidden;
|
|
1235
1247
|
background-color: var(--uc-background);
|
|
1236
1248
|
}
|
|
1237
|
-
|
|
1249
|
+
[uc-modal]:not(#\#) > dialog:has(uc-cloud-image-editor-activity[active]) {
|
|
1238
1250
|
width: 100%;
|
|
1239
1251
|
height: 100%;
|
|
1240
1252
|
}
|
|
1241
|
-
}
|
|
1242
1253
|
|
|
1243
1254
|
/* src/blocks/Config/config.css */
|
|
1244
|
-
|
|
1245
|
-
uc-config {
|
|
1255
|
+
uc-config:not(#\#) {
|
|
1246
1256
|
display: none;
|
|
1247
1257
|
}
|
|
1248
|
-
}
|
|
1249
1258
|
|
|
1250
1259
|
/* src/blocks/Copyright/copyright.css */
|
|
1251
|
-
|
|
1252
|
-
uc-copyright {
|
|
1260
|
+
uc-copyright:not(#\#) {
|
|
1253
1261
|
display: flex;
|
|
1254
1262
|
width: 100%;
|
|
1255
1263
|
justify-content: center;
|
|
1256
1264
|
}
|
|
1257
|
-
|
|
1265
|
+
uc-copyright:not(#\#) .uc-credits {
|
|
1258
1266
|
all: unset;
|
|
1259
1267
|
position: absolute;
|
|
1260
1268
|
bottom: 12px;
|
|
@@ -1268,76 +1276,74 @@
|
|
|
1268
1276
|
cursor: pointer;
|
|
1269
1277
|
transition: opacity var(--uc-transition), background-color var(--uc-transition);
|
|
1270
1278
|
}
|
|
1271
|
-
|
|
1279
|
+
uc-copyright:not(#\#) .uc-credits:focus-visible {
|
|
1272
1280
|
outline: 1px auto Highlight;
|
|
1273
1281
|
outline: 1px auto -webkit-focus-ring-color;
|
|
1274
1282
|
}
|
|
1275
|
-
|
|
1283
|
+
uc-copyright:not(#\#) .uc-credits:hover {
|
|
1276
1284
|
opacity: 1;
|
|
1277
1285
|
background-color: var(--uc-muted);
|
|
1278
1286
|
}
|
|
1279
|
-
}
|
|
1280
1287
|
|
|
1281
1288
|
/* src/blocks/DropArea/drop-area.css */
|
|
1282
|
-
|
|
1283
|
-
:where([uc-drop-area]) {
|
|
1289
|
+
:where([uc-drop-area]):not(#\#) {
|
|
1284
1290
|
padding: 2px;
|
|
1285
1291
|
overflow: hidden;
|
|
1286
1292
|
border: 1px dashed var(--uc-border);
|
|
1287
1293
|
border-radius: calc(var(--uc-radius) * 1.75);
|
|
1288
1294
|
transition: border var(--uc-transition), border-radius var(--uc-transition);
|
|
1289
1295
|
}
|
|
1290
|
-
|
|
1291
|
-
:where([uc-drop-area]) .uc-content-wrapper {
|
|
1296
|
+
:where([uc-drop-area]):not(#\#),
|
|
1297
|
+
:where([uc-drop-area]):not(#\#) .uc-content-wrapper {
|
|
1292
1298
|
display: flex;
|
|
1293
1299
|
align-items: center;
|
|
1294
1300
|
justify-content: center;
|
|
1295
1301
|
width: 100%;
|
|
1296
1302
|
height: 100%;
|
|
1297
1303
|
}
|
|
1298
|
-
|
|
1304
|
+
:where([uc-drop-area]):not(#\#) .uc-text {
|
|
1299
1305
|
position: relative;
|
|
1300
1306
|
margin: var(--uc-padding);
|
|
1301
1307
|
color: var(--uc-muted-foreground);
|
|
1302
1308
|
transition: color var(--uc-transition);
|
|
1303
1309
|
}
|
|
1304
|
-
|
|
1310
|
+
:where([uc-drop-area])[ghost][drag-state=inactive]:not(#\#) {
|
|
1305
1311
|
display: none;
|
|
1306
1312
|
}
|
|
1307
|
-
|
|
1313
|
+
:where([uc-drop-area])[ghost]:not([fullscreen]):is([drag-state=active], [drag-state=near], [drag-state=over]):not(#\#) {
|
|
1308
1314
|
background: var(--uc-background);
|
|
1309
1315
|
}
|
|
1310
|
-
|
|
1316
|
+
:where([uc-drop-area]):is([drag-state=active], [drag-state=near], [drag-state=over], :hover):not(#\#) {
|
|
1311
1317
|
background: var(--uc-primary-transparent);
|
|
1312
1318
|
border-color: var(--uc-primary-transparent);
|
|
1313
1319
|
}
|
|
1314
|
-
|
|
1320
|
+
:where(.uc-contrast):not(#\#) :where([uc-drop-area]):is([drag-state=active], [drag-state=near], [drag-state=over], :hover) {
|
|
1315
1321
|
color: var(--uc-foreground);
|
|
1316
1322
|
background: transparent;
|
|
1317
1323
|
border-color: var(--uc-foreground);
|
|
1318
1324
|
border-width: 2px;
|
|
1319
1325
|
border-style: solid;
|
|
1320
1326
|
}
|
|
1321
|
-
|
|
1327
|
+
:where([uc-drop-area]):is([drag-state=active], [drag-state=near]):not(#\#) {
|
|
1322
1328
|
opacity: 1;
|
|
1323
1329
|
}
|
|
1324
|
-
|
|
1330
|
+
:where([uc-drop-area])[drag-state=over]:not(#\#) {
|
|
1325
1331
|
border-color: var(--uc-primary);
|
|
1326
1332
|
opacity: 1;
|
|
1327
1333
|
}
|
|
1328
|
-
|
|
1334
|
+
:where([uc-drop-area])[with-icon]:not(#\#) {
|
|
1329
1335
|
min-height: 180px;
|
|
1330
1336
|
}
|
|
1331
|
-
|
|
1337
|
+
:where([uc-drop-area])[with-icon]:not(#\#) .uc-content-wrapper {
|
|
1332
1338
|
display: flex;
|
|
1333
1339
|
flex-direction: column;
|
|
1334
1340
|
}
|
|
1335
|
-
|
|
1341
|
+
:where([uc-drop-area])[with-icon]:not(#\#) .uc-text {
|
|
1336
1342
|
color: var(--uc-foreground);
|
|
1337
1343
|
font-weight: 500;
|
|
1338
1344
|
font-size: 1.1em;
|
|
1339
1345
|
}
|
|
1340
|
-
|
|
1346
|
+
:where([uc-drop-area])[with-icon]:not(#\#) .uc-icon-container {
|
|
1341
1347
|
position: relative;
|
|
1342
1348
|
width: 64px;
|
|
1343
1349
|
height: 64px;
|
|
@@ -1348,7 +1354,7 @@
|
|
|
1348
1354
|
border-radius: 50%;
|
|
1349
1355
|
transition: color var(--uc-transition), background-color var(--uc-transition);
|
|
1350
1356
|
}
|
|
1351
|
-
|
|
1357
|
+
:where([uc-drop-area])[with-icon]:not(#\#) uc-icon {
|
|
1352
1358
|
position: absolute;
|
|
1353
1359
|
width: 32px;
|
|
1354
1360
|
height: 32px;
|
|
@@ -1356,42 +1362,42 @@
|
|
|
1356
1362
|
left: calc(50% - 16px);
|
|
1357
1363
|
transition: transform var(--uc-transition);
|
|
1358
1364
|
}
|
|
1359
|
-
|
|
1365
|
+
:where([uc-drop-area])[with-icon]:not(#\#) uc-icon:last-child {
|
|
1360
1366
|
transform: translateY(48px);
|
|
1361
1367
|
}
|
|
1362
|
-
|
|
1363
|
-
:where(.uc-contrast) :where([uc-drop-area])[with-icon]:hover .uc-text {
|
|
1368
|
+
:where(.uc-contrast):not(#\#) :where([uc-drop-area])[with-icon]:hover .uc-icon-container,
|
|
1369
|
+
:where(.uc-contrast):not(#\#) :where([uc-drop-area])[with-icon]:hover .uc-text {
|
|
1364
1370
|
color: var(--uc-foreground);
|
|
1365
1371
|
}
|
|
1366
|
-
|
|
1372
|
+
:where([uc-drop-area])[with-icon]:hover:not(#\#) .uc-icon-container {
|
|
1367
1373
|
background-color: var(--uc-primary-transparent);
|
|
1368
1374
|
}
|
|
1369
|
-
|
|
1375
|
+
:where(.uc-contrast):not(#\#) :where([uc-drop-area])[with-icon]:hover .uc-icon-container {
|
|
1370
1376
|
background-color: var(--uc-muted);
|
|
1371
1377
|
}
|
|
1372
|
-
|
|
1378
|
+
:where([uc-drop-area])[with-icon]:not(#\#) > .uc-content-wrapper:is([drag-state=active], [drag-state=near], [drag-state=over]) .uc-icon-container {
|
|
1373
1379
|
color: var(--uc-primary-foreground);
|
|
1374
1380
|
background-color: var(--uc-primary);
|
|
1375
1381
|
}
|
|
1376
|
-
|
|
1382
|
+
:where([uc-drop-area])[with-icon]:not(#\#) > .uc-content-wrapper:is([drag-state=active], [drag-state=near], [drag-state=over]) .uc-text {
|
|
1377
1383
|
color: var(--uc-foreground);
|
|
1378
1384
|
}
|
|
1379
|
-
|
|
1385
|
+
:where(.uc-contrast):not(#\#) :where([uc-drop-area])[with-icon] > .uc-content-wrapper:is([drag-state=active], [drag-state=near], [drag-state=over]) .uc-text {
|
|
1380
1386
|
color: var(--uc-foreground);
|
|
1381
1387
|
}
|
|
1382
|
-
|
|
1388
|
+
:where([uc-drop-area])[with-icon]:not(#\#) > .uc-content-wrapper:is([drag-state=active], [drag-state=near], [drag-state=over]) uc-icon:first-child {
|
|
1383
1389
|
transform: translateY(-48px);
|
|
1384
1390
|
}
|
|
1385
|
-
|
|
1391
|
+
:where([uc-drop-area])[with-icon]:not(#\#) > .uc-content-wrapper:is([drag-state=active], [drag-state=near], [drag-state=over]) uc-icon:last-child {
|
|
1386
1392
|
transform: translateY(0);
|
|
1387
1393
|
}
|
|
1388
|
-
|
|
1394
|
+
:where([uc-drop-area])[with-icon]:not(#\#) > .uc-content-wrapper[drag-state=near] uc-icon:last-child {
|
|
1389
1395
|
transform: scale(1.3);
|
|
1390
1396
|
}
|
|
1391
|
-
|
|
1397
|
+
:where([uc-drop-area])[with-icon]:not(#\#) > .uc-content-wrapper[drag-state=over] uc-icon:last-child {
|
|
1392
1398
|
transform: scale(1.5);
|
|
1393
1399
|
}
|
|
1394
|
-
|
|
1400
|
+
:where([uc-drop-area])[fullscreen]:not(#\#) {
|
|
1395
1401
|
position: fixed;
|
|
1396
1402
|
top: 0;
|
|
1397
1403
|
right: 0;
|
|
@@ -1405,7 +1411,7 @@
|
|
|
1405
1411
|
height: calc(100vh - var(--uc-padding) * 2);
|
|
1406
1412
|
margin: var(--uc-padding);
|
|
1407
1413
|
}
|
|
1408
|
-
|
|
1414
|
+
:where([uc-drop-area])[fullscreen]:not(#\#) .uc-content-wrapper {
|
|
1409
1415
|
width: 100%;
|
|
1410
1416
|
max-width: calc(var(--uc-dialog-width) * 0.8);
|
|
1411
1417
|
height: 180px;
|
|
@@ -1420,26 +1426,24 @@
|
|
|
1420
1426
|
border-radius var(--uc-transition),
|
|
1421
1427
|
transform var(--uc-transition);
|
|
1422
1428
|
}
|
|
1423
|
-
|
|
1424
|
-
:where([uc-drop-area])[with-icon][fullscreen][drag-state=near] > .uc-content-wrapper {
|
|
1429
|
+
:where([uc-drop-area])[with-icon][fullscreen][drag-state=active]:not(#\#) > .uc-content-wrapper,
|
|
1430
|
+
:where([uc-drop-area])[with-icon][fullscreen][drag-state=near]:not(#\#) > .uc-content-wrapper {
|
|
1425
1431
|
transform: translateY(10px);
|
|
1426
1432
|
opacity: 0;
|
|
1427
1433
|
}
|
|
1428
|
-
|
|
1434
|
+
:where([uc-drop-area])[with-icon][fullscreen][drag-state=over]:not(#\#) > .uc-content-wrapper {
|
|
1429
1435
|
transform: translateY(0px);
|
|
1430
1436
|
opacity: 1;
|
|
1431
1437
|
}
|
|
1432
|
-
|
|
1438
|
+
:is(:where([uc-drop-area])[with-icon][fullscreen]):not(#\#) > .uc-content-wrapper uc-icon:first-child {
|
|
1433
1439
|
transform: translateY(-48px);
|
|
1434
1440
|
}
|
|
1435
|
-
|
|
1441
|
+
:where([uc-drop-area])[clickable]:not(#\#) {
|
|
1436
1442
|
cursor: pointer;
|
|
1437
1443
|
}
|
|
1438
|
-
}
|
|
1439
1444
|
|
|
1440
1445
|
/* src/blocks/ExternalSource/external-source.css */
|
|
1441
|
-
|
|
1442
|
-
uc-external-source {
|
|
1446
|
+
uc-external-source:not(#\#) {
|
|
1443
1447
|
display: flex;
|
|
1444
1448
|
flex-direction: column;
|
|
1445
1449
|
width: 100%;
|
|
@@ -1448,26 +1452,26 @@
|
|
|
1448
1452
|
overflow: hidden;
|
|
1449
1453
|
position: relative;
|
|
1450
1454
|
}
|
|
1451
|
-
|
|
1455
|
+
[uc-modal]:not(#\#) > dialog:has(uc-external-source[active]) {
|
|
1452
1456
|
width: 100%;
|
|
1453
1457
|
height: 100%;
|
|
1454
1458
|
}
|
|
1455
|
-
|
|
1459
|
+
uc-external-source:not(#\#) > .uc-content {
|
|
1456
1460
|
position: relative;
|
|
1457
1461
|
display: grid;
|
|
1458
1462
|
flex: 1;
|
|
1459
1463
|
grid-template-rows: 1fr min-content;
|
|
1460
1464
|
}
|
|
1461
|
-
|
|
1465
|
+
uc-external-source:not(#\#) iframe {
|
|
1462
1466
|
display: block;
|
|
1463
1467
|
width: 100%;
|
|
1464
1468
|
height: 100%;
|
|
1465
1469
|
border: none;
|
|
1466
1470
|
}
|
|
1467
|
-
|
|
1471
|
+
uc-external-source:not(#\#) .uc-iframe-wrapper {
|
|
1468
1472
|
overflow: hidden;
|
|
1469
1473
|
}
|
|
1470
|
-
|
|
1474
|
+
uc-external-source:not(#\#) .uc-toolbar {
|
|
1471
1475
|
display: flex;
|
|
1472
1476
|
width: 100%;
|
|
1473
1477
|
grid-gap: var(--uc-padding);
|
|
@@ -1476,26 +1480,26 @@
|
|
|
1476
1480
|
padding: var(--uc-padding);
|
|
1477
1481
|
border-top: 1px solid var(--uc-border);
|
|
1478
1482
|
}
|
|
1479
|
-
|
|
1483
|
+
uc-external-source:not(#\#) .uc-back-btn {
|
|
1480
1484
|
padding-left: 0;
|
|
1481
1485
|
}
|
|
1482
|
-
|
|
1486
|
+
uc-external-source:not(#\#) .uc-selection-status-box {
|
|
1483
1487
|
color: var(--uc-foreground);
|
|
1484
1488
|
display: flex;
|
|
1485
1489
|
flex-direction: column;
|
|
1486
1490
|
align-items: center;
|
|
1487
1491
|
justify-content: center;
|
|
1488
1492
|
}
|
|
1489
|
-
|
|
1493
|
+
uc-external-source:not(#\#) .uc-selection-status-box button {
|
|
1490
1494
|
color: var(--uc-primary);
|
|
1491
1495
|
height: auto;
|
|
1492
1496
|
padding: 0;
|
|
1493
1497
|
background: none;
|
|
1494
1498
|
}
|
|
1495
|
-
|
|
1499
|
+
uc-external-source:not(#\#) .uc-selection-status-box button:hover {
|
|
1496
1500
|
text-decoration: underline;
|
|
1497
1501
|
}
|
|
1498
|
-
|
|
1502
|
+
uc-external-source:not(#\#) uc-activity-header {
|
|
1499
1503
|
position: absolute;
|
|
1500
1504
|
width: 100%;
|
|
1501
1505
|
justify-content: flex-end;
|
|
@@ -1505,14 +1509,14 @@
|
|
|
1505
1509
|
right: 0;
|
|
1506
1510
|
pointer-events: none;
|
|
1507
1511
|
}
|
|
1508
|
-
|
|
1512
|
+
uc-external-source:not(#\#) uc-activity-header .uc-close-btn {
|
|
1509
1513
|
pointer-events: auto;
|
|
1510
1514
|
}
|
|
1511
|
-
|
|
1515
|
+
uc-external-source:not(#\#) .uc-done-btn > span.uc-hidden {
|
|
1512
1516
|
visibility: hidden;
|
|
1513
1517
|
pointer-events: none;
|
|
1514
1518
|
}
|
|
1515
|
-
|
|
1519
|
+
uc-external-source:not(#\#) .uc-done-btn > uc-spinner {
|
|
1516
1520
|
position: absolute;
|
|
1517
1521
|
width: 100%;
|
|
1518
1522
|
height: 100%;
|
|
@@ -1520,21 +1524,19 @@
|
|
|
1520
1524
|
align-items: center;
|
|
1521
1525
|
justify-content: center;
|
|
1522
1526
|
}
|
|
1523
|
-
}
|
|
1524
1527
|
|
|
1525
1528
|
/* src/blocks/FileItem/file-item.css */
|
|
1526
|
-
|
|
1527
|
-
uc-file-item {
|
|
1529
|
+
uc-file-item:not(#\#) {
|
|
1528
1530
|
--uc-file-item-gap: 4px;
|
|
1529
1531
|
--uc-file-item-height: calc(var(--uc-preview-size) + var(--uc-padding) * 2 + var(--uc-file-item-gap));
|
|
1530
1532
|
display: block;
|
|
1531
1533
|
overflow: hidden;
|
|
1532
1534
|
min-height: var(--uc-file-item-height);
|
|
1533
1535
|
}
|
|
1534
|
-
|
|
1536
|
+
uc-file-item:last-of-type:not(#\#) {
|
|
1535
1537
|
--uc-file-item-gap: 0;
|
|
1536
1538
|
}
|
|
1537
|
-
|
|
1539
|
+
uc-file-item:not(#\#) > .uc-inner {
|
|
1538
1540
|
position: relative;
|
|
1539
1541
|
display: grid;
|
|
1540
1542
|
grid-template-columns: var(--uc-preview-size) 1fr max-content;
|
|
@@ -1548,16 +1550,16 @@
|
|
|
1548
1550
|
border-radius: var(--uc-radius);
|
|
1549
1551
|
transition: background-color var(--uc-transition);
|
|
1550
1552
|
}
|
|
1551
|
-
|
|
1553
|
+
uc-file-item:not(#\#) > .uc-inner[focused] {
|
|
1552
1554
|
background-color: transparent;
|
|
1553
1555
|
}
|
|
1554
|
-
|
|
1556
|
+
uc-file-item:not(#\#) > .uc-inner[uploading] .uc-edit-btn {
|
|
1555
1557
|
display: none;
|
|
1556
1558
|
}
|
|
1557
|
-
|
|
1559
|
+
uc-file-item:not(#\#) > :where(.uc-inner[failed], .uc-inner[limit-overflow]) {
|
|
1558
1560
|
background-color: var(--uc-destructive);
|
|
1559
1561
|
}
|
|
1560
|
-
|
|
1562
|
+
uc-file-item:not(#\#) .uc-thumb {
|
|
1561
1563
|
position: relative;
|
|
1562
1564
|
display: inline-flex;
|
|
1563
1565
|
width: var(--uc-preview-size);
|
|
@@ -1568,7 +1570,7 @@
|
|
|
1568
1570
|
background-size: cover;
|
|
1569
1571
|
border-radius: var(--uc-radius);
|
|
1570
1572
|
}
|
|
1571
|
-
|
|
1573
|
+
uc-file-item:not(#\#) .uc-file-name-wrapper {
|
|
1572
1574
|
text-align: left;
|
|
1573
1575
|
display: flex;
|
|
1574
1576
|
flex-direction: column;
|
|
@@ -1580,29 +1582,29 @@
|
|
|
1580
1582
|
overflow: hidden;
|
|
1581
1583
|
color: var(--uc-muted-foreground);
|
|
1582
1584
|
}
|
|
1583
|
-
|
|
1585
|
+
uc-file-item:not(#\#) .uc-file-name {
|
|
1584
1586
|
max-width: 100%;
|
|
1585
1587
|
overflow: hidden;
|
|
1586
1588
|
white-space: nowrap;
|
|
1587
1589
|
text-overflow: ellipsis;
|
|
1588
1590
|
}
|
|
1589
|
-
|
|
1591
|
+
uc-file-item:not(#\#) .uc-file-error {
|
|
1590
1592
|
display: none;
|
|
1591
1593
|
color: var(--uc-destructive-foreground);
|
|
1592
1594
|
font-size: 0.85em;
|
|
1593
1595
|
z-index: 2;
|
|
1594
1596
|
}
|
|
1595
|
-
|
|
1596
|
-
uc-file-item button.uc-edit-btn {
|
|
1597
|
+
uc-file-item:not(#\#) button.uc-remove-btn,
|
|
1598
|
+
uc-file-item:not(#\#) button.uc-edit-btn {
|
|
1597
1599
|
color: var(--uc-muted-foreground);
|
|
1598
1600
|
}
|
|
1599
|
-
|
|
1601
|
+
uc-file-item:not(#\#) button svg {
|
|
1600
1602
|
pointer-events: none;
|
|
1601
1603
|
}
|
|
1602
|
-
|
|
1604
|
+
uc-file-item:not(#\#) button.uc-upload-btn {
|
|
1603
1605
|
display: none;
|
|
1604
1606
|
}
|
|
1605
|
-
|
|
1607
|
+
uc-file-item:not(#\#) .uc-badge {
|
|
1606
1608
|
position: absolute;
|
|
1607
1609
|
bottom: 2px;
|
|
1608
1610
|
right: 2px;
|
|
@@ -1618,40 +1620,40 @@
|
|
|
1618
1620
|
justify-content: center;
|
|
1619
1621
|
align-items: center;
|
|
1620
1622
|
}
|
|
1621
|
-
|
|
1623
|
+
uc-file-item:not(#\#) > .uc-inner:where([failed], [limit-overflow], [finished]) .uc-badge {
|
|
1622
1624
|
transform: scale(1);
|
|
1623
1625
|
opacity: 1;
|
|
1624
1626
|
}
|
|
1625
|
-
|
|
1627
|
+
uc-file-item:not(#\#) > .uc-inner:where([failed], [limit-overflow]) .uc-badge {
|
|
1626
1628
|
background-color: var(--uc-destructive-foreground);
|
|
1627
1629
|
}
|
|
1628
|
-
|
|
1630
|
+
uc-file-item:not(#\#) > .uc-inner:where([failed], [limit-overflow]) .uc-file-error {
|
|
1629
1631
|
display: block;
|
|
1630
1632
|
}
|
|
1631
|
-
|
|
1632
|
-
uc-file-item .uc-badge uc-icon svg {
|
|
1633
|
+
uc-file-item:not(#\#) .uc-badge uc-icon,
|
|
1634
|
+
uc-file-item:not(#\#) .uc-badge uc-icon svg {
|
|
1633
1635
|
width: 100%;
|
|
1634
1636
|
height: 100%;
|
|
1635
1637
|
}
|
|
1636
|
-
|
|
1638
|
+
uc-file-item:not(#\#) .uc-progress-bar {
|
|
1637
1639
|
opacity: 0.7;
|
|
1638
1640
|
top: calc(100% - 2px);
|
|
1639
1641
|
height: 2px;
|
|
1640
1642
|
}
|
|
1641
|
-
|
|
1643
|
+
:where(.uc-contrast):not(#\#) uc-file-item .uc-progress-bar {
|
|
1642
1644
|
opacity: 1;
|
|
1643
1645
|
}
|
|
1644
|
-
|
|
1646
|
+
uc-file-item:not(#\#) .uc-file-actions {
|
|
1645
1647
|
display: flex;
|
|
1646
1648
|
gap: 2px;
|
|
1647
1649
|
align-items: center;
|
|
1648
1650
|
justify-content: center;
|
|
1649
1651
|
}
|
|
1650
|
-
|
|
1652
|
+
uc-file-item[mode=grid]:not(#\#) {
|
|
1651
1653
|
overflow: visible;
|
|
1652
1654
|
min-height: initial;
|
|
1653
1655
|
}
|
|
1654
|
-
|
|
1656
|
+
uc-file-item[mode=grid]:not(#\#) .uc-inner {
|
|
1655
1657
|
height: 100%;
|
|
1656
1658
|
grid-template-columns: 1fr;
|
|
1657
1659
|
grid-template-rows: 1fr max-content;
|
|
@@ -1660,24 +1662,24 @@
|
|
|
1660
1662
|
margin-bottom: 0;
|
|
1661
1663
|
border-radius: 0;
|
|
1662
1664
|
}
|
|
1663
|
-
|
|
1665
|
+
uc-file-item[mode=grid]:not(#\#) .uc-inner[failed] .uc-badge {
|
|
1664
1666
|
display: none;
|
|
1665
1667
|
}
|
|
1666
|
-
|
|
1668
|
+
uc-file-item[mode=grid]:not(#\#) .uc-thumb {
|
|
1667
1669
|
width: 100%;
|
|
1668
1670
|
height: 100%;
|
|
1669
1671
|
}
|
|
1670
|
-
|
|
1672
|
+
uc-file-item[mode=grid]:not(#\#) .uc-badge {
|
|
1671
1673
|
right: var(--uc-padding);
|
|
1672
1674
|
bottom: var(--uc-padding);
|
|
1673
1675
|
}
|
|
1674
|
-
|
|
1676
|
+
uc-file-item[mode=grid]:not(#\#) .uc-file-name-wrapper {
|
|
1675
1677
|
padding: 0;
|
|
1676
1678
|
}
|
|
1677
|
-
|
|
1679
|
+
uc-file-item[mode=grid]:not(#\#) .uc-file-name:not([hidden]) + .uc-file-error {
|
|
1678
1680
|
bottom: calc(var(--uc-padding) + var(--uc-font-size));
|
|
1679
1681
|
}
|
|
1680
|
-
|
|
1682
|
+
uc-file-item[mode=grid]:not(#\#) .uc-file-error {
|
|
1681
1683
|
position: absolute;
|
|
1682
1684
|
background-color: var(--uc-destructive-foreground);
|
|
1683
1685
|
border-radius: var(--uc-radius);
|
|
@@ -1687,7 +1689,7 @@
|
|
|
1687
1689
|
right: var(--uc-padding);
|
|
1688
1690
|
padding: calc(var(--uc-padding) / 2) var(--uc-padding);
|
|
1689
1691
|
}
|
|
1690
|
-
|
|
1692
|
+
uc-file-item[mode=grid]:not(#\#) .uc-file-hint {
|
|
1691
1693
|
position: absolute;
|
|
1692
1694
|
background-color: var(--uc-background);
|
|
1693
1695
|
border-radius: var(--uc-radius);
|
|
@@ -1697,21 +1699,23 @@
|
|
|
1697
1699
|
right: var(--uc-padding);
|
|
1698
1700
|
padding: calc(var(--uc-padding) / 2) var(--uc-padding);
|
|
1699
1701
|
}
|
|
1700
|
-
|
|
1702
|
+
uc-file-item[mode=grid]:not(#\#) .uc-file-actions {
|
|
1701
1703
|
position: absolute;
|
|
1702
1704
|
top: var(--uc-padding);
|
|
1703
1705
|
right: var(--uc-padding);
|
|
1704
1706
|
}
|
|
1705
|
-
|
|
1707
|
+
uc-file-item[mode=grid]:not(#\#) button {
|
|
1706
1708
|
background-color: var(--uc-background);
|
|
1707
1709
|
}
|
|
1708
|
-
|
|
1710
|
+
uc-file-item[mode=grid]:not(#\#) button:hover {
|
|
1709
1711
|
background-color: var(--uc-muted);
|
|
1710
1712
|
}
|
|
1711
|
-
|
|
1712
|
-
width: initial;
|
|
1713
|
+
uc-file-item[mode=grid]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .uc-progress-bar {
|
|
1713
1714
|
height: 4px !important;
|
|
1714
1715
|
top: initial !important;
|
|
1716
|
+
}
|
|
1717
|
+
uc-file-item[mode=grid]:not(#\#) .uc-progress-bar {
|
|
1718
|
+
width: initial;
|
|
1715
1719
|
bottom: var(--uc-padding);
|
|
1716
1720
|
left: var(--uc-padding);
|
|
1717
1721
|
right: var(--uc-padding);
|
|
@@ -1720,51 +1724,47 @@
|
|
|
1720
1724
|
transition: background-color 0.3s, opacity 0.3s;
|
|
1721
1725
|
background-color: var(--uc-background);
|
|
1722
1726
|
}
|
|
1723
|
-
|
|
1727
|
+
uc-file-item[mode=grid]:not(#\#) .uc-progress-bar :is(.uc-fake-progress, .uc-progress) {
|
|
1724
1728
|
background-color: var(--uc-primary);
|
|
1725
1729
|
}
|
|
1726
|
-
|
|
1730
|
+
uc-file-item[mode=grid]:not(#\#) .uc-progress-bar[hasfilename] {
|
|
1727
1731
|
bottom: calc(var(--uc-padding) + var(--uc-font-size));
|
|
1728
1732
|
}
|
|
1729
|
-
}
|
|
1730
1733
|
|
|
1731
1734
|
/* src/blocks/Icon/icon.css */
|
|
1732
|
-
|
|
1733
|
-
uc-icon {
|
|
1735
|
+
uc-icon:not(#\#) {
|
|
1734
1736
|
display: inline-flex;
|
|
1735
1737
|
align-items: center;
|
|
1736
1738
|
justify-content: center;
|
|
1737
1739
|
width: var(--uc-button-size);
|
|
1738
1740
|
height: var(--uc-button-size);
|
|
1739
1741
|
}
|
|
1740
|
-
|
|
1742
|
+
uc-icon:not(#\#) svg {
|
|
1741
1743
|
width: calc(var(--uc-button-size) / 2);
|
|
1742
1744
|
height: calc(var(--uc-button-size) / 2);
|
|
1743
1745
|
overflow: visible;
|
|
1744
1746
|
}
|
|
1745
|
-
}
|
|
1746
1747
|
|
|
1747
1748
|
/* src/blocks/Modal/modal.css */
|
|
1748
|
-
@
|
|
1749
|
-
|
|
1750
|
-
:where([uc-modal]) > dialog::backdrop {
|
|
1749
|
+
@supports selector(dialog::backdrop) {
|
|
1750
|
+
:where([uc-modal]):not(#\#) > dialog::backdrop {
|
|
1751
1751
|
background-color: oklch(0 0 0 / 0.1);
|
|
1752
1752
|
}
|
|
1753
|
-
:where([uc-modal])[strokes] > dialog::backdrop {
|
|
1753
|
+
:where([uc-modal])[strokes]:not(#\#) > dialog::backdrop {
|
|
1754
1754
|
background-image: var(--modal-backdrop-background-image);
|
|
1755
1755
|
}
|
|
1756
1756
|
}
|
|
1757
|
-
|
|
1757
|
+
:where([uc-modal]):not(#\#) > dialog[open] {
|
|
1758
1758
|
transform: translateY(0px);
|
|
1759
1759
|
visibility: visible;
|
|
1760
1760
|
opacity: 1;
|
|
1761
1761
|
}
|
|
1762
|
-
|
|
1762
|
+
:where([uc-modal]):not(#\#) > dialog:not([open]) {
|
|
1763
1763
|
transform: translateY(20px);
|
|
1764
1764
|
visibility: hidden;
|
|
1765
1765
|
opacity: 0;
|
|
1766
1766
|
}
|
|
1767
|
-
|
|
1767
|
+
:where([uc-modal]):not(#\#) > dialog {
|
|
1768
1768
|
display: flex;
|
|
1769
1769
|
flex-direction: column;
|
|
1770
1770
|
width: min(var(--uc-dialog-width), 100%);
|
|
@@ -1780,14 +1780,12 @@
|
|
|
1780
1780
|
box-shadow: var(--uc-dialog-shadow);
|
|
1781
1781
|
transition: transform 0.4s ease, opacity 0.4s ease;
|
|
1782
1782
|
}
|
|
1783
|
-
|
|
1783
|
+
:where(.uc-contrast):not(#\#) :where([uc-modal]) > dialog {
|
|
1784
1784
|
outline: 1px solid var(--uc-border);
|
|
1785
1785
|
}
|
|
1786
|
-
}
|
|
1787
1786
|
|
|
1788
1787
|
/* src/blocks/ProgressBar/progress-bar.css */
|
|
1789
|
-
|
|
1790
|
-
uc-progress-bar {
|
|
1788
|
+
uc-progress-bar:not(#\#) {
|
|
1791
1789
|
--l-progress-value: 0;
|
|
1792
1790
|
position: absolute;
|
|
1793
1791
|
top: 0;
|
|
@@ -1800,10 +1798,10 @@
|
|
|
1800
1798
|
transition: opacity 0.3s;
|
|
1801
1799
|
opacity: 1;
|
|
1802
1800
|
}
|
|
1803
|
-
|
|
1801
|
+
uc-progress-bar.uc-progress-bar--hidden:not(#\#) {
|
|
1804
1802
|
opacity: 0;
|
|
1805
1803
|
}
|
|
1806
|
-
|
|
1804
|
+
uc-progress-bar:not(#\#) .uc-progress {
|
|
1807
1805
|
position: absolute;
|
|
1808
1806
|
width: calc(var(--l-progress-value) * 1%);
|
|
1809
1807
|
height: 100%;
|
|
@@ -1812,10 +1810,10 @@
|
|
|
1812
1810
|
opacity: 1;
|
|
1813
1811
|
transition: width 0.6s, opacity 0.3s;
|
|
1814
1812
|
}
|
|
1815
|
-
|
|
1813
|
+
uc-progress-bar:not(#\#) .uc-progress--hidden {
|
|
1816
1814
|
opacity: 0;
|
|
1817
1815
|
}
|
|
1818
|
-
|
|
1816
|
+
uc-progress-bar:not(#\#) .uc-fake-progress {
|
|
1819
1817
|
--l-fake-progress-width: 30;
|
|
1820
1818
|
position: absolute;
|
|
1821
1819
|
width: calc(var(--l-fake-progress-width) * 1%);
|
|
@@ -1826,23 +1824,13 @@
|
|
|
1826
1824
|
transition: opacity 0.3s;
|
|
1827
1825
|
z-index: 1;
|
|
1828
1826
|
}
|
|
1829
|
-
|
|
1827
|
+
uc-progress-bar:not(#\#) .uc-fake-progress--hidden {
|
|
1830
1828
|
opacity: 0;
|
|
1831
1829
|
animation: none;
|
|
1832
1830
|
}
|
|
1833
|
-
@keyframes fake-progress-animation {
|
|
1834
|
-
from {
|
|
1835
|
-
transform: translateX(-100%);
|
|
1836
|
-
}
|
|
1837
|
-
to {
|
|
1838
|
-
transform: translateX(calc(100 / var(--l-fake-progress-width) * 100 * 1%));
|
|
1839
|
-
}
|
|
1840
|
-
}
|
|
1841
|
-
}
|
|
1842
1831
|
|
|
1843
1832
|
/* src/blocks/ProgressBarCommon/progress-bar-common.css */
|
|
1844
|
-
|
|
1845
|
-
uc-progress-bar-common {
|
|
1833
|
+
uc-progress-bar-common:not(#\#) {
|
|
1846
1834
|
position: fixed;
|
|
1847
1835
|
right: 0;
|
|
1848
1836
|
bottom: 0;
|
|
@@ -1853,18 +1841,16 @@
|
|
|
1853
1841
|
background-color: var(--uc-background);
|
|
1854
1842
|
transition: opacity 0.3s;
|
|
1855
1843
|
}
|
|
1856
|
-
|
|
1844
|
+
uc-progress-bar-common:not([active]):not(#\#) {
|
|
1857
1845
|
opacity: 0;
|
|
1858
1846
|
pointer-events: none;
|
|
1859
1847
|
}
|
|
1860
|
-
}
|
|
1861
1848
|
|
|
1862
1849
|
/* src/blocks/Select/select.css */
|
|
1863
|
-
|
|
1864
|
-
uc-select {
|
|
1850
|
+
uc-select:not(#\#) {
|
|
1865
1851
|
display: inline-flex;
|
|
1866
1852
|
}
|
|
1867
|
-
|
|
1853
|
+
uc-select:not(#\#) select {
|
|
1868
1854
|
position: relative;
|
|
1869
1855
|
display: inline-flex;
|
|
1870
1856
|
align-items: center;
|
|
@@ -1882,15 +1868,13 @@
|
|
|
1882
1868
|
color: var(--uc-secondary-foreground);
|
|
1883
1869
|
background-color: var(--uc-secondary);
|
|
1884
1870
|
}
|
|
1885
|
-
}
|
|
1886
1871
|
|
|
1887
1872
|
/* src/blocks/SimpleBtn/simple-btn.css */
|
|
1888
|
-
|
|
1889
|
-
:where([uc-simple-btn]) {
|
|
1873
|
+
:where([uc-simple-btn]):not(#\#) {
|
|
1890
1874
|
position: relative;
|
|
1891
1875
|
display: inline-flex;
|
|
1892
1876
|
}
|
|
1893
|
-
|
|
1877
|
+
:where([uc-simple-btn]):not(#\#) button {
|
|
1894
1878
|
height: auto;
|
|
1895
1879
|
gap: 0.5em;
|
|
1896
1880
|
padding: var(--uc-simple-btn-padding);
|
|
@@ -1899,21 +1883,21 @@
|
|
|
1899
1883
|
font-size: var(--uc-simple-btn-font-size);
|
|
1900
1884
|
font-family: var(--uc-simple-btn-font-family);
|
|
1901
1885
|
}
|
|
1902
|
-
|
|
1886
|
+
:where([uc-simple-btn]):not(#\#) button uc-icon {
|
|
1903
1887
|
width: auto;
|
|
1904
1888
|
height: auto;
|
|
1905
1889
|
}
|
|
1906
|
-
|
|
1890
|
+
:where([uc-simple-btn]):not(#\#) button uc-icon svg {
|
|
1907
1891
|
width: 0.9em;
|
|
1908
1892
|
height: 0.9em;
|
|
1909
1893
|
}
|
|
1910
|
-
|
|
1894
|
+
:where([uc-simple-btn]):not(#\#) button:hover {
|
|
1911
1895
|
background-color: var(--uc-simple-btn-hover);
|
|
1912
1896
|
}
|
|
1913
|
-
|
|
1897
|
+
:where([uc-simple-btn]):not(#\#) > uc-drop-area {
|
|
1914
1898
|
display: contents;
|
|
1915
1899
|
}
|
|
1916
|
-
|
|
1900
|
+
:where([uc-simple-btn]):not(#\#) .uc-visual-drop-area {
|
|
1917
1901
|
position: absolute;
|
|
1918
1902
|
top: 0px;
|
|
1919
1903
|
left: 0px;
|
|
@@ -1931,23 +1915,21 @@
|
|
|
1931
1915
|
opacity: 0;
|
|
1932
1916
|
transition: opacity var(--uc-transition);
|
|
1933
1917
|
}
|
|
1934
|
-
|
|
1918
|
+
:where([uc-simple-btn]):not(#\#) > uc-drop-area[drag-state=active] .uc-visual-drop-area {
|
|
1935
1919
|
opacity: 1;
|
|
1936
1920
|
}
|
|
1937
|
-
|
|
1921
|
+
:where([uc-simple-btn]):not(#\#) > uc-drop-area[drag-state=inactive] .uc-visual-drop-area {
|
|
1938
1922
|
opacity: 0;
|
|
1939
1923
|
}
|
|
1940
|
-
|
|
1924
|
+
:where([uc-simple-btn]):not(#\#) > uc-drop-area[drag-state=near] .uc-visual-drop-area {
|
|
1941
1925
|
opacity: 1;
|
|
1942
1926
|
}
|
|
1943
|
-
|
|
1927
|
+
:where([uc-simple-btn]):not(#\#) > uc-drop-area[drag-state=over] .uc-visual-drop-area {
|
|
1944
1928
|
opacity: 1;
|
|
1945
1929
|
}
|
|
1946
|
-
}
|
|
1947
1930
|
|
|
1948
1931
|
/* src/blocks/SourceBtn/source-btn.css */
|
|
1949
|
-
|
|
1950
|
-
uc-source-btn > button {
|
|
1932
|
+
uc-source-btn:not(#\#) > button {
|
|
1951
1933
|
display: flex;
|
|
1952
1934
|
align-items: center;
|
|
1953
1935
|
margin-bottom: 2px;
|
|
@@ -1961,17 +1943,17 @@
|
|
|
1961
1943
|
background-color: unset;
|
|
1962
1944
|
height: unset;
|
|
1963
1945
|
}
|
|
1964
|
-
|
|
1946
|
+
uc-source-btn:last-child:not(#\#) > button {
|
|
1965
1947
|
margin-bottom: 0;
|
|
1966
1948
|
}
|
|
1967
|
-
|
|
1949
|
+
uc-source-btn:not(#\#) > button:hover {
|
|
1968
1950
|
background-color: var(--uc-primary-transparent);
|
|
1969
1951
|
}
|
|
1970
|
-
|
|
1952
|
+
:where(.uc-contrast):not(#\#) uc-source-btn > button:hover {
|
|
1971
1953
|
background-color: var(--uc-secondary);
|
|
1972
1954
|
color: var(--uc-foreground);
|
|
1973
1955
|
}
|
|
1974
|
-
|
|
1956
|
+
uc-source-btn:not(#\#) uc-icon {
|
|
1975
1957
|
display: inline-flex;
|
|
1976
1958
|
flex-grow: 1;
|
|
1977
1959
|
justify-content: center;
|
|
@@ -1979,10 +1961,10 @@
|
|
|
1979
1961
|
margin-right: var(--uc-padding);
|
|
1980
1962
|
opacity: 0.8;
|
|
1981
1963
|
}
|
|
1982
|
-
|
|
1964
|
+
:where(.uc-contrast):not(#\#) uc-source-btn uc-icon {
|
|
1983
1965
|
opacity: 1;
|
|
1984
1966
|
}
|
|
1985
|
-
|
|
1967
|
+
uc-source-btn:not(#\#) .uc-txt {
|
|
1986
1968
|
display: flex;
|
|
1987
1969
|
align-items: center;
|
|
1988
1970
|
box-sizing: border-box;
|
|
@@ -1992,19 +1974,9 @@
|
|
|
1992
1974
|
white-space: nowrap;
|
|
1993
1975
|
border: none;
|
|
1994
1976
|
}
|
|
1995
|
-
}
|
|
1996
1977
|
|
|
1997
1978
|
/* src/blocks/Spinner/spinner.css */
|
|
1998
|
-
|
|
1999
|
-
@keyframes uc-spinner-keyframes {
|
|
2000
|
-
from {
|
|
2001
|
-
transform: rotate(0deg);
|
|
2002
|
-
}
|
|
2003
|
-
to {
|
|
2004
|
-
transform: rotate(360deg);
|
|
2005
|
-
}
|
|
2006
|
-
}
|
|
2007
|
-
.uc-spinner {
|
|
1979
|
+
.uc-spinner:not(#\#) {
|
|
2008
1980
|
width: 1em;
|
|
2009
1981
|
height: 1em;
|
|
2010
1982
|
border: solid 2px transparent;
|
|
@@ -2013,15 +1985,13 @@
|
|
|
2013
1985
|
border-radius: 50%;
|
|
2014
1986
|
animation: uc-spinner-keyframes 400ms linear infinite;
|
|
2015
1987
|
}
|
|
2016
|
-
}
|
|
2017
1988
|
|
|
2018
1989
|
/* src/blocks/StartFrom/start-from.css */
|
|
2019
|
-
|
|
2020
|
-
uc-start-from {
|
|
1990
|
+
uc-start-from:not(#\#) {
|
|
2021
1991
|
display: block;
|
|
2022
1992
|
overflow-y: auto;
|
|
2023
1993
|
}
|
|
2024
|
-
|
|
1994
|
+
uc-start-from:not(#\#) .uc-content {
|
|
2025
1995
|
display: grid;
|
|
2026
1996
|
grid-auto-flow: row;
|
|
2027
1997
|
gap: calc(var(--uc-padding) * 2);
|
|
@@ -2030,30 +2000,26 @@
|
|
|
2030
2000
|
padding: calc(var(--uc-padding) * 2);
|
|
2031
2001
|
background-color: var(--uc-background);
|
|
2032
2002
|
}
|
|
2033
|
-
|
|
2003
|
+
[uc-modal]:not(#\#) > dialog:has(uc-start-from[active]) {
|
|
2034
2004
|
width: var(--uc-dialog-width);
|
|
2035
2005
|
}
|
|
2036
|
-
|
|
2006
|
+
[uc-modal]:not(#\#) uc-start-from uc-drop-area {
|
|
2037
2007
|
border-radius: var(--uc-radius);
|
|
2038
2008
|
}
|
|
2039
|
-
|
|
2040
|
-
[uc-modal] uc-start-from uc-drop-area {
|
|
2009
|
+
@media only screen and (max-width: 430px) {
|
|
2010
|
+
[uc-modal]:not(#\#) uc-start-from uc-drop-area {
|
|
2041
2011
|
display: none;
|
|
2042
2012
|
}
|
|
2043
2013
|
}
|
|
2044
|
-
}
|
|
2045
2014
|
|
|
2046
2015
|
/* src/blocks/Thumb/thumb.css */
|
|
2047
|
-
|
|
2048
|
-
uc-thumb {
|
|
2016
|
+
uc-thumb:not(#\#) {
|
|
2049
2017
|
width: 100%;
|
|
2050
2018
|
height: 100%;
|
|
2051
2019
|
}
|
|
2052
|
-
}
|
|
2053
2020
|
|
|
2054
2021
|
/* src/blocks/UploadList/upload-list.css */
|
|
2055
|
-
|
|
2056
|
-
uc-upload-list {
|
|
2022
|
+
uc-upload-list:not(#\#) {
|
|
2057
2023
|
position: relative;
|
|
2058
2024
|
display: flex;
|
|
2059
2025
|
flex-direction: column;
|
|
@@ -2063,31 +2029,31 @@
|
|
|
2063
2029
|
background-color: var(--uc-background);
|
|
2064
2030
|
transition: opacity var(--uc-transition);
|
|
2065
2031
|
}
|
|
2066
|
-
|
|
2032
|
+
uc-upload-list:not(#\#) .uc-no-files {
|
|
2067
2033
|
height: 32px;
|
|
2068
2034
|
padding: 20px;
|
|
2069
2035
|
}
|
|
2070
|
-
|
|
2036
|
+
uc-upload-list:not(#\#) .uc-files {
|
|
2071
2037
|
display: block;
|
|
2072
2038
|
flex: 1;
|
|
2073
2039
|
min-height: 32px;
|
|
2074
2040
|
padding: 0 var(--uc-padding);
|
|
2075
2041
|
overflow: auto;
|
|
2076
2042
|
}
|
|
2077
|
-
|
|
2043
|
+
uc-upload-list:not(#\#) .uc-files-wrapper {
|
|
2078
2044
|
display: contents;
|
|
2079
2045
|
}
|
|
2080
|
-
|
|
2046
|
+
uc-upload-list:not(#\#) .uc-toolbar {
|
|
2081
2047
|
display: flex;
|
|
2082
2048
|
gap: 4px;
|
|
2083
2049
|
justify-content: space-between;
|
|
2084
2050
|
padding: var(--uc-padding);
|
|
2085
2051
|
background-color: var(--uc-background);
|
|
2086
2052
|
}
|
|
2087
|
-
|
|
2053
|
+
uc-upload-list:not(#\#) .uc-toolbar-spacer {
|
|
2088
2054
|
flex: 1;
|
|
2089
2055
|
}
|
|
2090
|
-
|
|
2056
|
+
uc-upload-list:not(#\#) uc-drop-area {
|
|
2091
2057
|
position: absolute;
|
|
2092
2058
|
top: 0;
|
|
2093
2059
|
left: 0;
|
|
@@ -2096,10 +2062,10 @@
|
|
|
2096
2062
|
margin: var(--uc-padding);
|
|
2097
2063
|
border-radius: var(--uc-radius);
|
|
2098
2064
|
}
|
|
2099
|
-
|
|
2065
|
+
uc-upload-list:not(#\#) uc-activity-header > .uc-header-text {
|
|
2100
2066
|
padding: 0 var(--uc-padding);
|
|
2101
2067
|
}
|
|
2102
|
-
|
|
2068
|
+
uc-upload-list:not(#\#) .uc-common-error {
|
|
2103
2069
|
border-radius: var(--uc-radius);
|
|
2104
2070
|
color: var(--uc-destructive-foreground);
|
|
2105
2071
|
background-color: var(--uc-destructive);
|
|
@@ -2110,98 +2076,92 @@
|
|
|
2110
2076
|
margin: 4px var(--uc-padding) 0 var(--uc-padding);
|
|
2111
2077
|
font-size: 0.925em;
|
|
2112
2078
|
}
|
|
2113
|
-
|
|
2079
|
+
uc-upload-list:not(#\#) .uc-add-more-btn uc-icon {
|
|
2114
2080
|
display: none;
|
|
2115
2081
|
}
|
|
2116
|
-
|
|
2082
|
+
uc-upload-list[mode=grid]:not(#\#) .uc-files {
|
|
2117
2083
|
display: flex;
|
|
2118
2084
|
flex-wrap: wrap;
|
|
2119
2085
|
gap: var(--uc-grid-gap);
|
|
2120
2086
|
}
|
|
2121
|
-
|
|
2122
|
-
uc-upload-list[mode=grid] uc-file-item {
|
|
2087
|
+
uc-upload-list:not(#\#) .uc-files .uc-add-more-btn,
|
|
2088
|
+
uc-upload-list[mode=grid]:not(#\#) uc-file-item {
|
|
2123
2089
|
flex: 0 0 calc((100% - (var(--uc-grid-gap) * (var(--uc-grid-col) - 1))) / var(--uc-grid-col));
|
|
2124
2090
|
max-width: calc((100% - (var(--uc-grid-gap) * (var(--uc-grid-col) - 1))) / var(--uc-grid-col));
|
|
2125
2091
|
height: var(--uc-grid-preview-image-height);
|
|
2126
2092
|
aspect-ratio: var(--uc-grid-aspect-ratio);
|
|
2127
2093
|
}
|
|
2128
|
-
|
|
2094
|
+
uc-upload-list:not(#\#) .uc-files .uc-add-more-btn {
|
|
2129
2095
|
display: none;
|
|
2130
2096
|
}
|
|
2131
|
-
}
|
|
2132
2097
|
|
|
2133
2098
|
/* src/blocks/UrlSource/url-source.css */
|
|
2134
|
-
|
|
2135
|
-
uc-url-source {
|
|
2099
|
+
uc-url-source:not(#\#) {
|
|
2136
2100
|
display: block;
|
|
2137
2101
|
background-color: var(--uc-background);
|
|
2138
2102
|
}
|
|
2139
|
-
|
|
2103
|
+
uc-url-source:not(#\#) > .uc-content {
|
|
2140
2104
|
display: grid;
|
|
2141
2105
|
grid-gap: 4px;
|
|
2142
2106
|
grid-template-columns: 1fr min-content;
|
|
2143
2107
|
padding: var(--uc-padding);
|
|
2144
2108
|
padding-top: 0;
|
|
2145
2109
|
}
|
|
2146
|
-
|
|
2110
|
+
uc-url-source:not(#\#) .uc-url-input {
|
|
2147
2111
|
display: flex;
|
|
2148
2112
|
}
|
|
2149
|
-
}
|
|
2150
2113
|
|
|
2151
2114
|
/* src/solutions/file-uploader/inline/index.css */
|
|
2152
|
-
|
|
2153
|
-
[uc-file-uploader-inline] uc-start-from {
|
|
2115
|
+
[uc-file-uploader-inline]:not(#\#):not(#\#):not(#\#) uc-start-from {
|
|
2154
2116
|
height: 100%;
|
|
2155
2117
|
container-type: inline-size;
|
|
2156
2118
|
}
|
|
2157
|
-
|
|
2119
|
+
[uc-file-uploader-inline]:not(#\#):not(#\#):not(#\#) {
|
|
2158
2120
|
--cfg-done-activity: "start-from";
|
|
2159
2121
|
--cfg-init-activity: "start-from";
|
|
2160
2122
|
flex: 1;
|
|
2161
2123
|
}
|
|
2162
|
-
|
|
2124
|
+
[uc-file-uploader-inline]:not(#\#):not(#\#):not(#\#) uc-activity-header::after {
|
|
2163
2125
|
width: var(--uc-button-size);
|
|
2164
2126
|
height: var(--uc-button-size);
|
|
2165
2127
|
content: "";
|
|
2166
2128
|
}
|
|
2167
|
-
|
|
2129
|
+
[uc-file-uploader-inline]:not(#\#):not(#\#):not(#\#) uc-activity-header .uc-close-btn {
|
|
2168
2130
|
display: none;
|
|
2169
2131
|
}
|
|
2170
|
-
|
|
2132
|
+
[uc-file-uploader-inline]:not(#\#):not(#\#):not(#\#) uc-copyright .uc-credits {
|
|
2171
2133
|
position: static;
|
|
2172
2134
|
}
|
|
2173
|
-
|
|
2174
|
-
[uc-file-uploader-inline] uc-start-from .uc-content {
|
|
2135
|
+
@container (min-width: 500px) {
|
|
2136
|
+
[uc-file-uploader-inline]:not(#\#):not(#\#):not(#\#) uc-start-from .uc-content {
|
|
2175
2137
|
grid-template-columns: 1fr max-content;
|
|
2176
2138
|
height: 100%;
|
|
2177
2139
|
}
|
|
2178
|
-
[uc-file-uploader-inline] uc-start-from uc-copyright {
|
|
2140
|
+
[uc-file-uploader-inline]:not(#\#):not(#\#):not(#\#) uc-start-from uc-copyright {
|
|
2179
2141
|
grid-column: 2;
|
|
2180
2142
|
}
|
|
2181
|
-
[uc-file-uploader-inline] uc-start-from uc-drop-area {
|
|
2143
|
+
[uc-file-uploader-inline]:not(#\#):not(#\#):not(#\#) uc-start-from uc-drop-area {
|
|
2182
2144
|
grid-row: span 3;
|
|
2183
2145
|
}
|
|
2184
|
-
[uc-file-uploader-inline] uc-start-from:has(uc-copyright[hidden]) uc-drop-area {
|
|
2146
|
+
[uc-file-uploader-inline]:not(#\#):not(#\#):not(#\#) uc-start-from:has(uc-copyright[hidden]) uc-drop-area {
|
|
2185
2147
|
grid-row: span 2;
|
|
2186
2148
|
}
|
|
2187
|
-
[uc-file-uploader-inline] uc-start-from:has(.uc-cancel-btn[hidden]) uc-drop-area {
|
|
2149
|
+
[uc-file-uploader-inline]:not(#\#):not(#\#):not(#\#) uc-start-from:has(.uc-cancel-btn[hidden]) uc-drop-area {
|
|
2188
2150
|
grid-row: span 2;
|
|
2189
2151
|
}
|
|
2190
|
-
[uc-file-uploader-inline] uc-start-from:has(uc-copyright[hidden]):has(.uc-cancel-btn[hidden]) uc-drop-area {
|
|
2152
|
+
[uc-file-uploader-inline]:not(#\#):not(#\#):not(#\#) uc-start-from:has(uc-copyright[hidden]):has(.uc-cancel-btn[hidden]) uc-drop-area {
|
|
2191
2153
|
grid-row: span 1;
|
|
2192
2154
|
}
|
|
2193
2155
|
}
|
|
2194
|
-
}
|
|
2195
2156
|
|
|
2196
2157
|
/* src/solutions/file-uploader/minimal/index.css */
|
|
2197
|
-
|
|
2198
|
-
:where([uc-file-uploader-minimal]) {
|
|
2158
|
+
:where([uc-file-uploader-minimal]):not(#\#):not(#\#):not(#\#) {
|
|
2199
2159
|
--cfg-init-activity: "start-from";
|
|
2200
2160
|
--cfg-done-activity: "upload-list";
|
|
2201
2161
|
position: relative;
|
|
2202
2162
|
display: block;
|
|
2203
2163
|
}
|
|
2204
|
-
|
|
2164
|
+
[uc-file-uploader-minimal]:not(#\#):not(#\#):not(#\#) > uc-start-from .uc-content {
|
|
2205
2165
|
display: flex;
|
|
2206
2166
|
flex-direction: column;
|
|
2207
2167
|
gap: 4px;
|
|
@@ -2210,7 +2170,7 @@
|
|
|
2210
2170
|
align-items: center;
|
|
2211
2171
|
background-color: transparent;
|
|
2212
2172
|
}
|
|
2213
|
-
|
|
2173
|
+
:where([uc-file-uploader-minimal] > uc-start-from uc-drop-area):not(#\#):not(#\#):not(#\#) {
|
|
2214
2174
|
display: flex;
|
|
2215
2175
|
position: relative;
|
|
2216
2176
|
align-items: center;
|
|
@@ -2222,10 +2182,10 @@
|
|
|
2222
2182
|
background-color: var(--uc-muted);
|
|
2223
2183
|
border-radius: calc(var(--uc-radius) * 1.75);
|
|
2224
2184
|
}
|
|
2225
|
-
|
|
2185
|
+
:where(.uc-contrast):not(#\#):not(#\#):not(#\#) :where([uc-file-uploader-minimal] > uc-start-from uc-drop-area) {
|
|
2226
2186
|
background-color: transparent;
|
|
2227
2187
|
}
|
|
2228
|
-
|
|
2188
|
+
:where([uc-file-uploader-minimal] > uc-start-from uc-drop-area):not(#\#):not(#\#):not(#\#)::before {
|
|
2229
2189
|
content: "";
|
|
2230
2190
|
z-index: -1;
|
|
2231
2191
|
width: 100%;
|
|
@@ -2233,16 +2193,16 @@
|
|
|
2233
2193
|
position: absolute;
|
|
2234
2194
|
background-color: var(--uc-background);
|
|
2235
2195
|
}
|
|
2236
|
-
|
|
2196
|
+
:where([uc-file-uploader-minimal]:has([single]) > uc-start-from uc-drop-area):not(#\#):not(#\#):not(#\#) {
|
|
2237
2197
|
aspect-ratio: var(--uc-grid-aspect-ratio);
|
|
2238
2198
|
}
|
|
2239
|
-
|
|
2199
|
+
[uc-file-uploader-minimal]:not(#\#):not(#\#):not(#\#) uc-upload-list uc-activity-header {
|
|
2240
2200
|
display: none;
|
|
2241
2201
|
}
|
|
2242
|
-
|
|
2202
|
+
[uc-file-uploader-minimal]:not(#\#):not(#\#):not(#\#) uc-upload-list > .uc-toolbar {
|
|
2243
2203
|
background-color: transparent;
|
|
2244
2204
|
}
|
|
2245
|
-
|
|
2205
|
+
[uc-file-uploader-minimal]:not(#\#):not(#\#):not(#\#) uc-upload-list {
|
|
2246
2206
|
width: 100%;
|
|
2247
2207
|
height: unset;
|
|
2248
2208
|
padding: 4px;
|
|
@@ -2250,84 +2210,79 @@
|
|
|
2250
2210
|
border: 1px dashed var(--uc-border);
|
|
2251
2211
|
border-radius: calc(var(--uc-radius) * 1.75);
|
|
2252
2212
|
}
|
|
2253
|
-
|
|
2213
|
+
[uc-file-uploader-minimal]:not(#\#):not(#\#):not(#\#) uc-upload-list .uc-files {
|
|
2254
2214
|
padding: 0;
|
|
2255
2215
|
}
|
|
2256
|
-
|
|
2216
|
+
[uc-file-uploader-minimal]:not(#\#):not(#\#):not(#\#) uc-upload-list .uc-toolbar {
|
|
2257
2217
|
display: block;
|
|
2258
2218
|
padding: 0;
|
|
2259
2219
|
}
|
|
2260
|
-
|
|
2261
|
-
[uc-file-uploader-minimal] uc-upload-list .uc-toolbar .uc-upload-btn,
|
|
2262
|
-
[uc-file-uploader-minimal] uc-upload-list .uc-toolbar .uc-done-btn {
|
|
2220
|
+
[uc-file-uploader-minimal]:not(#\#):not(#\#):not(#\#) uc-upload-list .uc-toolbar .uc-cancel-btn,
|
|
2221
|
+
[uc-file-uploader-minimal]:not(#\#):not(#\#):not(#\#) uc-upload-list .uc-toolbar .uc-upload-btn,
|
|
2222
|
+
[uc-file-uploader-minimal]:not(#\#):not(#\#):not(#\#) uc-upload-list .uc-toolbar .uc-done-btn {
|
|
2263
2223
|
display: none;
|
|
2264
2224
|
}
|
|
2265
|
-
|
|
2225
|
+
[uc-file-uploader-minimal]:not(#\#):not(#\#):not(#\#) uc-upload-list .uc-toolbar .uc-add-more-btn {
|
|
2266
2226
|
width: 100%;
|
|
2267
2227
|
height: calc(var(--uc-preview-size) + var(--uc-padding) * 2);
|
|
2268
2228
|
margin-top: 4px;
|
|
2269
2229
|
}
|
|
2270
|
-
|
|
2230
|
+
[uc-file-uploader-minimal]:not(#\#):not(#\#):not(#\#) uc-upload-list .uc-toolbar .uc-add-more-btn[disabled] {
|
|
2271
2231
|
display: none;
|
|
2272
2232
|
}
|
|
2273
|
-
|
|
2233
|
+
[uc-file-uploader-minimal]:not(#\#):not(#\#):not(#\#) uc-upload-list .uc-toolbar .uc-add-more-btn > span {
|
|
2274
2234
|
display: none;
|
|
2275
2235
|
}
|
|
2276
|
-
|
|
2236
|
+
[uc-file-uploader-minimal]:not(#\#):not(#\#):not(#\#) uc-upload-list .uc-toolbar .uc-add-more-btn > uc-icon {
|
|
2277
2237
|
display: flex;
|
|
2278
2238
|
}
|
|
2279
|
-
|
|
2239
|
+
[uc-file-uploader-minimal]:not(#\#):not(#\#):not(#\#) uc-file-item uc-progress-bar {
|
|
2280
2240
|
top: 0 !important;
|
|
2281
2241
|
height: 100% !important;
|
|
2282
2242
|
}
|
|
2283
|
-
|
|
2243
|
+
[uc-file-uploader-minimal]:not(#\#):not(#\#):not(#\#) uc-file-item uc-progress-bar .uc-progress {
|
|
2284
2244
|
background-color: var(--uc-primary-transparent);
|
|
2285
2245
|
border-radius: var(--uc-radius);
|
|
2286
2246
|
}
|
|
2287
|
-
|
|
2247
|
+
[uc-file-uploader-minimal]:not(#\#):not(#\#):not(#\#) uc-file-item uc-progress-bar .uc-fake-progress {
|
|
2288
2248
|
background-color: var(--uc-primary-transparent);
|
|
2289
2249
|
border-radius: var(--uc-radius);
|
|
2290
2250
|
}
|
|
2291
|
-
|
|
2251
|
+
[uc-file-uploader-minimal]:not(#\#):not(#\#):not(#\#) uc-upload-list uc-drop-area {
|
|
2292
2252
|
width: 100%;
|
|
2293
2253
|
height: 100%;
|
|
2294
2254
|
margin: 0;
|
|
2295
2255
|
border-radius: calc(var(--uc-radius) * 1.75);
|
|
2296
2256
|
}
|
|
2297
|
-
|
|
2257
|
+
[uc-file-uploader-minimal]:not(#\#):not(#\#):not(#\#) uc-upload-list .uc-common-error {
|
|
2298
2258
|
margin: 4px 0 0;
|
|
2299
2259
|
}
|
|
2300
|
-
|
|
2260
|
+
[uc-file-uploader-minimal]:not(#\#):not(#\#):not(#\#) uc-copyright .uc-credits {
|
|
2301
2261
|
position: static;
|
|
2302
2262
|
}
|
|
2303
|
-
|
|
2263
|
+
[uc-file-uploader-minimal][mode=grid]:not(#\#):not(#\#):not(#\#) uc-upload-list .uc-toolbar .uc-add-more-btn {
|
|
2304
2264
|
display: none;
|
|
2305
2265
|
}
|
|
2306
|
-
|
|
2266
|
+
[uc-file-uploader-minimal][mode=grid]:not(#\#):not(#\#):not(#\#) uc-upload-list .uc-files .uc-add-more-btn {
|
|
2307
2267
|
display: flex;
|
|
2308
2268
|
}
|
|
2309
|
-
|
|
2269
|
+
[uc-file-uploader-minimal][mode=grid]:not(#\#):not(#\#):not(#\#) uc-upload-list .uc-files .uc-add-more-btn > span {
|
|
2310
2270
|
display: none;
|
|
2311
2271
|
}
|
|
2312
|
-
|
|
2272
|
+
[uc-file-uploader-minimal][mode=grid]:not(#\#):not(#\#):not(#\#) uc-upload-list .uc-files .uc-add-more-btn > uc-icon {
|
|
2313
2273
|
display: flex;
|
|
2314
2274
|
}
|
|
2315
|
-
}
|
|
2316
2275
|
|
|
2317
2276
|
/* src/blocks/themes/uc-basic/layers.css */
|
|
2318
|
-
@layer uc, uc.base, uc.components, uc.rules, uc.solutions, uc.post-reset;
|
|
2319
2277
|
|
|
2320
2278
|
/* src/blocks/themes/uc-basic/config.css */
|
|
2321
|
-
|
|
2322
|
-
:where([uc-wgt-common]) {
|
|
2279
|
+
:where([uc-wgt-common]) {
|
|
2323
2280
|
--cfg-init-activity: "start-from";
|
|
2324
2281
|
--cfg-done-activity: "";
|
|
2325
2282
|
}
|
|
2326
|
-
}
|
|
2327
2283
|
|
|
2328
2284
|
/* src/blocks/themes/uc-basic/theme.css */
|
|
2329
|
-
|
|
2330
|
-
:where([uc-wgt-common]) {
|
|
2285
|
+
:where([uc-wgt-common]) {
|
|
2331
2286
|
--uc-font-family: system-ui;
|
|
2332
2287
|
--uc-font-size: 14px;
|
|
2333
2288
|
--uc-line-height: normal;
|
|
@@ -2365,7 +2320,7 @@
|
|
|
2365
2320
|
--uc-simple-btn-hover: var(--uc-simple-btn-hover-light);
|
|
2366
2321
|
--uc-simple-btn-foreground: var(--uc-simple-btn-foreground-light);
|
|
2367
2322
|
}
|
|
2368
|
-
|
|
2323
|
+
@supports not (color: oklch(0% 0 0)) {
|
|
2369
2324
|
:where([uc-wgt-common]) {
|
|
2370
2325
|
--uc-primary-rgb-light: 23 75 215;
|
|
2371
2326
|
--uc-primary-light: rgb(var(--uc-primary-rgb-light));
|
|
@@ -2407,7 +2362,7 @@
|
|
|
2407
2362
|
--uc-simple-btn-foreground-dark: rgb(255 255 255);
|
|
2408
2363
|
}
|
|
2409
2364
|
}
|
|
2410
|
-
|
|
2365
|
+
@supports (color: oklch(0% 0 0)) {
|
|
2411
2366
|
:where([uc-wgt-common]) {
|
|
2412
2367
|
--uc-primary-oklch-light: 47% 0.22 264;
|
|
2413
2368
|
--uc-primary-light: oklch(var(--uc-primary-oklch-light));
|
|
@@ -2449,24 +2404,24 @@
|
|
|
2449
2404
|
--uc-simple-btn-foreground-dark: oklch(100% 0 0);
|
|
2450
2405
|
}
|
|
2451
2406
|
}
|
|
2452
|
-
|
|
2407
|
+
@media only screen and (max-height: 600px) {
|
|
2453
2408
|
:where([uc-wgt-common]) {
|
|
2454
2409
|
--uc-dialog-max-height: 100%;
|
|
2455
2410
|
}
|
|
2456
2411
|
}
|
|
2457
|
-
|
|
2412
|
+
@media only screen and (max-width: 680px) {
|
|
2458
2413
|
:where([uc-wgt-common]) {
|
|
2459
2414
|
--uc-grid-col: 2;
|
|
2460
2415
|
}
|
|
2461
2416
|
}
|
|
2462
|
-
|
|
2417
|
+
@media only screen and (max-width: 430px) {
|
|
2463
2418
|
:where([uc-wgt-common]) {
|
|
2464
2419
|
--uc-dialog-max-width: 100vw;
|
|
2465
2420
|
--uc-dialog-max-height: var(--uploadcare-blocks-window-height);
|
|
2466
2421
|
--uc-grid-col: 1;
|
|
2467
2422
|
}
|
|
2468
2423
|
}
|
|
2469
|
-
|
|
2424
|
+
@media (prefers-color-scheme: light) {
|
|
2470
2425
|
:where([uc-wgt-common]) {
|
|
2471
2426
|
--uc-background: var(--uc-background-light);
|
|
2472
2427
|
--uc-foreground: var(--uc-foreground-light);
|
|
@@ -2488,7 +2443,7 @@
|
|
|
2488
2443
|
--uc-simple-btn-foreground: var(--uc-simple-btn-foreground-light);
|
|
2489
2444
|
}
|
|
2490
2445
|
}
|
|
2491
|
-
|
|
2446
|
+
@media (prefers-color-scheme: dark) {
|
|
2492
2447
|
:where([uc-wgt-common]) {
|
|
2493
2448
|
--uc-background: var(--uc-background-dark);
|
|
2494
2449
|
--uc-foreground: var(--uc-foreground-dark);
|
|
@@ -2510,7 +2465,7 @@
|
|
|
2510
2465
|
--uc-simple-btn-foreground: var(--uc-simple-btn-foreground-dark);
|
|
2511
2466
|
}
|
|
2512
2467
|
}
|
|
2513
|
-
|
|
2468
|
+
:where(.uc-light) {
|
|
2514
2469
|
--uc-background: var(--uc-background-light);
|
|
2515
2470
|
--uc-foreground: var(--uc-foreground-light);
|
|
2516
2471
|
--uc-primary: var(--uc-primary-light);
|
|
@@ -2530,7 +2485,7 @@
|
|
|
2530
2485
|
--uc-simple-btn-hover: var(--uc-simple-btn-hover-light);
|
|
2531
2486
|
--uc-simple-btn-foreground: var(--uc-simple-btn-foreground-light);
|
|
2532
2487
|
}
|
|
2533
|
-
|
|
2488
|
+
:where(.uc-dark) {
|
|
2534
2489
|
--uc-background: var(--uc-background-dark);
|
|
2535
2490
|
--uc-foreground: var(--uc-foreground-dark);
|
|
2536
2491
|
--uc-primary: var(--uc-primary-dark);
|
|
@@ -2550,31 +2505,31 @@
|
|
|
2550
2505
|
--uc-simple-btn-hover: var(--uc-simple-btn-hover-dark);
|
|
2551
2506
|
--uc-simple-btn-foreground: var(--uc-simple-btn-foreground-dark);
|
|
2552
2507
|
}
|
|
2553
|
-
|
|
2508
|
+
:where(.uc-purple) {
|
|
2554
2509
|
--uc-primary-oklch-light: 47% 0.22 300;
|
|
2555
2510
|
--uc-primary-oklch-dark: 69% 0.1768 300;
|
|
2556
2511
|
}
|
|
2557
|
-
|
|
2512
|
+
:where(.uc-red) {
|
|
2558
2513
|
--uc-primary-oklch-light: 47% 0.21 21;
|
|
2559
2514
|
--uc-primary-oklch-dark: 71% 0.1768 21;
|
|
2560
2515
|
}
|
|
2561
|
-
|
|
2516
|
+
:where(.uc-orange) {
|
|
2562
2517
|
--uc-primary-oklch-light: 47% 0.1376 51.88;
|
|
2563
2518
|
--uc-primary-oklch-dark: 69% 0.1768 51.88;
|
|
2564
2519
|
}
|
|
2565
|
-
|
|
2520
|
+
:where(.uc-green) {
|
|
2566
2521
|
--uc-primary-oklch-light: 45% 0.14 130;
|
|
2567
2522
|
--uc-primary-oklch-dark: 69% 0.1768 130;
|
|
2568
2523
|
}
|
|
2569
|
-
|
|
2524
|
+
:where(.uc-turquoise) {
|
|
2570
2525
|
--uc-primary-oklch-light: 45% 0.0854 174;
|
|
2571
2526
|
--uc-primary-oklch-dark: 69% 0.1768 174;
|
|
2572
2527
|
}
|
|
2573
|
-
|
|
2528
|
+
:where(.uc-gray) {
|
|
2574
2529
|
--uc-primary-oklch-light: 10% 0 0;
|
|
2575
2530
|
--uc-primary-oklch-dark: 97% 0 0;
|
|
2576
2531
|
}
|
|
2577
|
-
|
|
2532
|
+
:where(.uc-contrast) {
|
|
2578
2533
|
--uc-border-light: oklch(50% 0 0);
|
|
2579
2534
|
--uc-border-dark: oklch(50% 0 0);
|
|
2580
2535
|
--uc-muted-light: oklch(98% 0 0);
|
|
@@ -2586,20 +2541,18 @@
|
|
|
2586
2541
|
--uc-background-dark: oklch(10% 0 0);
|
|
2587
2542
|
--uc-foreground-dark: oklch(100% 0 0);
|
|
2588
2543
|
}
|
|
2589
|
-
}
|
|
2590
2544
|
|
|
2591
2545
|
/* src/blocks/themes/uc-basic/common.css */
|
|
2592
|
-
|
|
2593
|
-
:where([uc-wgt-common]) {
|
|
2546
|
+
:where([uc-wgt-common]) {
|
|
2594
2547
|
color: var(--uc-foreground);
|
|
2595
2548
|
font-size: var(--uc-font-size);
|
|
2596
2549
|
line-height: var(--uc-line-height);
|
|
2597
2550
|
font-family: var(--uc-font-family);
|
|
2598
2551
|
}
|
|
2599
|
-
|
|
2552
|
+
:where([uc-wgt-common]) * {
|
|
2600
2553
|
box-sizing: border-box;
|
|
2601
2554
|
}
|
|
2602
|
-
|
|
2555
|
+
:where([uc-wgt-common]) button {
|
|
2603
2556
|
display: flex;
|
|
2604
2557
|
align-items: center;
|
|
2605
2558
|
justify-content: center;
|
|
@@ -2615,47 +2568,47 @@
|
|
|
2615
2568
|
user-select: none;
|
|
2616
2569
|
transition: background-color var(--uc-transition);
|
|
2617
2570
|
}
|
|
2618
|
-
|
|
2571
|
+
:where([uc-wgt-common]) button:focus-visible {
|
|
2619
2572
|
outline-offset: 2px;
|
|
2620
2573
|
}
|
|
2621
|
-
|
|
2574
|
+
:where([uc-wgt-common]) button.uc-primary-btn {
|
|
2622
2575
|
color: var(--uc-primary-foreground);
|
|
2623
2576
|
background-color: var(--uc-primary);
|
|
2624
2577
|
}
|
|
2625
|
-
|
|
2578
|
+
:where([uc-wgt-common]) button.uc-primary-btn:hover {
|
|
2626
2579
|
background-color: var(--uc-primary-hover);
|
|
2627
2580
|
}
|
|
2628
|
-
|
|
2581
|
+
:where([uc-wgt-common]) button.uc-secondary-btn {
|
|
2629
2582
|
color: var(--uc-secondary-foreground);
|
|
2630
2583
|
background-color: var(--uc-secondary);
|
|
2631
2584
|
}
|
|
2632
|
-
|
|
2585
|
+
:where([uc-wgt-common]) button.uc-secondary-btn:hover {
|
|
2633
2586
|
background-color: var(--uc-secondary-hover);
|
|
2634
2587
|
}
|
|
2635
|
-
|
|
2588
|
+
:where([uc-wgt-common].uc-contrast) button.uc-secondary-btn {
|
|
2636
2589
|
border: 1px solid var(--uc-border);
|
|
2637
2590
|
}
|
|
2638
|
-
|
|
2591
|
+
:where([uc-wgt-common]) button.uc-mini-btn {
|
|
2639
2592
|
height: var(--uc-button-size);
|
|
2640
2593
|
padding: 0;
|
|
2641
2594
|
background-color: transparent;
|
|
2642
2595
|
color: var(--uc-secondary-foreground);
|
|
2643
2596
|
}
|
|
2644
|
-
|
|
2597
|
+
:where([uc-wgt-common]) button.uc-mini-btn:hover {
|
|
2645
2598
|
background-color: var(--uc-secondary);
|
|
2646
2599
|
}
|
|
2647
|
-
|
|
2600
|
+
:where([uc-wgt-common]) :is(button[disabled], button.uc-primary-btn[disabled], button.uc-secondary-btn[disabled]) {
|
|
2648
2601
|
opacity: 0.5;
|
|
2649
2602
|
pointer-events: none;
|
|
2650
2603
|
}
|
|
2651
|
-
|
|
2604
|
+
:where([uc-wgt-common]) a {
|
|
2652
2605
|
color: var(--uc-primary);
|
|
2653
2606
|
text-decoration: none;
|
|
2654
2607
|
}
|
|
2655
|
-
|
|
2608
|
+
:where([uc-wgt-common]) a[disabled] {
|
|
2656
2609
|
pointer-events: none;
|
|
2657
2610
|
}
|
|
2658
|
-
|
|
2611
|
+
:where([uc-wgt-common]) input[type=text] {
|
|
2659
2612
|
display: flex;
|
|
2660
2613
|
width: 100%;
|
|
2661
2614
|
height: var(--uc-button-size);
|
|
@@ -2670,46 +2623,39 @@
|
|
|
2670
2623
|
border-radius: var(--uc-radius);
|
|
2671
2624
|
transition: border-color var(--uc-transition), outline-color var(--uc-transition);
|
|
2672
2625
|
}
|
|
2673
|
-
|
|
2626
|
+
:where([uc-wgt-common]) input[type=text]::placeholder {
|
|
2674
2627
|
color: var(--uc-muted-foreground);
|
|
2675
2628
|
}
|
|
2676
|
-
|
|
2629
|
+
:where([uc-wgt-common]) input[type=text]:focus {
|
|
2677
2630
|
outline-color: var(--uc-primary-hover);
|
|
2678
2631
|
border-color: var(--uc-primary-hover);
|
|
2679
2632
|
}
|
|
2680
|
-
|
|
2633
|
+
:where([uc-wgt-common]) input[disabled] {
|
|
2681
2634
|
opacity: 0.6;
|
|
2682
2635
|
pointer-events: none;
|
|
2683
2636
|
}
|
|
2684
|
-
|
|
2637
|
+
:where([uc-wgt-common]) uc-select[disabled],
|
|
2685
2638
|
:where([uc-wgt-common]) select[disabled] {
|
|
2686
2639
|
opacity: 0.6;
|
|
2687
2640
|
pointer-events: none;
|
|
2688
2641
|
}
|
|
2689
|
-
}
|
|
2690
2642
|
|
|
2691
2643
|
/* src/blocks/themes/uc-basic/rules.css */
|
|
2692
|
-
|
|
2693
|
-
:where([uc-wgt-common]) [hidden] {
|
|
2644
|
+
:where([uc-wgt-common]):not(#\#):not(#\#) [hidden] {
|
|
2694
2645
|
display: none;
|
|
2695
2646
|
}
|
|
2696
|
-
|
|
2647
|
+
:where([uc-wgt-common]):not(#\#):not(#\#) [activity]:not([active], .active) {
|
|
2697
2648
|
display: none;
|
|
2698
2649
|
}
|
|
2699
|
-
|
|
2650
|
+
:where([uc-wgt-common]):not(#\#):not(#\#) dialog:not([open]) [activity] {
|
|
2700
2651
|
display: none;
|
|
2701
2652
|
}
|
|
2702
|
-
}
|
|
2703
2653
|
|
|
2704
2654
|
/* src/blocks/themes/uc-basic/post-reset.css */
|
|
2705
|
-
|
|
2706
|
-
:where([uc-wgt-common]) uc-source-btn[type] {
|
|
2655
|
+
:where([uc-wgt-common]):not(#\#):not(#\#):not(#\#):not(#\#) uc-source-btn[type] {
|
|
2707
2656
|
all: unset;
|
|
2708
2657
|
}
|
|
2709
|
-
}
|
|
2710
2658
|
|
|
2711
2659
|
/* src/blocks/themes/uc-basic/index.css */
|
|
2712
2660
|
|
|
2713
2661
|
/* src/solutions/file-uploader/regular/index.css */
|
|
2714
|
-
@layer uc.solutions {
|
|
2715
|
-
}
|