| @@ -67,8 +67,14 @@ | ||
| 67 | 67 | /** |
| 68 | 68 | * Focus styles. |
| 69 | 69 | */ |
| 70 | 70 | /** |
| 71 | + * Standard focus rings for the WordPress Design System. | |
| 72 | + * | |
| 73 | + * Apply `outset-ring__focus` inside the relevant pseudo-class at the call site, | |
| 74 | + * e.g. `&:focus { @include outset-ring__focus(); }`. | |
| 75 | + */ | |
| 76 | +/** | |
| 71 | 77 | * Applies editor left position to the selector passed as argument |
| 72 | 78 | */ |
| 73 | 79 | /** |
| 74 | 80 | * Styles that are reused verbatim in a few places |
| @@ -127,8 +133,12 @@ | ||
| 127 | 133 | opacity: 1; |
| 128 | 134 | visibility: visible; |
| 129 | 135 | } |
| 130 | 136 | |
| 137 | +.wp-block-navigation__container.block-editor-block-list__layout { | |
| 138 | + flex-grow: 1; | |
| 139 | +} | |
| 140 | + | |
| 131 | 141 | .is-editing > .wp-block-navigation__container { |
| 132 | 142 | visibility: visible; |
| 133 | 143 | opacity: 1; |
| 134 | 144 | display: flex; |
| @@ -220,8 +230,9 @@ | ||
| 220 | 230 | .wp-block-navigation .wp-block + .block-list-appender .block-editor-button-block-appender { |
| 221 | 231 | background-color: #1e1e1e; |
| 222 | 232 | color: #fff; |
| 223 | 233 | height: 24px; |
| 234 | + width: 24px; | |
| 224 | 235 | } |
| 225 | 236 | .wp-block-navigation .wp-block + .block-list-appender .block-editor-button-block-appender.block-editor-button-block-appender.block-editor-button-block-appender { |
| 226 | 237 | padding: 0; |
| 227 | 238 | } |
| @@ -269,9 +280,9 @@ | ||
| 269 | 280 | display: flex; |
| 270 | 281 | align-items: center; |
| 271 | 282 | min-width: 96px; |
| 272 | 283 | font-size: 13px; |
| 273 | - font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; | |
| 284 | + font-family: -apple-system, system-ui, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; | |
| 274 | 285 | } |
| 275 | 286 | .wp-block-navigation.is-selected .wp-block-navigation-placeholder__preview { |
| 276 | 287 | display: none; |
| 277 | 288 | } |
| @@ -363,9 +374,9 @@ | ||
| 363 | 374 | |
| 364 | 375 | .wp-block-navigation-placeholder__actions { |
| 365 | 376 | display: flex; |
| 366 | 377 | font-size: 13px; |
| 367 | - font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; | |
| 378 | + font-family: -apple-system, system-ui, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; | |
| 368 | 379 | gap: 6px; |
| 369 | 380 | align-items: center; |
| 370 | 381 | } |
| 371 | 382 | .wp-block-navigation-placeholder__actions .components-dropdown, |
| @@ -503,10 +514,9 @@ | ||
| 503 | 514 | height: 64px !important; |
| 504 | 515 | grid-column: span 2; |
| 505 | 516 | } |
| 506 | 517 | .wp-block-navigation__overlay-menu-preview.open { |
| 507 | - box-shadow: inset 0 0 0 1px #e0e0e0; | |
| 508 | - outline: 1px solid transparent; | |
| 518 | + border-color: #e0e0e0; | |
| 509 | 519 | background-color: #fff; |
| 510 | 520 | } |
| 511 | 521 | |
| 512 | 522 | .wp-block-navigation__toolbar-menu-selector.components-toolbar-group:empty { |
| @@ -634,5 +644,9 @@ | ||
| 634 | 644 | } |
| 635 | 645 | |
| 636 | 646 | .wp-block-navigation__overlay-help-text-wrapper { |
| 637 | 647 | margin-top: 8px; |
| 648 | +} | |
| 649 | + | |
| 650 | +.wp-block-audio__autoplay-help-text { | |
| 651 | + grid-column: 1/-1; | |
| 638 | 652 | } |
