|
267 | 267 | display: flex;
|
268 | 268 | justify-content: center;
|
269 | 269 | flex-wrap: wrap;
|
270 |
| - gap: .5rem; |
| 270 | + gap: 0.5rem; |
271 | 271 | font-size: 0;
|
272 | 272 | padding-block-start: var(--spacing-6);
|
273 | 273 | }
|
|
286 | 286 | padding: var(--spacing-3);
|
287 | 287 | border: 1px solid light-dark(var(--light-button-face), var(--dark-button-face));
|
288 | 288 | border-radius: 0.6rem;
|
289 |
| - box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px -1px rgba(0, 0, 0, 0.1); |
| 289 | + box-shadow: |
| 290 | + 0 1px 3px 0 rgba(0, 0, 0, 0.1), |
| 291 | + 0 1px 2px -1px rgba(0, 0, 0, 0.1); |
290 | 292 |
|
291 | 293 | .playground-title {
|
292 | 294 | background-color: light-dark(var(--light-button-face), var(--dark-button-face));
|
|
375 | 377 | }
|
376 | 378 |
|
377 | 379 | h2 {
|
378 |
| - font-size: clamp(1rem, 2vw + .75rem, 1.5rem); |
| 380 | + font-size: clamp(1rem, 2vw + 0.75rem, 1.5rem); |
379 | 381 | margin-block-start: var(--spacing-6);
|
380 | 382 | margin-block-end: var(--spacing-4);
|
381 | 383 | }
|
|
402 | 404 | border: 1px solid light-dark(var(--light-button-face), var(--dark-button-face));
|
403 | 405 | border-radius: 0.4rem;
|
404 | 406 | font-size: 85%;
|
405 |
| - box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px -1px rgba(0, 0, 0, 0.1); |
| 407 | + box-shadow: |
| 408 | + 0 1px 3px 0 rgba(0, 0, 0, 0.1), |
| 409 | + 0 1px 2px -1px rgba(0, 0, 0, 0.1); |
406 | 410 | padding: var(--spacing-4) var(--spacing-4);
|
407 | 411 | width: var(--sizes-xs);
|
408 | 412 | margin: unset;
|
|
411 | 415 | inset-block-end: var(--spacing-8);
|
412 | 416 | opacity: 0;
|
413 | 417 | transform: translateY(100%);
|
414 |
| - transition: opacity 0.25s, transform .25s; |
| 418 | + transition: |
| 419 | + opacity 0.25s, |
| 420 | + transform 0.25s; |
415 | 421 | }
|
416 | 422 |
|
417 | 423 | .toast:popover-open {
|
|
0 commit comments