12 :root{ |
12 :root{ |
13 --wp-admin-border-width-focus:1.5px; |
13 --wp-admin-border-width-focus:1.5px; |
14 } |
14 } |
15 } |
15 } |
16 |
16 |
17 .components-animate__appear{ |
17 @media not (prefers-reduced-motion){ |
18 animation:components-animate__appear-animation .1s cubic-bezier(0, 0, .2, 1) 0s; |
|
19 animation-fill-mode:forwards; |
|
20 } |
|
21 @media (prefers-reduced-motion:reduce){ |
|
22 .components-animate__appear{ |
18 .components-animate__appear{ |
23 animation-delay:0s; |
19 animation:components-animate__appear-animation .1s cubic-bezier(0, 0, .2, 1) 0s; |
24 animation-duration:1ms; |
20 animation-fill-mode:forwards; |
25 } |
21 } |
26 } |
22 } |
27 .components-animate__appear.is-from-top,.components-animate__appear.is-from-top.is-from-left{ |
23 .components-animate__appear.is-from-top,.components-animate__appear.is-from-top.is-from-left{ |
28 transform-origin:top right; |
24 transform-origin:top right; |
29 } |
25 } |
43 } |
39 } |
44 to{ |
40 to{ |
45 transform:translateY(0) scaleY(1) scaleX(1); |
41 transform:translateY(0) scaleY(1) scaleX(1); |
46 } |
42 } |
47 } |
43 } |
48 .components-animate__slide-in{ |
44 @media not (prefers-reduced-motion){ |
49 animation:components-animate__slide-in-animation .1s cubic-bezier(0, 0, .2, 1); |
|
50 animation-fill-mode:forwards; |
|
51 } |
|
52 @media (prefers-reduced-motion:reduce){ |
|
53 .components-animate__slide-in{ |
45 .components-animate__slide-in{ |
54 animation-delay:0s; |
46 animation:components-animate__slide-in-animation .1s cubic-bezier(0, 0, .2, 1); |
55 animation-duration:1ms; |
47 animation-fill-mode:forwards; |
56 } |
48 } |
57 } |
49 .components-animate__slide-in.is-from-left{ |
58 .components-animate__slide-in.is-from-left{ |
50 transform:translateX(-100%); |
59 transform:translateX(-100%); |
51 } |
60 } |
52 .components-animate__slide-in.is-from-right{ |
61 .components-animate__slide-in.is-from-right{ |
53 transform:translateX(100%); |
62 transform:translateX(100%); |
54 } |
63 } |
55 } |
64 |
56 |
65 @keyframes components-animate__slide-in-animation{ |
57 @keyframes components-animate__slide-in-animation{ |
66 to{ |
58 to{ |
67 transform:translateX(0); |
59 transform:translateX(0); |
68 } |
60 } |
69 } |
61 } |
70 .components-animate__loading{ |
62 @media not (prefers-reduced-motion){ |
71 animation:components-animate__loading 1.6s ease-in-out infinite; |
63 .components-animate__loading{ |
|
64 animation:components-animate__loading 1.6s ease-in-out infinite; |
|
65 } |
72 } |
66 } |
73 |
67 |
74 @keyframes components-animate__loading{ |
68 @keyframes components-animate__loading{ |
75 0%{ |
69 0%{ |
76 opacity:.5; |
70 opacity:.5; |
96 } |
90 } |
97 .components-autocomplete__result.components-button:focus:not(:disabled){ |
91 .components-autocomplete__result.components-button:focus:not(:disabled){ |
98 box-shadow:inset 0 0 0 1px #fff, 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color); |
92 box-shadow:inset 0 0 0 1px #fff, 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color); |
99 outline:2px solid #0000; |
93 outline:2px solid #0000; |
100 } |
94 } |
101 .components-autocomplete__result.components-button.is-selected,.components-autocomplete__result.components-button:not(:disabled,[aria-disabled=true]):active{ |
95 |
102 background:var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9)); |
96 .components-badge{ |
103 color:#fff; |
97 align-items:center; |
|
98 background-color:color-mix(in srgb, #fff 90%, var(--base-color)); |
|
99 border-radius:2px; |
|
100 box-sizing:border-box; |
|
101 color:color-mix(in srgb, #000 50%, var(--base-color)); |
|
102 display:inline-flex; |
|
103 font-size:12px; |
|
104 font-weight:400; |
|
105 gap:2px; |
|
106 line-height:20px; |
|
107 max-width:100%; |
|
108 min-height:24px; |
|
109 padding:0 8px; |
|
110 } |
|
111 .components-badge *,.components-badge :after,.components-badge :before{ |
|
112 box-sizing:inherit; |
|
113 } |
|
114 .components-badge:where(.is-default){ |
|
115 background-color:#f0f0f0; |
|
116 color:#2f2f2f; |
|
117 } |
|
118 .components-badge.has-icon{ |
|
119 padding-inline-start:4px; |
|
120 } |
|
121 .components-badge.is-info{ |
|
122 --base-color:#3858e9; |
|
123 } |
|
124 .components-badge.is-warning{ |
|
125 --base-color:#f0b849; |
|
126 } |
|
127 .components-badge.is-error{ |
|
128 --base-color:#cc1818; |
|
129 } |
|
130 .components-badge.is-success{ |
|
131 --base-color:#4ab866; |
|
132 } |
|
133 |
|
134 .components-badge__icon{ |
|
135 flex-shrink:0; |
|
136 } |
|
137 |
|
138 .components-badge__content{ |
|
139 overflow:hidden; |
|
140 text-overflow:ellipsis; |
|
141 white-space:nowrap; |
104 } |
142 } |
105 |
143 |
106 .components-button-group{ |
144 .components-button-group{ |
107 display:inline-block; |
145 display:inline-block; |
108 } |
146 } |
139 color:var(--wp-components-color-foreground, #1e1e1e); |
176 color:var(--wp-components-color-foreground, #1e1e1e); |
140 cursor:pointer; |
177 cursor:pointer; |
141 display:inline-flex; |
178 display:inline-flex; |
142 font-family:inherit; |
179 font-family:inherit; |
143 font-size:13px; |
180 font-size:13px; |
144 font-weight:400; |
|
145 height:36px; |
181 height:36px; |
146 margin:0; |
182 margin:0; |
147 padding:6px 12px; |
183 padding:6px 12px; |
148 text-decoration:none; |
184 text-decoration:none; |
149 transition:box-shadow .1s linear; |
185 } |
150 } |
186 @media not (prefers-reduced-motion){ |
151 @media (prefers-reduced-motion:reduce){ |
|
152 .components-button{ |
187 .components-button{ |
153 transition-delay:0s; |
188 transition:box-shadow .1s linear; |
154 transition-duration:0s; |
|
155 } |
189 } |
156 } |
190 } |
157 .components-button.is-next-40px-default-size{ |
191 .components-button.is-next-40px-default-size{ |
158 height:40px; |
192 height:40px; |
159 } |
193 } |
160 .components-button:hover,.components-button[aria-expanded=true]{ |
194 .components-button:hover:not(:disabled,[aria-disabled=true]),.components-button[aria-expanded=true]{ |
161 color:var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9)); |
195 color:var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9)); |
162 } |
|
163 .components-button:disabled:hover,.components-button[aria-disabled=true]:hover{ |
|
164 color:initial; |
|
165 } |
196 } |
166 .components-button:focus:not(:disabled){ |
197 .components-button:focus:not(:disabled){ |
167 box-shadow:0 0 0 var(--wp-admin-border-width-focus) var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9)); |
198 box-shadow:0 0 0 var(--wp-admin-border-width-focus) var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9)); |
168 outline:3px solid #0000; |
199 outline:3px solid #0000; |
169 } |
200 } |
189 } |
220 } |
190 .components-button.is-primary:disabled,.components-button.is-primary:disabled:active:enabled,.components-button.is-primary[aria-disabled=true],.components-button.is-primary[aria-disabled=true]:active:enabled,.components-button.is-primary[aria-disabled=true]:enabled{ |
221 .components-button.is-primary:disabled,.components-button.is-primary:disabled:active:enabled,.components-button.is-primary[aria-disabled=true],.components-button.is-primary[aria-disabled=true]:active:enabled,.components-button.is-primary[aria-disabled=true]:enabled{ |
191 background:var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9)); |
222 background:var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9)); |
192 border-color:var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9)); |
223 border-color:var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9)); |
193 color:#fff6; |
224 color:#fff6; |
194 opacity:1; |
|
195 outline:none; |
225 outline:none; |
196 } |
226 } |
197 .components-button.is-primary:disabled:active:enabled:focus:enabled,.components-button.is-primary:disabled:focus:enabled,.components-button.is-primary[aria-disabled=true]:active:enabled:focus:enabled,.components-button.is-primary[aria-disabled=true]:enabled:focus:enabled,.components-button.is-primary[aria-disabled=true]:focus:enabled{ |
227 .components-button.is-primary:disabled:active:enabled:focus:enabled,.components-button.is-primary:disabled:focus:enabled,.components-button.is-primary[aria-disabled=true]:active:enabled:focus:enabled,.components-button.is-primary[aria-disabled=true]:enabled:focus:enabled,.components-button.is-primary[aria-disabled=true]:focus:enabled{ |
198 box-shadow:inset 0 0 0 1px var(--wp-components-color-background, #fff), 0 0 0 var(--wp-admin-border-width-focus) var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9)); |
228 box-shadow:inset 0 0 0 1px var(--wp-components-color-background, #fff), 0 0 0 var(--wp-admin-border-width-focus) var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9)); |
199 } |
229 } |
210 box-shadow:none; |
240 box-shadow:none; |
211 } |
241 } |
212 .components-button.is-secondary:disabled,.components-button.is-secondary[aria-disabled=true],.components-button.is-secondary[aria-disabled=true]:hover,.components-button.is-tertiary:disabled,.components-button.is-tertiary[aria-disabled=true],.components-button.is-tertiary[aria-disabled=true]:hover{ |
242 .components-button.is-secondary:disabled,.components-button.is-secondary[aria-disabled=true],.components-button.is-secondary[aria-disabled=true]:hover,.components-button.is-tertiary:disabled,.components-button.is-tertiary[aria-disabled=true],.components-button.is-tertiary[aria-disabled=true]:hover{ |
213 background:#0000; |
243 background:#0000; |
214 color:#949494; |
244 color:#949494; |
215 opacity:1; |
|
216 transform:none; |
245 transform:none; |
217 } |
246 } |
218 .components-button.is-secondary{ |
247 .components-button.is-secondary{ |
219 background:#0000; |
248 background:#0000; |
220 box-shadow:inset 0 0 0 1px var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9)); |
249 box-shadow:inset 0 0 0 1px var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9)), 0 0 0 currentColor; |
221 color:var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9)); |
250 color:var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9)); |
222 outline:1px solid #0000; |
251 outline:1px solid #0000; |
223 white-space:nowrap; |
252 white-space:nowrap; |
224 } |
253 } |
225 .components-button.is-secondary:hover:not(:disabled,[aria-disabled=true]){ |
254 .components-button.is-secondary:hover:not(:disabled,[aria-disabled=true],.is-pressed){ |
226 box-shadow:inset 0 0 0 1px var(--wp-components-color-accent-darker-10, var(--wp-admin-theme-color-darker-10, #2145e6)); |
255 background:color-mix(in srgb, var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9)) 4%, #0000); |
|
256 box-shadow:inset 0 0 0 1px var(--wp-components-color-accent-darker-20, var(--wp-admin-theme-color-darker-20, #183ad6)); |
|
257 color:var(--wp-components-color-accent-darker-20, var(--wp-admin-theme-color-darker-20, #183ad6)); |
227 } |
258 } |
228 .components-button.is-secondary:disabled:not(:focus),.components-button.is-secondary[aria-disabled=true]:hover:not(:focus),.components-button.is-secondary[aria-disabled=true]:not(:focus){ |
259 .components-button.is-secondary:disabled:not(:focus),.components-button.is-secondary[aria-disabled=true]:hover:not(:focus),.components-button.is-secondary[aria-disabled=true]:not(:focus){ |
229 box-shadow:inset 0 0 0 1px #ddd; |
260 box-shadow:inset 0 0 0 1px #ddd; |
|
261 } |
|
262 .components-button.is-secondary:focus:not(:disabled){ |
|
263 box-shadow:0 0 0 currentColor inset, 0 0 0 var(--wp-admin-border-width-focus) var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9)); |
230 } |
264 } |
231 .components-button.is-tertiary{ |
265 .components-button.is-tertiary{ |
232 background:#0000; |
266 background:#0000; |
233 color:var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9)); |
267 color:var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9)); |
234 white-space:nowrap; |
268 white-space:nowrap; |
235 } |
269 } |
236 .components-button.is-tertiary:hover:not(:disabled,[aria-disabled=true]){ |
270 .components-button.is-tertiary:hover:not(:disabled,[aria-disabled=true],.is-pressed){ |
237 background:rgba(var(--wp-admin-theme-color--rgb), .04); |
271 background:color-mix(in srgb, var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9)) 4%, #0000); |
|
272 color:var(--wp-components-color-accent-darker-20, var(--wp-admin-theme-color-darker-20, #183ad6)); |
238 } |
273 } |
239 .components-button.is-tertiary:active:not(:disabled,[aria-disabled=true]){ |
274 .components-button.is-tertiary:active:not(:disabled,[aria-disabled=true]){ |
240 background:rgba(var(--wp-admin-theme-color--rgb), .08); |
275 background:color-mix(in srgb, var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9)) 8%, #0000); |
241 } |
276 } |
242 p+.components-button.is-tertiary{ |
277 p+.components-button.is-tertiary{ |
243 margin-right:-6px; |
278 margin-right:-6px; |
244 } |
279 } |
245 .components-button.is-tertiary:disabled:not(:focus),.components-button.is-tertiary[aria-disabled=true]:hover:not(:focus),.components-button.is-tertiary[aria-disabled=true]:not(:focus){ |
280 .components-button.is-tertiary:disabled:not(:focus),.components-button.is-tertiary[aria-disabled=true]:hover:not(:focus),.components-button.is-tertiary[aria-disabled=true]:not(:focus){ |
252 --wp-components-color-accent-darker-20:#710d0d; |
287 --wp-components-color-accent-darker-20:#710d0d; |
253 } |
288 } |
254 .components-button.is-destructive:not(.is-primary):not(.is-secondary):not(.is-tertiary):not(.is-link){ |
289 .components-button.is-destructive:not(.is-primary):not(.is-secondary):not(.is-tertiary):not(.is-link){ |
255 color:#cc1818; |
290 color:#cc1818; |
256 } |
291 } |
257 .components-button.is-destructive:not(.is-primary):not(.is-secondary):not(.is-tertiary):not(.is-link):hover:not(:disabled){ |
292 .components-button.is-destructive:not(.is-primary):not(.is-secondary):not(.is-tertiary):not(.is-link):hover:not(:disabled,[aria-disabled=true]){ |
258 color:#710d0d; |
293 color:#710d0d; |
259 } |
294 } |
260 .components-button.is-destructive:not(.is-primary):not(.is-secondary):not(.is-tertiary):not(.is-link):focus:not(:disabled){ |
295 .components-button.is-destructive:not(.is-primary):not(.is-secondary):not(.is-tertiary):not(.is-link):focus{ |
261 box-shadow:0 0 0 var(--wp-admin-border-width-focus) #cc1818; |
296 box-shadow:0 0 0 var(--wp-admin-border-width-focus) #cc1818; |
262 } |
297 } |
263 .components-button.is-destructive:not(.is-primary):not(.is-secondary):not(.is-tertiary):not(.is-link):active:not(:disabled){ |
298 .components-button.is-destructive:not(.is-primary):not(.is-secondary):not(.is-tertiary):not(.is-link):active:not(:disabled,[aria-disabled=true]){ |
264 background:#ccc; |
299 background:#ccc; |
|
300 } |
|
301 .components-button.is-destructive:not(.is-primary):not(.is-secondary):not(.is-tertiary):not(.is-link):disabled,.components-button.is-destructive:not(.is-primary):not(.is-secondary):not(.is-tertiary):not(.is-link)[aria-disabled=true]{ |
|
302 color:#949494; |
|
303 } |
|
304 .components-button.is-destructive.is-secondary:hover:not(:disabled,[aria-disabled=true]),.components-button.is-destructive.is-tertiary:hover:not(:disabled,[aria-disabled=true]){ |
|
305 background:#cc18180a; |
|
306 } |
|
307 .components-button.is-destructive.is-secondary:active:not(:disabled,[aria-disabled=true]),.components-button.is-destructive.is-tertiary:active:not(:disabled,[aria-disabled=true]){ |
|
308 background:#cc181814; |
265 } |
309 } |
266 .components-button.is-link{ |
310 .components-button.is-link{ |
267 background:none; |
311 background:none; |
268 border:0; |
312 border:0; |
269 border-radius:0; |
313 border-radius:0; |
273 margin:0; |
317 margin:0; |
274 outline:none; |
318 outline:none; |
275 padding:0; |
319 padding:0; |
276 text-align:right; |
320 text-align:right; |
277 text-decoration:underline; |
321 text-decoration:underline; |
278 transition-duration:.05s; |
322 } |
279 transition-property:border, background, color; |
323 @media not (prefers-reduced-motion){ |
280 transition-timing-function:ease-in-out; |
|
281 } |
|
282 @media (prefers-reduced-motion:reduce){ |
|
283 .components-button.is-link{ |
324 .components-button.is-link{ |
284 transition-delay:0s; |
325 transition-duration:.05s; |
285 transition-duration:0s; |
326 transition-property:border, background, color; |
|
327 transition-timing-function:ease-in-out; |
286 } |
328 } |
287 } |
329 } |
288 .components-button.is-link:focus{ |
330 .components-button.is-link:focus{ |
289 border-radius:2px; |
331 border-radius:2px; |
290 } |
332 } |
|
333 .components-button.is-link:disabled,.components-button.is-link[aria-disabled=true]{ |
|
334 color:#949494; |
|
335 } |
291 .components-button:not(:disabled,[aria-disabled=true]):active{ |
336 .components-button:not(:disabled,[aria-disabled=true]):active{ |
292 color:var(--wp-components-color-foreground, #1e1e1e); |
337 color:var(--wp-components-color-foreground, #1e1e1e); |
293 } |
338 } |
294 .components-button:disabled,.components-button[aria-disabled=true]{ |
339 .components-button:disabled,.components-button[aria-disabled=true]{ |
|
340 color:#949494; |
295 cursor:default; |
341 cursor:default; |
296 opacity:.3; |
|
297 } |
342 } |
298 .components-button.is-busy,.components-button.is-secondary.is-busy,.components-button.is-secondary.is-busy:disabled,.components-button.is-secondary.is-busy[aria-disabled=true]{ |
343 .components-button.is-busy,.components-button.is-secondary.is-busy,.components-button.is-secondary.is-busy:disabled,.components-button.is-secondary.is-busy[aria-disabled=true]{ |
299 animation:components-button__busy-animation 2.5s linear infinite; |
|
300 background-image:linear-gradient(45deg, #fafafa 33%, #e0e0e0 0, #e0e0e0 70%, #fafafa 0); |
344 background-image:linear-gradient(45deg, #fafafa 33%, #e0e0e0 0, #e0e0e0 70%, #fafafa 0); |
301 background-size:100px 100%; |
345 background-size:100px 100%; |
302 opacity:1; |
346 } |
303 } |
347 @media not (prefers-reduced-motion){ |
304 @media (prefers-reduced-motion:reduce){ |
|
305 .components-button.is-busy,.components-button.is-secondary.is-busy,.components-button.is-secondary.is-busy:disabled,.components-button.is-secondary.is-busy[aria-disabled=true]{ |
348 .components-button.is-busy,.components-button.is-secondary.is-busy,.components-button.is-secondary.is-busy:disabled,.components-button.is-secondary.is-busy[aria-disabled=true]{ |
306 animation-duration:0s; |
349 animation:components-button__busy-animation 2.5s linear infinite; |
307 } |
350 } |
308 } |
351 } |
309 .components-button.is-compact{ |
352 .components-button.is-compact{ |
310 height:32px; |
353 height:32px; |
311 } |
354 } |
344 gap:4px; |
387 gap:4px; |
345 justify-content:start; |
388 justify-content:start; |
346 padding-left:12px; |
389 padding-left:12px; |
347 padding-right:8px; |
390 padding-right:8px; |
348 } |
391 } |
349 .components-button.is-pressed{ |
392 .components-button.is-pressed,.components-button.is-pressed:hover{ |
|
393 color:var(--wp-components-color-foreground-inverted, #fff); |
|
394 } |
|
395 .components-button.is-pressed:hover:not(:disabled,[aria-disabled=true]),.components-button.is-pressed:not(:disabled,[aria-disabled=true]){ |
350 background:var(--wp-components-color-foreground, #1e1e1e); |
396 background:var(--wp-components-color-foreground, #1e1e1e); |
|
397 } |
|
398 .components-button.is-pressed:disabled,.components-button.is-pressed[aria-disabled=true]{ |
|
399 color:#949494; |
|
400 } |
|
401 .components-button.is-pressed:disabled:not(.is-primary):not(.is-secondary):not(.is-tertiary),.components-button.is-pressed[aria-disabled=true]:not(.is-primary):not(.is-secondary):not(.is-tertiary){ |
|
402 background:#949494; |
351 color:var(--wp-components-color-foreground-inverted, #fff); |
403 color:var(--wp-components-color-foreground-inverted, #fff); |
352 } |
404 } |
353 .components-button.is-pressed:focus:not(:disabled){ |
405 .components-button.is-pressed:focus:not(:disabled){ |
354 box-shadow:inset 0 0 0 1px var(--wp-components-color-background, #fff), 0 0 0 var(--wp-admin-border-width-focus) var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9)); |
406 box-shadow:inset 0 0 0 1px var(--wp-components-color-background, #fff), 0 0 0 var(--wp-admin-border-width-focus) var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9)); |
355 outline:2px solid #0000; |
407 outline:2px solid #0000; |
356 } |
408 } |
357 .components-button.is-pressed:hover:not(:disabled){ |
|
358 background:var(--wp-components-color-foreground, #1e1e1e); |
|
359 color:var(--wp-components-color-foreground-inverted, #fff); |
|
360 } |
|
361 .components-button svg{ |
409 .components-button svg{ |
362 fill:currentColor; |
410 fill:currentColor; |
363 outline:none; |
411 outline:none; |
364 } |
412 } |
365 @media (forced-colors:active){ |
413 @media (forced-colors:active){ |
376 background-position:right 200px top 0; |
424 background-position:right 200px top 0; |
377 } |
425 } |
378 } |
426 } |
379 .components-checkbox-control{ |
427 .components-checkbox-control{ |
380 --checkbox-input-size:24px; |
428 --checkbox-input-size:24px; |
|
429 --checkbox-input-margin:8px; |
381 } |
430 } |
382 @media (min-width:600px){ |
431 @media (min-width:600px){ |
383 .components-checkbox-control{ |
432 .components-checkbox-control{ |
384 --checkbox-input-size:20px; |
433 --checkbox-input-size:16px; |
385 } |
434 } |
386 } |
435 } |
387 |
436 |
388 .components-checkbox-control__label{ |
437 .components-checkbox-control__label{ |
|
438 cursor:pointer; |
389 line-height:var(--checkbox-input-size); |
439 line-height:var(--checkbox-input-size); |
390 } |
440 } |
391 |
441 |
392 .components-checkbox-control__input[type=checkbox]{ |
442 .components-checkbox-control__input[type=checkbox]{ |
393 appearance:none; |
443 appearance:none; |
562 |
614 |
563 .components-circular-option-picker__option-wrapper{ |
615 .components-circular-option-picker__option-wrapper{ |
564 display:inline-block; |
616 display:inline-block; |
565 height:28px; |
617 height:28px; |
566 transform:scale(1); |
618 transform:scale(1); |
567 transition:transform .1s ease; |
|
568 vertical-align:top; |
619 vertical-align:top; |
569 width:28px; |
620 width:28px; |
570 will-change:transform; |
621 } |
571 } |
622 @media not (prefers-reduced-motion){ |
572 @media (prefers-reduced-motion:reduce){ |
|
573 .components-circular-option-picker__option-wrapper{ |
623 .components-circular-option-picker__option-wrapper{ |
574 transition-delay:0s; |
624 transition:transform .1s ease; |
575 transition-duration:0s; |
625 will-change:transform; |
576 } |
626 } |
577 } |
627 } |
578 .components-circular-option-picker__option-wrapper:hover{ |
628 .components-circular-option-picker__option-wrapper:hover{ |
579 transform:scale(1.2); |
629 transform:scale(1.2); |
580 } |
630 } |
594 top:1px; |
644 top:1px; |
595 z-index:-1; |
645 z-index:-1; |
596 } |
646 } |
597 |
647 |
598 .components-circular-option-picker__option{ |
648 .components-circular-option-picker__option{ |
|
649 aspect-ratio:1; |
599 background:#0000; |
650 background:#0000; |
600 border:none; |
651 border:none; |
601 border-radius:50%; |
652 border-radius:50%; |
602 box-shadow:inset 0 0 0 14px; |
653 box-shadow:inset 0 0 0 14px; |
603 cursor:pointer; |
654 cursor:pointer; |
604 display:inline-block; |
655 display:inline-block; |
605 height:100%; |
656 height:100% !important; |
606 transition:box-shadow .1s ease; |
|
607 vertical-align:top; |
657 vertical-align:top; |
608 width:100%; |
658 } |
609 } |
659 @media not (prefers-reduced-motion){ |
610 @media (prefers-reduced-motion:reduce){ |
|
611 .components-circular-option-picker__option{ |
660 .components-circular-option-picker__option{ |
612 transition-delay:0s; |
661 transition:box-shadow .1s ease; |
613 transition-duration:0s; |
|
614 } |
662 } |
615 } |
663 } |
616 .components-circular-option-picker__option:hover{ |
664 .components-circular-option-picker__option:hover{ |
617 box-shadow:inset 0 0 0 14px !important; |
665 box-shadow:inset 0 0 0 14px !important; |
618 } |
666 } |
725 flex-wrap:wrap; |
773 flex-wrap:wrap; |
726 font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif; |
774 font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif; |
727 font-size:16px; |
775 font-size:16px; |
728 line-height:normal; |
776 line-height:normal; |
729 padding:0; |
777 padding:0; |
730 transition:box-shadow .1s linear; |
778 width:100%; |
731 width:100%; |
779 } |
732 } |
780 @media not (prefers-reduced-motion){ |
733 @media (prefers-reduced-motion:reduce){ |
|
734 .components-combobox-control__suggestions-container{ |
781 .components-combobox-control__suggestions-container{ |
735 transition-delay:0s; |
782 transition:box-shadow .1s linear; |
736 transition-duration:0s; |
|
737 } |
783 } |
738 } |
784 } |
739 @media (min-width:600px){ |
785 @media (min-width:600px){ |
740 .components-combobox-control__suggestions-container{ |
786 .components-combobox-control__suggestions-container{ |
741 font-size:13px; |
787 font-size:13px; |
750 .components-combobox-control__suggestions-container::-webkit-input-placeholder{ |
796 .components-combobox-control__suggestions-container::-webkit-input-placeholder{ |
751 color:#1e1e1e9e; |
797 color:#1e1e1e9e; |
752 } |
798 } |
753 .components-combobox-control__suggestions-container::-moz-placeholder{ |
799 .components-combobox-control__suggestions-container::-moz-placeholder{ |
754 color:#1e1e1e9e; |
800 color:#1e1e1e9e; |
755 opacity:1; |
|
756 } |
801 } |
757 .components-combobox-control__suggestions-container:-ms-input-placeholder{ |
802 .components-combobox-control__suggestions-container:-ms-input-placeholder{ |
758 color:#1e1e1e9e; |
803 color:#1e1e1e9e; |
759 } |
804 } |
760 .components-combobox-control__suggestions-container:focus-within{ |
805 .components-combobox-control__suggestions-container:focus-within{ |
761 border-color:var(--wp-admin-theme-color); |
806 border-color:var(--wp-admin-theme-color); |
762 box-shadow:0 0 0 .5px var(--wp-admin-theme-color); |
807 box-shadow:0 0 0 .5px var(--wp-admin-theme-color); |
763 outline:2px solid #0000; |
808 outline:2px solid #0000; |
764 } |
809 } |
765 |
810 .components-combobox-control__suggestions-container .components-spinner{ |
766 .components-combobox-control__reset.components-button{ |
811 margin:0; |
767 display:flex; |
|
768 height:16px; |
|
769 min-width:16px; |
|
770 padding:0; |
|
771 } |
812 } |
772 |
813 |
773 .components-color-palette__custom-color-wrapper{ |
814 .components-color-palette__custom-color-wrapper{ |
774 position:relative; |
815 position:relative; |
775 z-index:0; |
816 z-index:0; |
776 } |
817 } |
777 |
818 |
778 .components-color-palette__custom-color-button{ |
819 .components-color-palette__custom-color-button{ |
779 background:none; |
820 background:none; |
780 border:none; |
821 border:none; |
781 border-radius:2px 2px 0 0; |
822 border-radius:4px 4px 0 0; |
782 box-shadow:inset 0 0 0 1px #0003; |
823 box-shadow:inset 0 0 0 1px #0003; |
783 box-sizing:border-box; |
824 box-sizing:border-box; |
784 cursor:pointer; |
825 cursor:pointer; |
785 height:64px; |
826 height:64px; |
786 outline:1px solid #0000; |
827 outline:1px solid #0000; |
793 } |
834 } |
794 .components-color-palette__custom-color-button:after{ |
835 .components-color-palette__custom-color-button:after{ |
795 background-image:repeating-linear-gradient(45deg, #e0e0e0 25%, #0000 0, #0000 75%, #e0e0e0 0, #e0e0e0), repeating-linear-gradient(45deg, #e0e0e0 25%, #0000 0, #0000 75%, #e0e0e0 0, #e0e0e0); |
836 background-image:repeating-linear-gradient(45deg, #e0e0e0 25%, #0000 0, #0000 75%, #e0e0e0 0, #e0e0e0), repeating-linear-gradient(45deg, #e0e0e0 25%, #0000 0, #0000 75%, #e0e0e0 0, #e0e0e0); |
796 background-position:0 0, 24px 24px; |
837 background-position:0 0, 24px 24px; |
797 background-size:48px 48px; |
838 background-size:48px 48px; |
|
839 border-radius:3px 3px 0 0; |
798 content:""; |
840 content:""; |
799 height:100%; |
841 inset:1px; |
800 position:absolute; |
842 position:absolute; |
801 right:0; |
|
802 top:0; |
|
803 width:100%; |
|
804 z-index:-1; |
843 z-index:-1; |
805 } |
844 } |
806 |
845 |
807 .components-color-palette__custom-color-text-wrapper{ |
846 .components-color-palette__custom-color-text-wrapper{ |
808 border-radius:0 0 2px 2px; |
847 border-radius:0 0 4px 4px; |
809 box-shadow:inset 0 -1px 0 0 #0003,inset -1px 0 0 0 #0003,inset 1px 0 0 0 #0003; |
848 box-shadow:inset 0 -1px 0 0 #0003,inset -1px 0 0 0 #0003,inset 1px 0 0 0 #0003; |
810 font-size:13px; |
849 font-size:13px; |
811 padding:12px 16px; |
850 padding:12px 16px; |
812 position:relative; |
851 position:relative; |
813 } |
852 } |
897 flex:0 auto; |
936 flex:0 auto; |
898 height:20px; |
937 height:20px; |
899 width:20px; |
938 width:20px; |
900 } |
939 } |
901 |
940 |
902 .components-custom-gradient-picker .components-custom-gradient-picker__toolbar{ |
|
903 border:none; |
|
904 } |
|
905 .components-custom-gradient-picker .components-custom-gradient-picker__toolbar>div+div{ |
|
906 margin-right:1px; |
|
907 } |
|
908 .components-custom-gradient-picker .components-custom-gradient-picker__toolbar button.is-pressed>svg{ |
|
909 background:#fff; |
|
910 border:1px solid #949494; |
|
911 border-radius:2px; |
|
912 } |
|
913 |
|
914 .components-custom-gradient-picker__ui-line{ |
941 .components-custom-gradient-picker__ui-line{ |
915 position:relative; |
942 position:relative; |
916 z-index:0; |
943 z-index:0; |
917 } |
|
918 |
|
919 .components-custom-select-control{ |
|
920 font-size:13px; |
|
921 position:relative; |
|
922 } |
|
923 |
|
924 .components-custom-select-control__button{ |
|
925 outline:0; |
|
926 position:relative; |
|
927 text-align:right; |
|
928 } |
|
929 |
|
930 .components-custom-select-control__hint{ |
|
931 color:#949494; |
|
932 margin-right:10px; |
|
933 } |
|
934 |
|
935 .components-custom-select-control__menu-wrapper{ |
|
936 bottom:0; |
|
937 min-width:100%; |
|
938 position:absolute; |
|
939 } |
|
940 |
|
941 .components-custom-select-control__menu{ |
|
942 background-color:#fff; |
|
943 border:1px solid #1e1e1e; |
|
944 border-radius:2px; |
|
945 max-height:400px; |
|
946 min-width:100%; |
|
947 outline:none; |
|
948 overflow:auto; |
|
949 padding:0; |
|
950 position:absolute; |
|
951 transition:none; |
|
952 z-index:1000000; |
|
953 } |
|
954 .components-custom-select-control__menu[aria-hidden=true]{ |
|
955 display:none; |
|
956 } |
|
957 |
|
958 .components-custom-select-control__item{ |
|
959 align-items:center; |
|
960 cursor:default; |
|
961 display:grid; |
|
962 grid-template-columns:auto auto; |
|
963 line-height:28px; |
|
964 list-style-type:none; |
|
965 padding:8px 16px; |
|
966 } |
|
967 .components-custom-select-control__item:not(.is-next-40px-default-size){ |
|
968 padding:8px; |
|
969 } |
|
970 .components-custom-select-control__item.has-hint{ |
|
971 grid-template-columns:auto auto 30px; |
|
972 } |
|
973 .components-custom-select-control__item.is-highlighted{ |
|
974 background:#ddd; |
|
975 } |
|
976 .components-custom-select-control__item .components-custom-select-control__item-hint{ |
|
977 color:#949494; |
|
978 padding-left:4px; |
|
979 text-align:left; |
|
980 } |
|
981 .components-custom-select-control__item .components-custom-select-control__item-icon{ |
|
982 margin-right:auto; |
|
983 } |
|
984 .components-custom-select-control__item:last-child{ |
|
985 margin-bottom:0; |
|
986 } |
944 } |
987 |
945 |
988 .block-editor-dimension-control .components-base-control__field{ |
946 .block-editor-dimension-control .components-base-control__field{ |
989 align-items:center; |
947 align-items:center; |
990 display:flex; |
948 display:flex; |
1035 } |
993 } |
1036 .components-drop-zone.is-active{ |
994 .components-drop-zone.is-active{ |
1037 opacity:1; |
995 opacity:1; |
1038 visibility:visible; |
996 visibility:visible; |
1039 } |
997 } |
1040 |
998 .components-drop-zone .components-drop-zone__content{ |
1041 .components-drop-zone__content{ |
|
1042 align-items:center; |
999 align-items:center; |
1043 background-color:var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9)); |
1000 background-color:var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9)); |
1044 bottom:0; |
1001 bottom:0; |
1045 color:#fff; |
1002 color:#fff; |
1046 display:flex; |
1003 display:flex; |
1047 height:100%; |
1004 height:100%; |
1048 justify-content:center; |
1005 justify-content:center; |
1049 left:0; |
1006 left:0; |
|
1007 opacity:0; |
|
1008 pointer-events:none; |
1050 position:absolute; |
1009 position:absolute; |
1051 right:0; |
1010 right:0; |
1052 text-align:center; |
1011 text-align:center; |
1053 top:0; |
1012 top:0; |
1054 width:100%; |
1013 width:100%; |
1055 z-index:50; |
1014 z-index:50; |
|
1015 } |
|
1016 .components-drop-zone .components-drop-zone__content-inner{ |
|
1017 opacity:0; |
|
1018 transform:scale(.9); |
|
1019 } |
|
1020 .components-drop-zone.is-active.is-dragging-over-element .components-drop-zone__content{ |
|
1021 opacity:1; |
|
1022 } |
|
1023 @media not (prefers-reduced-motion){ |
|
1024 .components-drop-zone.is-active.is-dragging-over-element .components-drop-zone__content{ |
|
1025 transition:opacity .2s ease-in-out; |
|
1026 } |
|
1027 } |
|
1028 .components-drop-zone.is-active.is-dragging-over-element .components-drop-zone__content-inner{ |
|
1029 opacity:1; |
|
1030 transform:scale(1); |
|
1031 } |
|
1032 @media not (prefers-reduced-motion){ |
|
1033 .components-drop-zone.is-active.is-dragging-over-element .components-drop-zone__content-inner{ |
|
1034 transition:opacity .1s ease-in-out .1s,transform .1s ease-in-out .1s; |
|
1035 } |
1056 } |
1036 } |
1057 |
1037 |
1058 .components-drop-zone__content-icon,.components-drop-zone__content-text{ |
1038 .components-drop-zone__content-icon,.components-drop-zone__content-text{ |
1059 display:block; |
1039 display:block; |
1060 } |
1040 } |
1076 } |
1056 } |
1077 |
1057 |
1078 .components-dropdown__content .components-popover__content{ |
1058 .components-dropdown__content .components-popover__content{ |
1079 padding:8px; |
1059 padding:8px; |
1080 } |
1060 } |
|
1061 .components-dropdown__content .components-popover__content:has(.components-menu-group){ |
|
1062 padding:0; |
|
1063 } |
|
1064 .components-dropdown__content .components-popover__content:has(.components-menu-group) .components-dropdown-menu__menu>.components-menu-item__button,.components-dropdown__content .components-popover__content:has(.components-menu-group)>.components-menu-item__button{ |
|
1065 margin:8px; |
|
1066 width:auto; |
|
1067 } |
1081 .components-dropdown__content [role=menuitem]{ |
1068 .components-dropdown__content [role=menuitem]{ |
1082 white-space:nowrap; |
1069 white-space:nowrap; |
1083 } |
1070 } |
1084 .components-dropdown__content .components-menu-group{ |
1071 .components-dropdown__content .components-menu-group{ |
1085 margin:0 -8px; |
|
1086 padding:8px; |
1072 padding:8px; |
1087 } |
|
1088 .components-dropdown__content .components-menu-group:first-child{ |
|
1089 margin-top:-8px; |
|
1090 } |
|
1091 .components-dropdown__content .components-menu-group:last-child{ |
|
1092 margin-bottom:-8px; |
|
1093 } |
1073 } |
1094 .components-dropdown__content .components-menu-group+.components-menu-group{ |
1074 .components-dropdown__content .components-menu-group+.components-menu-group{ |
1095 border-top:1px solid #ccc; |
1075 border-top:1px solid #ccc; |
1096 margin-top:0; |
|
1097 padding:8px; |
1076 padding:8px; |
1098 } |
1077 } |
1099 .components-dropdown__content.is-alternate .components-menu-group+.components-menu-group{ |
1078 .components-dropdown__content.is-alternate .components-menu-group+.components-menu-group{ |
1100 border-color:#1e1e1e; |
1079 border-color:#1e1e1e; |
1101 } |
1080 } |
1187 |
1162 |
1188 .components-external-link__icon{ |
1163 .components-external-link__icon{ |
1189 font-weight:400; |
1164 font-weight:400; |
1190 margin-right:.5ch; |
1165 margin-right:.5ch; |
1191 } |
1166 } |
1192 |
1167 .components-form-toggle,.components-form-toggle .components-form-toggle__track{ |
1193 .components-form-toggle{ |
|
1194 display:inline-block; |
1168 display:inline-block; |
|
1169 height:16px; |
1195 position:relative; |
1170 position:relative; |
1196 } |
1171 } |
1197 .components-form-toggle .components-form-toggle__track{ |
1172 .components-form-toggle .components-form-toggle__track{ |
1198 background-color:#fff; |
1173 background-color:#fff; |
1199 border:1px solid #1e1e1e; |
1174 border:1px solid #949494; |
1200 border-radius:9px; |
1175 border-radius:8px; |
1201 box-sizing:border-box; |
1176 box-sizing:border-box; |
1202 content:""; |
1177 content:""; |
1203 display:inline-block; |
|
1204 height:18px; |
|
1205 overflow:hidden; |
1178 overflow:hidden; |
1206 position:relative; |
|
1207 transition:background-color .2s ease,border-color .2s ease; |
|
1208 vertical-align:top; |
1179 vertical-align:top; |
1209 width:36px; |
1180 width:32px; |
1210 } |
1181 } |
1211 @media (prefers-reduced-motion:reduce){ |
1182 @media not (prefers-reduced-motion){ |
1212 .components-form-toggle .components-form-toggle__track{ |
1183 .components-form-toggle .components-form-toggle__track{ |
1213 transition-delay:0s; |
1184 transition:background-color .2s ease,border-color .2s ease; |
1214 transition-duration:0s; |
|
1215 } |
1185 } |
1216 } |
1186 } |
1217 .components-form-toggle .components-form-toggle__track:after{ |
1187 .components-form-toggle .components-form-toggle__track:after{ |
1218 border-top:18px solid #0000; |
1188 border-top:16px solid #0000; |
1219 box-sizing:border-box; |
1189 box-sizing:border-box; |
1220 content:""; |
1190 content:""; |
1221 inset:0; |
1191 inset:0; |
1222 opacity:0; |
1192 opacity:0; |
1223 position:absolute; |
1193 position:absolute; |
1224 transition:opacity .2s ease; |
1194 } |
1225 } |
1195 @media not (prefers-reduced-motion){ |
1226 @media (prefers-reduced-motion:reduce){ |
|
1227 .components-form-toggle .components-form-toggle__track:after{ |
1196 .components-form-toggle .components-form-toggle__track:after{ |
1228 transition-delay:0s; |
1197 transition:opacity .2s ease; |
1229 transition-duration:0s; |
|
1230 } |
1198 } |
1231 } |
1199 } |
1232 .components-form-toggle .components-form-toggle__thumb{ |
1200 .components-form-toggle .components-form-toggle__thumb{ |
1233 background-color:#1e1e1e; |
1201 background-color:#1e1e1e; |
1234 border:6px solid #0000; |
1202 border:6px solid #0000; |
1235 border-radius:50%; |
1203 border-radius:50%; |
|
1204 box-shadow:0 1px 1px #00000008,0 1px 2px #00000005,0 3px 3px #00000005,0 4px 4px #00000003; |
1236 box-sizing:border-box; |
1205 box-sizing:border-box; |
1237 display:block; |
1206 display:block; |
1238 height:12px; |
1207 height:12px; |
1239 position:absolute; |
1208 position:absolute; |
1240 right:3px; |
1209 right:2px; |
1241 top:3px; |
1210 top:2px; |
1242 transition:transform .2s ease,background-color .2s ease-out; |
|
1243 width:12px; |
1211 width:12px; |
1244 } |
1212 } |
1245 @media (prefers-reduced-motion:reduce){ |
1213 @media not (prefers-reduced-motion){ |
1246 .components-form-toggle .components-form-toggle__thumb{ |
1214 .components-form-toggle .components-form-toggle__thumb{ |
1247 transition-delay:0s; |
1215 transition:transform .2s ease,background-color .2s ease-out; |
1248 transition-duration:0s; |
|
1249 } |
1216 } |
1250 } |
1217 } |
1251 .components-form-toggle.is-checked .components-form-toggle__track{ |
1218 .components-form-toggle.is-checked .components-form-toggle__track{ |
1252 background-color:var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9)); |
1219 background-color:var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9)); |
1253 border-color:var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9)); |
1220 border-color:var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9)); |
1295 cursor:text; |
1265 cursor:text; |
1296 font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif; |
1266 font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif; |
1297 font-size:16px; |
1267 font-size:16px; |
1298 line-height:normal; |
1268 line-height:normal; |
1299 padding:0; |
1269 padding:0; |
1300 transition:box-shadow .1s linear; |
1270 width:100%; |
1301 width:100%; |
1271 } |
1302 } |
1272 @media not (prefers-reduced-motion){ |
1303 @media (prefers-reduced-motion:reduce){ |
|
1304 .components-form-token-field__input-container{ |
1273 .components-form-token-field__input-container{ |
1305 transition-delay:0s; |
1274 transition:box-shadow .1s linear; |
1306 transition-duration:0s; |
|
1307 } |
1275 } |
1308 } |
1276 } |
1309 @media (min-width:600px){ |
1277 @media (min-width:600px){ |
1310 .components-form-token-field__input-container{ |
1278 .components-form-token-field__input-container{ |
1311 font-size:13px; |
1279 font-size:13px; |
1384 padding:0 0 0 24px; |
1351 padding:0 0 0 24px; |
1385 position:relative; |
1352 position:relative; |
1386 } |
1353 } |
1387 .components-form-token-field__token.is-borderless .components-form-token-field__token-text{ |
1354 .components-form-token-field__token.is-borderless .components-form-token-field__token-text{ |
1388 background:#0000; |
1355 background:#0000; |
|
1356 } |
|
1357 .components-form-token-field__token.is-borderless:not(.is-disabled) .components-form-token-field__token-text{ |
1389 color:var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9)); |
1358 color:var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9)); |
1390 } |
1359 } |
1391 .components-form-token-field__token.is-borderless .components-form-token-field__remove-token{ |
1360 .components-form-token-field__token.is-borderless .components-form-token-field__remove-token{ |
1392 background:#0000; |
1361 background:#0000; |
1393 color:#757575; |
1362 color:#757575; |
1394 left:0; |
1363 left:0; |
1395 padding:0; |
|
1396 position:absolute; |
1364 position:absolute; |
1397 top:1px; |
1365 top:1px; |
1398 } |
1366 } |
1399 .components-form-token-field__token.is-borderless.is-success .components-form-token-field__token-text{ |
1367 .components-form-token-field__token.is-borderless.is-success .components-form-token-field__token-text{ |
1400 color:#4ab866; |
1368 color:#4ab866; |
1401 } |
1369 } |
1402 .components-form-token-field__token.is-borderless.is-error .components-form-token-field__token-text{ |
1370 .components-form-token-field__token.is-borderless.is-error .components-form-token-field__token-text{ |
1403 border-radius:0 4px 4px 0; |
|
1404 color:#cc1818; |
1371 color:#cc1818; |
1405 padding:0 6px 0 4px; |
1372 padding:0 6px 0 4px; |
1406 } |
1373 } |
1407 .components-form-token-field__token.is-borderless.is-validating .components-form-token-field__token-text{ |
1374 .components-form-token-field__token.is-borderless.is-validating .components-form-token-field__token-text{ |
1408 color:#1e1e1e; |
1375 color:#1e1e1e; |
1409 } |
|
1410 .components-form-token-field__token.is-disabled .components-form-token-field__remove-token{ |
|
1411 cursor:default; |
|
1412 } |
1376 } |
1413 |
1377 |
1414 .components-form-token-field__remove-token.components-button,.components-form-token-field__token-text{ |
1378 .components-form-token-field__remove-token.components-button,.components-form-token-field__token-text{ |
1415 background:#ddd; |
1379 background:#ddd; |
1416 display:inline-block; |
1380 display:inline-block; |
1417 height:auto; |
1381 height:auto; |
|
1382 min-width:unset; |
|
1383 } |
|
1384 @media not (prefers-reduced-motion){ |
|
1385 .components-form-token-field__remove-token.components-button,.components-form-token-field__token-text{ |
|
1386 transition:all .2s cubic-bezier(.4, 1, .4, 1); |
|
1387 } |
|
1388 } |
|
1389 |
|
1390 .components-form-token-field__token-text{ |
|
1391 border-radius:0 1px 1px 0; |
1418 line-height:24px; |
1392 line-height:24px; |
1419 min-width:unset; |
|
1420 transition:all .2s cubic-bezier(.4, 1, .4, 1); |
|
1421 } |
|
1422 @media (prefers-reduced-motion:reduce){ |
|
1423 .components-form-token-field__remove-token.components-button,.components-form-token-field__token-text{ |
|
1424 animation-delay:0s; |
|
1425 animation-duration:1ms; |
|
1426 transition-delay:0s; |
|
1427 transition-duration:0s; |
|
1428 } |
|
1429 } |
|
1430 |
|
1431 .components-form-token-field__token-text{ |
|
1432 border-radius:0 2px 2px 0; |
|
1433 overflow:hidden; |
1393 overflow:hidden; |
1434 padding:0 8px 0 0; |
1394 padding:0 8px 0 0; |
1435 text-overflow:ellipsis; |
1395 text-overflow:ellipsis; |
1436 white-space:nowrap; |
1396 white-space:nowrap; |
1437 } |
1397 } |
1438 |
1398 |
1439 .components-form-token-field__remove-token.components-button{ |
1399 .components-form-token-field__remove-token.components-button{ |
1440 border-radius:2px 0 0 2px; |
1400 border-radius:1px 0 0 1px; |
1441 color:#1e1e1e; |
1401 color:#1e1e1e; |
1442 cursor:pointer; |
|
1443 line-height:10px; |
1402 line-height:10px; |
1444 overflow:initial; |
1403 overflow:initial; |
1445 padding:0 2px; |
1404 } |
1446 } |
1405 .components-form-token-field__remove-token.components-button:hover:not(:disabled){ |
1447 .components-form-token-field__remove-token.components-button:hover{ |
|
1448 color:#1e1e1e; |
1406 color:#1e1e1e; |
1449 } |
1407 } |
1450 |
1408 |
1451 .components-form-token-field__suggestions-list{ |
1409 .components-form-token-field__suggestions-list{ |
1452 box-shadow:inset 0 1px 0 0 #949494; |
1410 box-shadow:inset 0 1px 0 0 #949494; |
1513 position:static; |
1470 position:static; |
1514 } |
1471 } |
1515 .components-guide .components-modal__header .components-button:hover svg{ |
1472 .components-guide .components-modal__header .components-button:hover svg{ |
1516 fill:#fff; |
1473 fill:#fff; |
1517 } |
1474 } |
1518 .components-guide__container{ |
1475 .components-guide .components-guide__container{ |
1519 display:flex; |
1476 display:flex; |
1520 flex-direction:column; |
1477 flex-direction:column; |
1521 justify-content:space-between; |
1478 justify-content:space-between; |
1522 margin-top:-60px; |
1479 margin-top:-60px; |
1523 min-height:100%; |
1480 min-height:100%; |
1524 } |
1481 } |
1525 .components-guide__page{ |
1482 .components-guide .components-guide__page{ |
1526 display:flex; |
1483 display:flex; |
1527 flex-direction:column; |
1484 flex-direction:column; |
1528 justify-content:center; |
1485 justify-content:center; |
1529 position:relative; |
1486 position:relative; |
1530 } |
1487 } |
1531 @media (min-width:600px){ |
1488 @media (min-width:600px){ |
1532 .components-guide__page{ |
1489 .components-guide .components-guide__page{ |
1533 min-height:300px; |
1490 min-height:300px; |
1534 } |
1491 } |
1535 } |
1492 } |
1536 .components-guide__footer{ |
1493 .components-guide .components-guide__footer{ |
1537 align-content:center; |
1494 align-content:center; |
1538 display:flex; |
1495 display:flex; |
1539 height:36px; |
1496 height:36px; |
1540 justify-content:center; |
1497 justify-content:center; |
1541 margin:0 0 24px; |
1498 margin:0 0 24px; |
1542 padding:0 32px; |
1499 padding:0 32px; |
1543 position:relative; |
1500 position:relative; |
1544 width:100%; |
1501 width:100%; |
1545 } |
1502 } |
1546 .components-guide__page-control{ |
1503 .components-guide .components-guide__page-control{ |
1547 margin:0; |
1504 margin:0; |
1548 text-align:center; |
1505 text-align:center; |
1549 } |
1506 } |
1550 .components-guide__page-control li{ |
1507 .components-guide .components-guide__page-control li{ |
1551 display:inline-block; |
1508 display:inline-block; |
1552 margin:0; |
1509 margin:0; |
1553 } |
1510 } |
1554 .components-guide__page-control .components-button{ |
1511 .components-guide .components-guide__page-control .components-button{ |
1555 color:#e0e0e0; |
1512 color:#e0e0e0; |
1556 height:30px; |
|
1557 margin:-6px 0; |
1513 margin:-6px 0; |
1558 min-width:20px; |
1514 } |
1559 } |
1515 .components-guide .components-guide__page-control li[aria-current=step] .components-button{ |
1560 .components-guide__page-control li[aria-current=step] .components-button{ |
|
1561 color:var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9)); |
1516 color:var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9)); |
1562 } |
1517 } |
1563 |
1518 |
1564 .components-modal__frame.components-guide{ |
1519 .components-modal__frame.components-guide{ |
1565 border:none; |
1520 border:none; |
1585 |
1540 |
1586 [role=region]{ |
1541 [role=region]{ |
1587 position:relative; |
1542 position:relative; |
1588 } |
1543 } |
1589 |
1544 |
1590 .is-focusing-regions [role=region]:focus:after{ |
1545 .is-focusing-regions [role=region]:focus:after,[role=region].interface-interface-skeleton__content:focus-visible:after{ |
1591 bottom:0; |
1546 bottom:0; |
1592 content:""; |
1547 content:""; |
1593 left:0; |
1548 left:0; |
1594 pointer-events:none; |
1549 pointer-events:none; |
1595 position:absolute; |
1550 position:absolute; |
1596 right:0; |
1551 right:0; |
1597 top:0; |
1552 top:0; |
1598 z-index:1000000; |
1553 z-index:1000000; |
1599 } |
1554 } |
1600 .is-focusing-regions .editor-post-publish-panel,.is-focusing-regions .interface-interface-skeleton__actions .editor-layout__toggle-entities-saved-states-panel,.is-focusing-regions .interface-interface-skeleton__actions .editor-layout__toggle-publish-panel,.is-focusing-regions .interface-interface-skeleton__sidebar .editor-layout__toggle-sidebar-panel,.is-focusing-regions [role=region]:focus:after,.is-focusing-regions.is-distraction-free .interface-interface-skeleton__header .edit-post-header{ |
1555 .is-focusing-regions .editor-post-publish-panel,.is-focusing-regions .interface-interface-skeleton__actions .editor-layout__toggle-entities-saved-states-panel,.is-focusing-regions .interface-interface-skeleton__actions .editor-layout__toggle-publish-panel,.is-focusing-regions .interface-interface-skeleton__sidebar .editor-layout__toggle-sidebar-panel,.is-focusing-regions [role=region]:focus:after,.is-focusing-regions.is-distraction-free .interface-interface-skeleton__header .edit-post-header,[role=region].interface-interface-skeleton__content:focus-visible:after{ |
1601 outline:4px solid var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9)); |
1556 outline-color:var(--wp-admin-theme-color); |
1602 outline-offset:-4px; |
1557 outline-offset:calc(((-1*var(--wp-admin-border-width-focus))/var(--wp-block-editor-iframe-zoom-out-scale, 1))*2); |
|
1558 outline-style:solid; |
|
1559 outline-width:calc((var(--wp-admin-border-width-focus)/var(--wp-block-editor-iframe-zoom-out-scale, 1))*2); |
1603 } |
1560 } |
1604 |
1561 |
1605 .components-menu-group+.components-menu-group{ |
1562 .components-menu-group+.components-menu-group{ |
1606 border-top:1px solid #1e1e1e; |
1563 border-top:1px solid #1e1e1e; |
1607 margin-top:8px; |
|
1608 padding-top:8px; |
1564 padding-top:8px; |
1609 } |
1565 } |
1610 .components-menu-group+.components-menu-group.has-hidden-separator{ |
1566 .components-menu-group+.components-menu-group.has-hidden-separator{ |
1611 border-top:none; |
1567 border-top:none; |
1612 margin-top:0; |
1568 margin-top:0; |
1613 padding-top:0; |
1569 padding-top:0; |
|
1570 } |
|
1571 |
|
1572 .components-menu-group:has(>div:empty){ |
|
1573 display:none; |
1614 } |
1574 } |
1615 |
1575 |
1616 .components-menu-group__label{ |
1576 .components-menu-group__label{ |
1617 color:#757575; |
1577 color:#757575; |
1618 font-size:11px; |
1578 font-size:11px; |
1691 .components-menu-item__shortcut{ |
1651 .components-menu-item__shortcut{ |
1692 display:inline; |
1652 display:inline; |
1693 } |
1653 } |
1694 } |
1654 } |
1695 |
1655 |
|
1656 .components-menu-items-choice,.components-menu-items-choice.components-button{ |
|
1657 height:auto; |
|
1658 min-height:40px; |
|
1659 } |
1696 .components-menu-items-choice svg,.components-menu-items-choice.components-button svg{ |
1660 .components-menu-items-choice svg,.components-menu-items-choice.components-button svg{ |
1697 margin-left:12px; |
1661 margin-left:12px; |
1698 } |
1662 } |
1699 .components-menu-items-choice.components-button.has-icon,.components-menu-items-choice.has-icon{ |
1663 .components-menu-items-choice.components-button.has-icon,.components-menu-items-choice.has-icon{ |
1700 padding-right:12px; |
1664 padding-right:12px; |
1701 } |
1665 } |
1702 |
1666 |
1703 .components-modal__screen-overlay{ |
1667 .components-modal__screen-overlay{ |
1704 animation:edit-post__fade-in-animation .2s ease-out 0s; |
|
1705 animation-fill-mode:forwards; |
|
1706 background-color:#00000059; |
1668 background-color:#00000059; |
1707 bottom:0; |
1669 bottom:0; |
1708 display:flex; |
1670 display:flex; |
1709 left:0; |
1671 left:0; |
1710 position:fixed; |
1672 position:fixed; |
1711 right:0; |
1673 right:0; |
1712 top:0; |
1674 top:0; |
1713 z-index:100000; |
1675 z-index:100000; |
1714 } |
1676 } |
1715 @media (prefers-reduced-motion:reduce){ |
1677 @keyframes __wp-base-styles-fade-in{ |
|
1678 0%{ |
|
1679 opacity:0; |
|
1680 } |
|
1681 to{ |
|
1682 opacity:1; |
|
1683 } |
|
1684 } |
|
1685 @media not (prefers-reduced-motion){ |
1716 .components-modal__screen-overlay{ |
1686 .components-modal__screen-overlay{ |
1717 animation-delay:0s; |
1687 animation:__wp-base-styles-fade-in .08s linear 0s; |
1718 animation-duration:1ms; |
1688 animation-fill-mode:forwards; |
|
1689 } |
|
1690 } |
|
1691 @keyframes __wp-base-styles-fade-out{ |
|
1692 0%{ |
|
1693 opacity:1; |
|
1694 } |
|
1695 to{ |
|
1696 opacity:0; |
|
1697 } |
|
1698 } |
|
1699 @media not (prefers-reduced-motion){ |
|
1700 .components-modal__screen-overlay.is-animating-out{ |
|
1701 animation:__wp-base-styles-fade-out .08s linear 80ms; |
|
1702 animation-fill-mode:forwards; |
1719 } |
1703 } |
1720 } |
1704 } |
1721 |
1705 |
1722 .components-modal__frame{ |
1706 .components-modal__frame{ |
1723 animation:components-modal__appear-animation .1s ease-out; |
|
1724 animation-fill-mode:forwards; |
1707 animation-fill-mode:forwards; |
|
1708 animation-name:components-modal__appear-animation; |
|
1709 animation-timing-function:cubic-bezier(.29, 0, 0, 1); |
1725 background:#fff; |
1710 background:#fff; |
1726 border-radius:4px 4px 0 0; |
1711 border-radius:8px 8px 0 0; |
1727 box-shadow:0 .7px 1px #00000026,0 2.7px 3.8px -.2px #00000026,0 5.5px 7.8px -.3px #00000026,-.1px 11.5px 16.4px -.5px #00000026; |
1712 box-shadow:0 5px 15px #00000014,0 15px 27px #00000012,0 30px 36px #0000000a,0 50px 43px #00000005; |
1728 box-sizing:border-box; |
1713 box-sizing:border-box; |
1729 display:flex; |
1714 display:flex; |
1730 margin:40px 0 0; |
1715 margin:40px 0 0; |
1731 overflow:hidden; |
1716 overflow:hidden; |
1732 width:100%; |
1717 width:100%; |
1733 } |
1718 } |
1734 .components-modal__frame *,.components-modal__frame :after,.components-modal__frame :before{ |
1719 .components-modal__frame *,.components-modal__frame :after,.components-modal__frame :before{ |
1735 box-sizing:inherit; |
1720 box-sizing:inherit; |
1736 } |
1721 } |
1737 @media (prefers-reduced-motion:reduce){ |
1722 @media not (prefers-reduced-motion){ |
1738 .components-modal__frame{ |
1723 .components-modal__frame{ |
1739 animation-delay:0s; |
1724 animation-duration:var(--modal-frame-animation-duration); |
1740 animation-duration:1ms; |
1725 } |
1741 } |
1726 } |
|
1727 .components-modal__screen-overlay.is-animating-out .components-modal__frame{ |
|
1728 animation-name:components-modal__disappear-animation; |
|
1729 animation-timing-function:cubic-bezier(1, 0, .2, 1); |
1742 } |
1730 } |
1743 @media (min-width:600px){ |
1731 @media (min-width:600px){ |
1744 .components-modal__frame{ |
1732 .components-modal__frame{ |
1745 border-radius:4px; |
1733 border-radius:8px; |
1746 margin:auto; |
1734 margin:auto; |
1747 max-height:calc(100% - 120px); |
1735 max-height:calc(100% - 120px); |
1748 max-width:calc(100% - 32px); |
1736 max-width:calc(100% - 32px); |
1749 min-width:350px; |
1737 min-width:350px; |
1750 width:auto; |
1738 width:auto; |
2010 height:auto; |
2005 height:auto; |
2011 outline:none; |
2006 outline:none; |
2012 padding:16px 16px 16px 48px; |
2007 padding:16px 16px 16px 48px; |
2013 position:relative; |
2008 position:relative; |
2014 text-align:right; |
2009 text-align:right; |
2015 transition:background .1s ease-in-out; |
2010 width:100%; |
2016 width:100%; |
2011 } |
2017 } |
2012 @media not (prefers-reduced-motion){ |
2018 @media (prefers-reduced-motion:reduce){ |
|
2019 .components-panel__body-toggle.components-button{ |
2013 .components-panel__body-toggle.components-button{ |
2020 transition-delay:0s; |
2014 transition:background .1s ease-in-out; |
2021 transition-duration:0s; |
|
2022 } |
2015 } |
2023 } |
2016 } |
2024 .components-panel__body-toggle.components-button:focus{ |
2017 .components-panel__body-toggle.components-button:focus{ |
2025 border-radius:0; |
2018 border-radius:0; |
2026 box-shadow:inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9)); |
2019 box-shadow:inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9)); |
2156 flex:1 1 auto; |
2147 flex:1 1 auto; |
2157 font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif; |
2148 font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif; |
2158 font-size:16px; |
2149 font-size:16px; |
2159 line-height:normal; |
2150 line-height:normal; |
2160 padding:6px 8px; |
2151 padding:6px 8px; |
2161 transition:box-shadow .1s linear; |
2152 } |
2162 } |
2153 @media not (prefers-reduced-motion){ |
2163 @media (prefers-reduced-motion:reduce){ |
|
2164 .components-placeholder__input[type=url]{ |
2154 .components-placeholder__input[type=url]{ |
2165 transition-delay:0s; |
2155 transition:box-shadow .1s linear; |
2166 transition-duration:0s; |
|
2167 } |
2156 } |
2168 } |
2157 } |
2169 @media (min-width:600px){ |
2158 @media (min-width:600px){ |
2170 .components-placeholder__input[type=url]{ |
2159 .components-placeholder__input[type=url]{ |
2171 font-size:13px; |
2160 font-size:13px; |
2233 margin-right:0; |
2221 margin-right:0; |
2234 } |
2222 } |
2235 .components-placeholder.has-illustration .components-button,.components-placeholder.has-illustration .components-placeholder__instructions,.components-placeholder.has-illustration .components-placeholder__label{ |
2223 .components-placeholder.has-illustration .components-button,.components-placeholder.has-illustration .components-placeholder__instructions,.components-placeholder.has-illustration .components-placeholder__label{ |
2236 opacity:0; |
2224 opacity:0; |
2237 pointer-events:none; |
2225 pointer-events:none; |
2238 transition:opacity .1s linear; |
2226 } |
2239 } |
2227 @media not (prefers-reduced-motion){ |
2240 @media (prefers-reduced-motion:reduce){ |
|
2241 .components-placeholder.has-illustration .components-button,.components-placeholder.has-illustration .components-placeholder__instructions,.components-placeholder.has-illustration .components-placeholder__label{ |
2228 .components-placeholder.has-illustration .components-button,.components-placeholder.has-illustration .components-placeholder__instructions,.components-placeholder.has-illustration .components-placeholder__label{ |
2242 transition-delay:0s; |
2229 transition:opacity .1s linear; |
2243 transition-duration:0s; |
|
2244 } |
2230 } |
2245 } |
2231 } |
2246 .is-selected>.components-placeholder.has-illustration .components-button,.is-selected>.components-placeholder.has-illustration .components-placeholder__instructions,.is-selected>.components-placeholder.has-illustration .components-placeholder__label{ |
2232 .is-selected>.components-placeholder.has-illustration .components-button,.is-selected>.components-placeholder.has-illustration .components-placeholder__instructions,.is-selected>.components-placeholder.has-illustration .components-placeholder__label{ |
2247 opacity:1; |
2233 opacity:1; |
2248 pointer-events:auto; |
2234 pointer-events:auto; |
2296 z-index:1000000 !important; |
2282 z-index:1000000 !important; |
2297 } |
2283 } |
2298 |
2284 |
2299 .components-popover__content{ |
2285 .components-popover__content{ |
2300 background:#fff; |
2286 background:#fff; |
2301 border-radius:2px; |
2287 border-radius:4px; |
2302 box-shadow:0 0 0 1px #ccc,0 .7px 1px #0000001a,0 1.2px 1.7px -.2px #0000001a,0 2.3px 3.3px -.5px #0000001a; |
2288 box-shadow:0 0 0 1px #ccc,0 2px 3px #0000000d,0 4px 5px #0000000a,0 12px 12px #00000008,0 16px 16px #00000005; |
2303 box-sizing:border-box; |
2289 box-sizing:border-box; |
2304 width:min-content; |
2290 width:min-content; |
2305 } |
2291 } |
2306 .is-alternate .components-popover__content{ |
2292 .is-alternate .components-popover__content{ |
|
2293 border-radius:2px; |
2307 box-shadow:0 0 0 1px #1e1e1e; |
2294 box-shadow:0 0 0 1px #1e1e1e; |
2308 } |
2295 } |
2309 .is-unstyled .components-popover__content{ |
2296 .is-unstyled .components-popover__content{ |
2310 background:none; |
2297 background:none; |
2311 border-radius:0; |
2298 border-radius:0; |
2391 } |
2378 } |
2392 .is-alternate .components-popover__triangle-border{ |
2379 .is-alternate .components-popover__triangle-border{ |
2393 stroke:#1e1e1e; |
2380 stroke:#1e1e1e; |
2394 } |
2381 } |
2395 |
2382 |
|
2383 .components-radio-control{ |
|
2384 border:0; |
|
2385 font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif; |
|
2386 font-size:13px; |
|
2387 margin:0; |
|
2388 padding:0; |
|
2389 } |
|
2390 |
|
2391 .components-radio-control__group-wrapper.has-help{ |
|
2392 margin-block-end:12px; |
|
2393 } |
|
2394 |
2396 .components-radio-control__option{ |
2395 .components-radio-control__option{ |
2397 align-items:center; |
2396 align-items:center; |
2398 display:flex; |
2397 column-gap:8px; |
|
2398 display:grid; |
|
2399 grid-template-columns:auto 1fr; |
|
2400 grid-template-rows:auto minmax(0, max-content); |
2399 } |
2401 } |
2400 |
2402 |
2401 .components-radio-control__input[type=radio]{ |
2403 .components-radio-control__input[type=radio]{ |
2402 appearance:none; |
2404 appearance:none; |
2403 border:1px solid #1e1e1e; |
2405 border:1px solid #1e1e1e; |
2406 box-shadow:0 0 0 #0000; |
2408 box-shadow:0 0 0 #0000; |
2407 cursor:pointer; |
2409 cursor:pointer; |
2408 display:inline-flex; |
2410 display:inline-flex; |
2409 font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif; |
2411 font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif; |
2410 font-size:16px; |
2412 font-size:16px; |
|
2413 grid-column:1; |
|
2414 grid-row:1; |
2411 height:24px; |
2415 height:24px; |
2412 line-height:normal; |
2416 line-height:normal; |
2413 margin:0 0 0 6px; |
2417 margin:0; |
2414 max-width:24px; |
2418 max-width:24px; |
2415 min-width:24px; |
2419 min-width:24px; |
2416 padding:0; |
2420 padding:0; |
2417 transition:box-shadow .1s linear; |
2421 position:relative; |
2418 transition:none; |
2422 transition:none; |
2419 width:24px; |
2423 width:24px; |
2420 } |
2424 } |
2421 @media (prefers-reduced-motion:reduce){ |
2425 @media not (prefers-reduced-motion){ |
2422 .components-radio-control__input[type=radio]{ |
2426 .components-radio-control__input[type=radio]{ |
2423 transition-delay:0s; |
2427 transition:box-shadow .1s linear; |
2424 transition-duration:0s; |
|
2425 } |
2428 } |
2426 } |
2429 } |
2427 @media (min-width:600px){ |
2430 @media (min-width:600px){ |
2428 .components-radio-control__input[type=radio]{ |
2431 .components-radio-control__input[type=radio]{ |
2429 font-size:13px; |
2432 font-size:13px; |
2437 .components-radio-control__input[type=radio]::-webkit-input-placeholder{ |
2440 .components-radio-control__input[type=radio]::-webkit-input-placeholder{ |
2438 color:#1e1e1e9e; |
2441 color:#1e1e1e9e; |
2439 } |
2442 } |
2440 .components-radio-control__input[type=radio]::-moz-placeholder{ |
2443 .components-radio-control__input[type=radio]::-moz-placeholder{ |
2441 color:#1e1e1e9e; |
2444 color:#1e1e1e9e; |
2442 opacity:1; |
|
2443 } |
2445 } |
2444 .components-radio-control__input[type=radio]:-ms-input-placeholder{ |
2446 .components-radio-control__input[type=radio]:-ms-input-placeholder{ |
2445 color:#1e1e1e9e; |
2447 color:#1e1e1e9e; |
2446 } |
2448 } |
2447 @media (min-width:600px){ |
2449 @media (min-width:600px){ |
2448 .components-radio-control__input[type=radio]{ |
2450 .components-radio-control__input[type=radio]{ |
2449 height:20px; |
2451 height:16px; |
2450 max-width:20px; |
2452 max-width:16px; |
2451 min-width:20px; |
2453 min-width:16px; |
2452 width:20px; |
2454 width:16px; |
2453 } |
2455 } |
2454 } |
2456 } |
2455 .components-radio-control__input[type=radio]:checked:before{ |
2457 .components-radio-control__input[type=radio]:checked:before{ |
2456 background-color:#fff; |
2458 background-color:#fff; |
2457 border:4px solid #fff; |
2459 border:4px solid #fff; |
2458 box-sizing:inherit; |
2460 box-sizing:inherit; |
2459 height:8px; |
2461 height:12px; |
2460 margin:0; |
2462 margin:0; |
2461 transform:translate(-7px, 7px); |
2463 position:absolute; |
2462 width:8px; |
2464 right:50%; |
|
2465 top:50%; |
|
2466 transform:translate(50%, -50%); |
|
2467 width:12px; |
2463 } |
2468 } |
2464 @media (min-width:600px){ |
2469 @media (min-width:600px){ |
2465 .components-radio-control__input[type=radio]:checked:before{ |
2470 .components-radio-control__input[type=radio]:checked:before{ |
2466 transform:translate(-5px, 5px); |
2471 height:8px; |
|
2472 width:8px; |
2467 } |
2473 } |
2468 } |
2474 } |
2469 .components-radio-control__input[type=radio]:focus{ |
2475 .components-radio-control__input[type=radio]:focus{ |
2470 box-shadow:0 0 0 2px #fff, 0 0 0 4px var(--wp-admin-theme-color); |
2476 box-shadow:0 0 0 2px #fff, 0 0 0 4px var(--wp-admin-theme-color); |
2471 outline:2px solid #0000; |
|
2472 } |
2477 } |
2473 .components-radio-control__input[type=radio]:checked{ |
2478 .components-radio-control__input[type=radio]:checked{ |
2474 background:var(--wp-admin-theme-color); |
2479 background:var(--wp-admin-theme-color); |
2475 border-color:var(--wp-admin-theme-color); |
2480 border:none; |
2476 } |
2481 } |
2477 .components-radio-control__input[type=radio]:focus{ |
2482 .components-radio-control__input[type=radio]:focus{ |
2478 box-shadow:0 0 0 2px var(--wp-components-color-background, #fff), 0 0 0 4px var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9)); |
2483 box-shadow:0 0 0 var(--wp-admin-border-width-focus) #fff, 0 0 0 calc(var(--wp-admin-border-width-focus)*2) var(--wp-admin-theme-color); |
|
2484 outline:2px solid #0000; |
|
2485 outline-offset:2px; |
2479 } |
2486 } |
2480 .components-radio-control__input[type=radio]:checked{ |
2487 .components-radio-control__input[type=radio]:checked{ |
2481 background:var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9)); |
2488 background:var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9)); |
2482 border-color:var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9)); |
2489 border-color:var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9)); |
2483 } |
2490 } |
2519 width:15px; |
2550 width:15px; |
2520 } |
2551 } |
2521 |
2552 |
2522 .components-resizable-box__side-handle:before{ |
2553 .components-resizable-box__side-handle:before{ |
2523 background:var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9)); |
2554 background:var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9)); |
2524 border-radius:2px; |
2555 border-radius:9999px; |
2525 content:""; |
2556 content:""; |
2526 cursor:inherit; |
2557 cursor:inherit; |
2527 display:block; |
2558 display:block; |
2528 height:3px; |
2559 height:3px; |
2529 left:calc(50% - 1px); |
2560 left:calc(50% - 1px); |
2530 opacity:0; |
2561 opacity:0; |
2531 position:absolute; |
2562 position:absolute; |
2532 top:calc(50% - 1px); |
2563 top:calc(50% - 1px); |
2533 transition:transform .1s ease-in; |
|
2534 width:3px; |
2564 width:3px; |
2535 will-change:transform; |
2565 } |
2536 } |
2566 @media not (prefers-reduced-motion){ |
2537 @media (prefers-reduced-motion:reduce){ |
|
2538 .components-resizable-box__side-handle:before{ |
2567 .components-resizable-box__side-handle:before{ |
2539 transition-delay:0s; |
2568 transition:transform .1s ease-in; |
2540 transition-duration:0s; |
2569 will-change:transform; |
2541 } |
2570 } |
2542 } |
2571 } |
2543 |
2572 |
2544 .components-resizable-box__corner-handle,.components-resizable-box__side-handle{ |
2573 .components-resizable-box__corner-handle,.components-resizable-box__side-handle{ |
2545 z-index:2; |
2574 z-index:2; |
2557 border-top:0; |
2586 border-top:0; |
2558 height:100%; |
2587 height:100%; |
2559 top:0; |
2588 top:0; |
2560 } |
2589 } |
2561 |
2590 |
2562 .components-resizable-box__side-handle.components-resizable-box__handle-bottom:active:before,.components-resizable-box__side-handle.components-resizable-box__handle-bottom:hover:before,.components-resizable-box__side-handle.components-resizable-box__handle-top:active:before,.components-resizable-box__side-handle.components-resizable-box__handle-top:hover:before{ |
2591 @media not (prefers-reduced-motion){ |
2563 animation:components-resizable-box__top-bottom-animation .1s ease-out 0s; |
|
2564 animation-fill-mode:forwards; |
|
2565 } |
|
2566 @media (prefers-reduced-motion:reduce){ |
|
2567 .components-resizable-box__side-handle.components-resizable-box__handle-bottom:active:before,.components-resizable-box__side-handle.components-resizable-box__handle-bottom:hover:before,.components-resizable-box__side-handle.components-resizable-box__handle-top:active:before,.components-resizable-box__side-handle.components-resizable-box__handle-top:hover:before{ |
2592 .components-resizable-box__side-handle.components-resizable-box__handle-bottom:active:before,.components-resizable-box__side-handle.components-resizable-box__handle-bottom:hover:before,.components-resizable-box__side-handle.components-resizable-box__handle-top:active:before,.components-resizable-box__side-handle.components-resizable-box__handle-top:hover:before{ |
2568 animation-delay:0s; |
2593 animation:components-resizable-box__top-bottom-animation .1s ease-out 0s; |
2569 animation-duration:1ms; |
2594 animation-fill-mode:forwards; |
2570 } |
2595 } |
2571 } |
|
2572 |
|
2573 .components-resizable-box__side-handle.components-resizable-box__handle-left:active:before,.components-resizable-box__side-handle.components-resizable-box__handle-left:hover:before,.components-resizable-box__side-handle.components-resizable-box__handle-right:active:before,.components-resizable-box__side-handle.components-resizable-box__handle-right:hover:before{ |
|
2574 animation:components-resizable-box__left-right-animation .1s ease-out 0s; |
|
2575 animation-fill-mode:forwards; |
|
2576 } |
|
2577 @media (prefers-reduced-motion:reduce){ |
|
2578 .components-resizable-box__side-handle.components-resizable-box__handle-left:active:before,.components-resizable-box__side-handle.components-resizable-box__handle-left:hover:before,.components-resizable-box__side-handle.components-resizable-box__handle-right:active:before,.components-resizable-box__side-handle.components-resizable-box__handle-right:hover:before{ |
2596 .components-resizable-box__side-handle.components-resizable-box__handle-left:active:before,.components-resizable-box__side-handle.components-resizable-box__handle-left:hover:before,.components-resizable-box__side-handle.components-resizable-box__handle-right:active:before,.components-resizable-box__side-handle.components-resizable-box__handle-right:hover:before{ |
2579 animation-delay:0s; |
2597 animation:components-resizable-box__left-right-animation .1s ease-out 0s; |
2580 animation-duration:1ms; |
2598 animation-fill-mode:forwards; |
2581 } |
2599 } |
2582 } |
2600 } |
2583 @media not all and (min-resolution:0.001dpcm){ |
2601 @media not all and (min-resolution:0.001dpcm){ |
2584 @supports (-webkit-appearance:none){ |
2602 @supports (-webkit-appearance:none){ |
2585 |
|
2586 .components-resizable-box__side-handle.components-resizable-box__handle-bottom:active:before,.components-resizable-box__side-handle.components-resizable-box__handle-bottom:hover:before,.components-resizable-box__side-handle.components-resizable-box__handle-left:active:before,.components-resizable-box__side-handle.components-resizable-box__handle-left:hover:before,.components-resizable-box__side-handle.components-resizable-box__handle-right:active:before,.components-resizable-box__side-handle.components-resizable-box__handle-right:hover:before,.components-resizable-box__side-handle.components-resizable-box__handle-top:active:before,.components-resizable-box__side-handle.components-resizable-box__handle-top:hover:before{ |
2603 .components-resizable-box__side-handle.components-resizable-box__handle-bottom:active:before,.components-resizable-box__side-handle.components-resizable-box__handle-bottom:hover:before,.components-resizable-box__side-handle.components-resizable-box__handle-left:active:before,.components-resizable-box__side-handle.components-resizable-box__handle-left:hover:before,.components-resizable-box__side-handle.components-resizable-box__handle-right:active:before,.components-resizable-box__side-handle.components-resizable-box__handle-right:hover:before,.components-resizable-box__side-handle.components-resizable-box__handle-top:active:before,.components-resizable-box__side-handle.components-resizable-box__handle-top:hover:before{ |
2587 animation:none; |
2604 animation:none; |
2588 } |
2605 } |
2589 } |
2606 } |
2590 } |
2607 } |
2661 } |
2678 } |
2662 .components-snackbar{ |
2679 .components-snackbar{ |
2663 -webkit-backdrop-filter:blur(16px) saturate(180%); |
2680 -webkit-backdrop-filter:blur(16px) saturate(180%); |
2664 backdrop-filter:blur(16px) saturate(180%); |
2681 backdrop-filter:blur(16px) saturate(180%); |
2665 background:#000000d9; |
2682 background:#000000d9; |
2666 border-radius:2px; |
2683 border-radius:4px; |
2667 box-shadow:0 .7px 1px #0000001a,0 1.2px 1.7px -.2px #0000001a,0 2.3px 3.3px -.5px #0000001a; |
2684 box-shadow:0 1px 2px #0000000d,0 2px 3px #0000000a,0 6px 6px #00000008,0 8px 8px #00000005; |
2668 box-sizing:border-box; |
2685 box-sizing:border-box; |
2669 color:#fff; |
2686 color:#fff; |
2670 cursor:pointer; |
2687 cursor:pointer; |
2671 font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif; |
2688 font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif; |
2672 font-size:13px; |
2689 font-size:13px; |
2702 } |
2718 } |
2703 |
2719 |
2704 .components-snackbar__action.components-button{ |
2720 .components-snackbar__action.components-button{ |
2705 color:#fff; |
2721 color:#fff; |
2706 flex-shrink:0; |
2722 flex-shrink:0; |
2707 height:auto; |
|
2708 line-height:1.4; |
|
2709 margin-right:32px; |
2723 margin-right:32px; |
2710 padding:0; |
2724 } |
2711 } |
2725 .components-snackbar__action.components-button:focus{ |
2712 .components-snackbar__action.components-button:not(:disabled):not([aria-disabled=true]):not(.is-secondary){ |
|
2713 background-color:initial; |
|
2714 text-decoration:underline; |
|
2715 } |
|
2716 .components-snackbar__action.components-button:not(:disabled):not([aria-disabled=true]):not(.is-secondary):focus{ |
|
2717 box-shadow:none; |
2726 box-shadow:none; |
2718 color:#fff; |
|
2719 outline:1px dotted #fff; |
2727 outline:1px dotted #fff; |
2720 } |
2728 } |
2721 .components-snackbar__action.components-button:not(:disabled):not([aria-disabled=true]):not(.is-secondary):hover{ |
2729 .components-snackbar__action.components-button:hover{ |
2722 color:#fff; |
2730 color:currentColor; |
2723 text-decoration:none; |
2731 text-decoration:none; |
2724 } |
2732 } |
2725 |
2733 |
2726 .components-snackbar__content{ |
2734 .components-snackbar__content{ |
2727 align-items:baseline; |
2735 align-items:baseline; |
2777 height:calc(var(--wp-admin-border-width-focus)*0); |
2785 height:calc(var(--wp-admin-border-width-focus)*0); |
2778 left:0; |
2786 left:0; |
2779 pointer-events:none; |
2787 pointer-events:none; |
2780 position:absolute; |
2788 position:absolute; |
2781 right:0; |
2789 right:0; |
2782 transition:all .1s linear; |
2790 } |
2783 } |
2791 @media not (prefers-reduced-motion){ |
2784 @media (prefers-reduced-motion:reduce){ |
|
2785 .components-tab-panel__tabs-item:after{ |
2792 .components-tab-panel__tabs-item:after{ |
2786 transition-delay:0s; |
2793 transition:all .1s linear; |
2787 transition-duration:0s; |
|
2788 } |
2794 } |
2789 } |
2795 } |
2790 .components-tab-panel__tabs-item.is-active:after{ |
2796 .components-tab-panel__tabs-item.is-active:after{ |
2791 height:calc(var(--wp-admin-border-width-focus)*1); |
2797 height:calc(var(--wp-admin-border-width-focus)*1); |
2792 outline:2px solid #0000; |
2798 outline:2px solid #0000; |
2800 left:12px; |
2806 left:12px; |
2801 pointer-events:none; |
2807 pointer-events:none; |
2802 position:absolute; |
2808 position:absolute; |
2803 right:12px; |
2809 right:12px; |
2804 top:12px; |
2810 top:12px; |
2805 transition:all .1s linear; |
2811 } |
2806 } |
2812 @media not (prefers-reduced-motion){ |
2807 @media (prefers-reduced-motion:reduce){ |
|
2808 .components-tab-panel__tabs-item:before{ |
2813 .components-tab-panel__tabs-item:before{ |
2809 transition-delay:0s; |
2814 transition:all .1s linear; |
2810 transition-duration:0s; |
|
2811 } |
2815 } |
2812 } |
2816 } |
2813 .components-tab-panel__tabs-item:focus-visible:before{ |
2817 .components-tab-panel__tabs-item:focus-visible:before{ |
2814 box-shadow:0 0 0 var(--wp-admin-border-width-focus) var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9)); |
2818 box-shadow:0 0 0 var(--wp-admin-border-width-focus) var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9)); |
2815 outline:2px solid #0000; |
2819 outline:2px solid #0000; |
2834 font-size:16px; |
2837 font-size:16px; |
2835 height:32px; |
2838 height:32px; |
2836 line-height:normal; |
2839 line-height:normal; |
2837 margin:0; |
2840 margin:0; |
2838 padding:6px 8px; |
2841 padding:6px 8px; |
2839 transition:box-shadow .1s linear; |
2842 width:100%; |
2840 width:100%; |
2843 } |
2841 } |
2844 @media not (prefers-reduced-motion){ |
2842 @media (prefers-reduced-motion:reduce){ |
|
2843 .components-text-control__input,.components-text-control__input[type=color],.components-text-control__input[type=date],.components-text-control__input[type=datetime-local],.components-text-control__input[type=datetime],.components-text-control__input[type=email],.components-text-control__input[type=month],.components-text-control__input[type=number],.components-text-control__input[type=password],.components-text-control__input[type=tel],.components-text-control__input[type=text],.components-text-control__input[type=time],.components-text-control__input[type=url],.components-text-control__input[type=week]{ |
2845 .components-text-control__input,.components-text-control__input[type=color],.components-text-control__input[type=date],.components-text-control__input[type=datetime-local],.components-text-control__input[type=datetime],.components-text-control__input[type=email],.components-text-control__input[type=month],.components-text-control__input[type=number],.components-text-control__input[type=password],.components-text-control__input[type=tel],.components-text-control__input[type=text],.components-text-control__input[type=time],.components-text-control__input[type=url],.components-text-control__input[type=week]{ |
2844 transition-delay:0s; |
2846 transition:box-shadow .1s linear; |
2845 transition-duration:0s; |
|
2846 } |
2847 } |
2847 } |
2848 } |
2848 @media (min-width:600px){ |
2849 @media (min-width:600px){ |
2849 .components-text-control__input,.components-text-control__input[type=color],.components-text-control__input[type=date],.components-text-control__input[type=datetime-local],.components-text-control__input[type=datetime],.components-text-control__input[type=email],.components-text-control__input[type=month],.components-text-control__input[type=number],.components-text-control__input[type=password],.components-text-control__input[type=tel],.components-text-control__input[type=text],.components-text-control__input[type=time],.components-text-control__input[type=url],.components-text-control__input[type=week]{ |
2850 .components-text-control__input,.components-text-control__input[type=color],.components-text-control__input[type=date],.components-text-control__input[type=datetime-local],.components-text-control__input[type=datetime],.components-text-control__input[type=email],.components-text-control__input[type=month],.components-text-control__input[type=number],.components-text-control__input[type=password],.components-text-control__input[type=tel],.components-text-control__input[type=text],.components-text-control__input[type=time],.components-text-control__input[type=url],.components-text-control__input[type=week]{ |
2850 font-size:13px; |
2851 font-size:13px; |
2859 .components-text-control__input::-webkit-input-placeholder,.components-text-control__input[type=color]::-webkit-input-placeholder,.components-text-control__input[type=date]::-webkit-input-placeholder,.components-text-control__input[type=datetime-local]::-webkit-input-placeholder,.components-text-control__input[type=datetime]::-webkit-input-placeholder,.components-text-control__input[type=email]::-webkit-input-placeholder,.components-text-control__input[type=month]::-webkit-input-placeholder,.components-text-control__input[type=number]::-webkit-input-placeholder,.components-text-control__input[type=password]::-webkit-input-placeholder,.components-text-control__input[type=tel]::-webkit-input-placeholder,.components-text-control__input[type=text]::-webkit-input-placeholder,.components-text-control__input[type=time]::-webkit-input-placeholder,.components-text-control__input[type=url]::-webkit-input-placeholder,.components-text-control__input[type=week]::-webkit-input-placeholder{ |
2860 .components-text-control__input::-webkit-input-placeholder,.components-text-control__input[type=color]::-webkit-input-placeholder,.components-text-control__input[type=date]::-webkit-input-placeholder,.components-text-control__input[type=datetime-local]::-webkit-input-placeholder,.components-text-control__input[type=datetime]::-webkit-input-placeholder,.components-text-control__input[type=email]::-webkit-input-placeholder,.components-text-control__input[type=month]::-webkit-input-placeholder,.components-text-control__input[type=number]::-webkit-input-placeholder,.components-text-control__input[type=password]::-webkit-input-placeholder,.components-text-control__input[type=tel]::-webkit-input-placeholder,.components-text-control__input[type=text]::-webkit-input-placeholder,.components-text-control__input[type=time]::-webkit-input-placeholder,.components-text-control__input[type=url]::-webkit-input-placeholder,.components-text-control__input[type=week]::-webkit-input-placeholder{ |
2860 color:#1e1e1e9e; |
2861 color:#1e1e1e9e; |
2861 } |
2862 } |
2862 .components-text-control__input::-moz-placeholder,.components-text-control__input[type=color]::-moz-placeholder,.components-text-control__input[type=date]::-moz-placeholder,.components-text-control__input[type=datetime-local]::-moz-placeholder,.components-text-control__input[type=datetime]::-moz-placeholder,.components-text-control__input[type=email]::-moz-placeholder,.components-text-control__input[type=month]::-moz-placeholder,.components-text-control__input[type=number]::-moz-placeholder,.components-text-control__input[type=password]::-moz-placeholder,.components-text-control__input[type=tel]::-moz-placeholder,.components-text-control__input[type=text]::-moz-placeholder,.components-text-control__input[type=time]::-moz-placeholder,.components-text-control__input[type=url]::-moz-placeholder,.components-text-control__input[type=week]::-moz-placeholder{ |
2863 .components-text-control__input::-moz-placeholder,.components-text-control__input[type=color]::-moz-placeholder,.components-text-control__input[type=date]::-moz-placeholder,.components-text-control__input[type=datetime-local]::-moz-placeholder,.components-text-control__input[type=datetime]::-moz-placeholder,.components-text-control__input[type=email]::-moz-placeholder,.components-text-control__input[type=month]::-moz-placeholder,.components-text-control__input[type=number]::-moz-placeholder,.components-text-control__input[type=password]::-moz-placeholder,.components-text-control__input[type=tel]::-moz-placeholder,.components-text-control__input[type=text]::-moz-placeholder,.components-text-control__input[type=time]::-moz-placeholder,.components-text-control__input[type=url]::-moz-placeholder,.components-text-control__input[type=week]::-moz-placeholder{ |
2863 color:#1e1e1e9e; |
2864 color:#1e1e1e9e; |
2864 opacity:1; |
|
2865 } |
2865 } |
2866 .components-text-control__input:-ms-input-placeholder,.components-text-control__input[type=color]:-ms-input-placeholder,.components-text-control__input[type=date]:-ms-input-placeholder,.components-text-control__input[type=datetime-local]:-ms-input-placeholder,.components-text-control__input[type=datetime]:-ms-input-placeholder,.components-text-control__input[type=email]:-ms-input-placeholder,.components-text-control__input[type=month]:-ms-input-placeholder,.components-text-control__input[type=number]:-ms-input-placeholder,.components-text-control__input[type=password]:-ms-input-placeholder,.components-text-control__input[type=tel]:-ms-input-placeholder,.components-text-control__input[type=text]:-ms-input-placeholder,.components-text-control__input[type=time]:-ms-input-placeholder,.components-text-control__input[type=url]:-ms-input-placeholder,.components-text-control__input[type=week]:-ms-input-placeholder{ |
2866 .components-text-control__input:-ms-input-placeholder,.components-text-control__input[type=color]:-ms-input-placeholder,.components-text-control__input[type=date]:-ms-input-placeholder,.components-text-control__input[type=datetime-local]:-ms-input-placeholder,.components-text-control__input[type=datetime]:-ms-input-placeholder,.components-text-control__input[type=email]:-ms-input-placeholder,.components-text-control__input[type=month]:-ms-input-placeholder,.components-text-control__input[type=number]:-ms-input-placeholder,.components-text-control__input[type=password]:-ms-input-placeholder,.components-text-control__input[type=tel]:-ms-input-placeholder,.components-text-control__input[type=text]:-ms-input-placeholder,.components-text-control__input[type=time]:-ms-input-placeholder,.components-text-control__input[type=url]:-ms-input-placeholder,.components-text-control__input[type=week]:-ms-input-placeholder{ |
2867 color:#1e1e1e9e; |
2867 color:#1e1e1e9e; |
2868 } |
2868 } |
2869 .components-text-control__input.is-next-40px-default-size,.components-text-control__input[type=color].is-next-40px-default-size,.components-text-control__input[type=date].is-next-40px-default-size,.components-text-control__input[type=datetime-local].is-next-40px-default-size,.components-text-control__input[type=datetime].is-next-40px-default-size,.components-text-control__input[type=email].is-next-40px-default-size,.components-text-control__input[type=month].is-next-40px-default-size,.components-text-control__input[type=number].is-next-40px-default-size,.components-text-control__input[type=password].is-next-40px-default-size,.components-text-control__input[type=tel].is-next-40px-default-size,.components-text-control__input[type=text].is-next-40px-default-size,.components-text-control__input[type=time].is-next-40px-default-size,.components-text-control__input[type=url].is-next-40px-default-size,.components-text-control__input[type=week].is-next-40px-default-size{ |
2869 .components-text-control__input.is-next-40px-default-size,.components-text-control__input[type=color].is-next-40px-default-size,.components-text-control__input[type=date].is-next-40px-default-size,.components-text-control__input[type=datetime-local].is-next-40px-default-size,.components-text-control__input[type=datetime].is-next-40px-default-size,.components-text-control__input[type=email].is-next-40px-default-size,.components-text-control__input[type=month].is-next-40px-default-size,.components-text-control__input[type=number].is-next-40px-default-size,.components-text-control__input[type=password].is-next-40px-default-size,.components-text-control__input[type=tel].is-next-40px-default-size,.components-text-control__input[type=text].is-next-40px-default-size,.components-text-control__input[type=time].is-next-40px-default-size,.components-text-control__input[type=url].is-next-40px-default-size,.components-text-control__input[type=week].is-next-40px-default-size{ |
2870 height:40px; |
2870 height:40px; |
|
2871 padding-left:12px; |
|
2872 padding-right:12px; |
|
2873 } |
|
2874 |
|
2875 .components-text-control__input[type=email],.components-text-control__input[type=url]{ |
|
2876 direction:ltr; |
2871 } |
2877 } |
2872 |
2878 |
2873 .components-tip{ |
2879 .components-tip{ |
2874 color:#757575; |
2880 color:#757575; |
2875 display:flex; |
2881 display:flex; |
2910 .components-accessible-toolbar .components-button:focus:not(:disabled),.components-toolbar .components-button:focus:not(:disabled){ |
2933 .components-accessible-toolbar .components-button:focus:not(:disabled),.components-toolbar .components-button:focus:not(:disabled){ |
2911 box-shadow:none; |
2934 box-shadow:none; |
2912 outline:none; |
2935 outline:none; |
2913 } |
2936 } |
2914 .components-accessible-toolbar .components-button:before,.components-toolbar .components-button:before{ |
2937 .components-accessible-toolbar .components-button:before,.components-toolbar .components-button:before{ |
2915 animation:components-button__appear-animation .1s ease; |
|
2916 animation-fill-mode:forwards; |
|
2917 border-radius:2px; |
2938 border-radius:2px; |
2918 content:""; |
2939 content:""; |
2919 display:block; |
2940 display:block; |
2920 height:32px; |
2941 height:32px; |
2921 left:8px; |
2942 left:8px; |
2922 position:absolute; |
2943 position:absolute; |
2923 right:8px; |
2944 right:8px; |
2924 z-index:-1; |
2945 z-index:-1; |
2925 } |
2946 } |
2926 @media (prefers-reduced-motion:reduce){ |
2947 @media not (prefers-reduced-motion){ |
2927 .components-accessible-toolbar .components-button:before,.components-toolbar .components-button:before{ |
2948 .components-accessible-toolbar .components-button:before,.components-toolbar .components-button:before{ |
2928 animation-delay:0s; |
2949 animation:components-button__appear-animation .1s ease; |
2929 animation-duration:1ms; |
2950 animation-fill-mode:forwards; |
2930 } |
2951 } |
2931 } |
2952 } |
2932 .components-accessible-toolbar .components-button svg,.components-toolbar .components-button svg{ |
2953 .components-accessible-toolbar .components-button svg,.components-toolbar .components-button svg{ |
2933 margin-left:auto; |
2954 margin-left:auto; |
2934 margin-right:auto; |
2955 margin-right:auto; |