|
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 { |
418 | 424 | transform: translateY(0); |
419 | 425 | opacity: 1; |
420 | 426 |
|
421 | 427 | @starting-style { |
| 428 | + /* biome-ignore lint/suspicious/noDuplicateProperties: reason */ |
422 | 429 | opacity: 0; |
423 | 430 | transform: translateY(100%); |
424 | 431 | } |
|
0 commit comments