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