| @@ -67,14 +67,8 @@ | ||
| 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 | -/** | |
| 77 | 71 | * Applies editor left position to the selector passed as argument |
| 78 | 72 | */ |
| 79 | 73 | /** |
| 80 | 74 | * Styles that are reused verbatim in a few places |
| @@ -121,9 +115,19 @@ | ||
| 121 | 115 | .block-editor-autocompleters__block[aria-selected=true] .block-editor-block-icon { |
| 122 | 116 | color: inherit !important; |
| 123 | 117 | } |
| 124 | 118 | |
| 119 | +.block-editor-autocompleters__link { | |
| 120 | + white-space: nowrap; | |
| 121 | +} | |
| 122 | +.block-editor-autocompleters__link .block-editor-block-icon { | |
| 123 | + margin-right: 8px; | |
| 124 | +} | |
| 125 | + | |
| 125 | 126 | .block-editor-global-styles-background-panel__inspector-media-replace-container { |
| 127 | + border: 1px solid #ddd; | |
| 128 | + border-radius: 2px; | |
| 129 | + grid-column: 1/-1; | |
| 126 | 130 | position: relative; |
| 127 | 131 | } |
| 128 | 132 | .block-editor-global-styles-background-panel__inspector-media-replace-container.is-open { |
| 129 | 133 | background-color: #f0f0f0; |
| @@ -178,9 +182,9 @@ | ||
| 178 | 182 | margin: 0; |
| 179 | 183 | } |
| 180 | 184 | |
| 181 | 185 | .block-editor-global-styles-background-panel__dropdown-toggle { |
| 182 | - cursor: var(--wpds-cursor-control, pointer); | |
| 186 | + cursor: pointer; | |
| 183 | 187 | background: transparent; |
| 184 | 188 | border: none; |
| 185 | 189 | height: 100%; |
| 186 | 190 | width: 100%; |
| @@ -199,23 +203,12 @@ | ||
| 199 | 203 | .block-editor-global-styles-background-panel__reset { |
| 200 | 204 | transition: opacity 0.1s ease-in-out; |
| 201 | 205 | } |
| 202 | 206 | } |
| 203 | -.block-editor-global-styles-background-panel__reset.has-local-override-from-global-styles__reset { | |
| 204 | - position: absolute; | |
| 205 | - display: inline-flex; | |
| 206 | - align-items: center; | |
| 207 | - justify-content: center; | |
| 208 | - top: 50%; | |
| 209 | - transform: translateY(-50%); | |
| 210 | - margin-block: 0; | |
| 211 | - margin-inline: 0 8px; | |
| 212 | - opacity: 1; | |
| 213 | -} | |
| 214 | 207 | .block-editor-global-styles-background-panel__reset.block-editor-global-styles-background-panel__reset { |
| 215 | 208 | border-radius: 2px; |
| 216 | 209 | } |
| 217 | -.block-editor-global-styles-background-panel__dropdown-toggle:hover + .block-editor-global-styles-background-panel__reset, .block-editor-global-styles-background-panel__reset:focus, .block-editor-global-styles-background-panel__reset:focus-within, .block-editor-global-styles-background-panel__reset:hover { | |
| 210 | +.block-editor-global-styles-background-panel__dropdown-toggle:hover + .block-editor-global-styles-background-panel__reset, .block-editor-global-styles-background-panel__reset:focus, .block-editor-global-styles-background-panel__reset:hover { | |
| 218 | 211 | opacity: 1; |
| 219 | 212 | } |
| 220 | 213 | @media (hover: none) { |
| 221 | 214 | .block-editor-global-styles-background-panel__reset { |
| @@ -435,18 +428,8 @@ | ||
| 435 | 428 | .block-editor-block-list__insertion-point-inserter .block-editor-inserter__toggle.components-button.has-icon:hover { |
| 436 | 429 | color: #fff; |
| 437 | 430 | background: var(--wp-admin-theme-color); |
| 438 | 431 | } |
| 439 | -@media not (prefers-reduced-motion) { | |
| 440 | - .block-editor-block-list__empty-block-inserter .block-editor-inserter__toggle.components-button.has-icon svg, | |
| 441 | - .block-editor-block-list__insertion-point-inserter .block-editor-inserter__toggle.components-button.has-icon svg { | |
| 442 | - transition: transform cubic-bezier(0.165, 0.84, 0.44, 1) 0.2s; | |
| 443 | - } | |
| 444 | -} | |
| 445 | -.block-editor-block-list__empty-block-inserter .block-editor-inserter__toggle.components-button.has-icon.is-pressed svg, | |
| 446 | -.block-editor-block-list__insertion-point-inserter .block-editor-inserter__toggle.components-button.has-icon.is-pressed svg { | |
| 447 | - transform: rotate(45deg); | |
| 448 | -} | |
| 449 | 432 | |
| 450 | 433 | .block-editor-block-list__insertion-point-inserter .block-editor-inserter__toggle.components-button.has-icon { |
| 451 | 434 | background: var(--wp-admin-theme-color); |
| 452 | 435 | } |
| @@ -564,9 +547,9 @@ | ||
| 564 | 547 | .block-editor-block-lock-modal__options-all { |
| 565 | 548 | padding: 12px 0; |
| 566 | 549 | } |
| 567 | 550 | .block-editor-block-lock-modal__options-all .components-checkbox-control__label { |
| 568 | - font-weight: var(--wpds-typography-font-weight-emphasis, 600); | |
| 551 | + font-weight: 600; | |
| 569 | 552 | } |
| 570 | 553 | |
| 571 | 554 | .block-editor-block-lock-modal__checklist-item { |
| 572 | 555 | display: flex; |
| @@ -683,9 +666,9 @@ | ||
| 683 | 666 | height: auto !important; |
| 684 | 667 | } |
| 685 | 668 | |
| 686 | 669 | .block-editor-block-card__title { |
| 687 | - font-weight: var(--wpds-typography-font-weight-emphasis, 600); | |
| 670 | + font-weight: 499; | |
| 688 | 671 | display: flex; |
| 689 | 672 | align-items: center; |
| 690 | 673 | flex-wrap: wrap; |
| 691 | 674 | gap: 4px 8px; |
| @@ -793,11 +776,9 @@ | ||
| 793 | 776 | height: 48px; |
| 794 | 777 | padding: 0 13px; |
| 795 | 778 | position: relative; |
| 796 | 779 | -webkit-user-select: none; |
| 797 | - -moz-user-select: none; | |
| 798 | 780 | user-select: none; |
| 799 | - width: -moz-max-content; | |
| 800 | 781 | width: max-content; |
| 801 | 782 | } |
| 802 | 783 | .block-editor-block-draggable-chip svg { |
| 803 | 784 | fill: currentColor; |
| @@ -816,9 +797,9 @@ | ||
| 816 | 797 | min-width: 18px; |
| 817 | 798 | min-height: 18px; |
| 818 | 799 | } |
| 819 | 800 | .block-editor-block-draggable-chip .components-flex__item { |
| 820 | - font-family: -apple-system, system-ui, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; | |
| 801 | + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; | |
| 821 | 802 | font-size: 13px; |
| 822 | 803 | } |
| 823 | 804 | |
| 824 | 805 | .block-editor-block-draggable-chip__disabled.block-editor-block-draggable-chip__disabled { |
| @@ -860,9 +841,8 @@ | ||
| 860 | 841 | text-align: center; |
| 861 | 842 | } |
| 862 | 843 | |
| 863 | 844 | .block-editor-block-manager__category { |
| 864 | - isolation: isolate; | |
| 865 | 845 | margin: 0 0 24px 0; |
| 866 | 846 | } |
| 867 | 847 | |
| 868 | 848 | .block-editor-block-manager__category-title { |
| @@ -872,9 +852,9 @@ | ||
| 872 | 852 | background-color: #fff; |
| 873 | 853 | z-index: 1; |
| 874 | 854 | } |
| 875 | 855 | .block-editor-block-manager__category-title .components-checkbox-control__label { |
| 876 | - font-weight: var(--wpds-typography-font-weight-emphasis, 600); | |
| 856 | + font-weight: 600; | |
| 877 | 857 | } |
| 878 | 858 | |
| 879 | 859 | .block-editor-block-manager__checklist { |
| 880 | 860 | margin-top: 0; |
| @@ -1005,13 +985,13 @@ | ||
| 1005 | 985 | margin: 0 0 12px; |
| 1006 | 986 | color: #757575; |
| 1007 | 987 | text-transform: uppercase; |
| 1008 | 988 | font-size: 11px; |
| 1009 | - font-weight: var(--wpds-typography-font-weight-emphasis, 600); | |
| 989 | + font-weight: 499; | |
| 1010 | 990 | } |
| 1011 | 991 | |
| 1012 | 992 | .block-editor-block-patterns-list__list-item { |
| 1013 | - cursor: var(--wpds-cursor-control, pointer); | |
| 993 | + cursor: pointer; | |
| 1014 | 994 | margin-bottom: 16px; |
| 1015 | 995 | position: relative; |
| 1016 | 996 | } |
| 1017 | 997 | .block-editor-block-patterns-list__list-item.is-placeholder { |
| @@ -1028,8 +1008,9 @@ | ||
| 1028 | 1008 | outline: 0; |
| 1029 | 1009 | } |
| 1030 | 1010 | .block-editor-block-patterns-list__item .block-editor-block-patterns-list__item-title { |
| 1031 | 1011 | flex-grow: 1; |
| 1012 | + font-size: 12px; | |
| 1032 | 1013 | text-align: left; |
| 1033 | 1014 | } |
| 1034 | 1015 | .block-editor-block-patterns-list__item .block-editor-block-preview__container { |
| 1035 | 1016 | display: flex; |
| @@ -1097,9 +1078,8 @@ | ||
| 1097 | 1078 | } |
| 1098 | 1079 | .components-popover.block-editor-block-popover .components-popover__content { |
| 1099 | 1080 | margin: 0 !important; |
| 1100 | 1081 | min-width: auto; |
| 1101 | - width: -moz-max-content; | |
| 1102 | 1082 | width: max-content; |
| 1103 | 1083 | overflow-y: visible; |
| 1104 | 1084 | } |
| 1105 | 1085 | .components-popover.block-editor-block-popover:not(.block-editor-block-popover__inbetween, .block-editor-block-popover__drop-zone, .block-editor-block-list__block-side-inserter-popover) .components-popover__content * { |
| @@ -1159,9 +1139,9 @@ | ||
| 1159 | 1139 | z-index: 1; |
| 1160 | 1140 | } |
| 1161 | 1141 | |
| 1162 | 1142 | .block-editor-block-quick-navigation__item { |
| 1163 | - font-weight: var(--wpds-typography-font-weight-default, 400); | |
| 1143 | + font-weight: 400; | |
| 1164 | 1144 | } |
| 1165 | 1145 | |
| 1166 | 1146 | .block-editor-block-rename-modal { |
| 1167 | 1147 | z-index: 1000001; |
| @@ -1191,9 +1171,9 @@ | ||
| 1191 | 1171 | gap: 8px; |
| 1192 | 1172 | } |
| 1193 | 1173 | .block-editor-block-styles__variants button.components-button.block-editor-block-styles__item { |
| 1194 | 1174 | color: #1e1e1e; |
| 1195 | - border-color: #ddd; | |
| 1175 | + box-shadow: inset 0 0 0 1px #ddd; | |
| 1196 | 1176 | display: inline-block; |
| 1197 | 1177 | width: calc(50% - 4px); |
| 1198 | 1178 | } |
| 1199 | 1179 | .block-editor-block-styles__variants button.components-button.block-editor-block-styles__item:hover { |
| @@ -1207,17 +1187,16 @@ | ||
| 1207 | 1187 | .block-editor-block-styles__variants button.components-button.block-editor-block-styles__item.is-active .block-editor-block-styles__item-text, .block-editor-block-styles__variants button.components-button.block-editor-block-styles__item.is-active:hover .block-editor-block-styles__item-text { |
| 1208 | 1188 | color: #fff; |
| 1209 | 1189 | } |
| 1210 | 1190 | .block-editor-block-styles__variants button.components-button.block-editor-block-styles__item:focus, .block-editor-block-styles__variants button.components-button.block-editor-block-styles__item.is-active:focus { |
| 1211 | - outline: var(--wpds-border-width-focus, var(--wp-admin-border-width-focus, 2px)) solid var(--wpds-color-stroke-focus, var(--wp-admin-theme-color, #3858e9)); | |
| 1212 | - outline-offset: var(--wpds-border-width-focus, var(--wp-admin-border-width-focus, 2px)); | |
| 1191 | + box-shadow: inset 0 0 0 1px #fff, 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color); | |
| 1192 | + outline: 2px solid transparent; | |
| 1213 | 1193 | } |
| 1214 | 1194 | .block-editor-block-styles__variants .block-editor-block-styles__item-text { |
| 1215 | 1195 | word-break: break-all; |
| 1216 | 1196 | white-space: normal; |
| 1217 | 1197 | text-align: start; |
| 1218 | - -moz-text-align-last: center; | |
| 1219 | - text-align-last: center; | |
| 1198 | + text-align-last: center; | |
| 1220 | 1199 | } |
| 1221 | 1200 | |
| 1222 | 1201 | .components-popover.block-editor-block-switcher__popover .components-popover__content { |
| 1223 | 1202 | min-width: 300px; |
| @@ -1260,9 +1239,9 @@ | ||
| 1260 | 1239 | .block-editor-block-switcher__preview-patterns-container .block-editor-block-switcher__preview-patterns-container-list__list-item { |
| 1261 | 1240 | margin-top: 16px; |
| 1262 | 1241 | } |
| 1263 | 1242 | .block-editor-block-switcher__preview-patterns-container .block-editor-block-switcher__preview-patterns-container-list__list-item .block-editor-block-preview__container { |
| 1264 | - cursor: var(--wpds-cursor-control, pointer); | |
| 1243 | + cursor: pointer; | |
| 1265 | 1244 | } |
| 1266 | 1245 | .block-editor-block-switcher__preview-patterns-container .block-editor-block-switcher__preview-patterns-container-list__list-item .block-editor-block-switcher__preview-patterns-container-list__item { |
| 1267 | 1246 | height: 100%; |
| 1268 | 1247 | border-radius: 2px; |
| @@ -1286,9 +1265,9 @@ | ||
| 1286 | 1265 | .block-editor-block-switcher__preview-patterns-container .block-editor-block-switcher__preview-patterns-container-list__list-item .block-editor-block-switcher__preview-patterns-container-list__item .block-editor-block-switcher__preview-patterns-container-list__item-title { |
| 1287 | 1266 | padding: 4px; |
| 1288 | 1267 | font-size: 12px; |
| 1289 | 1268 | text-align: center; |
| 1290 | - cursor: var(--wpds-cursor-control, pointer); | |
| 1269 | + cursor: pointer; | |
| 1291 | 1270 | } |
| 1292 | 1271 | |
| 1293 | 1272 | .block-editor-block-switcher__no-transforms { |
| 1294 | 1273 | color: #757575; |
| @@ -1301,8 +1280,9 @@ | ||
| 1301 | 1280 | padding: 8px; |
| 1302 | 1281 | } |
| 1303 | 1282 | |
| 1304 | 1283 | .block-editor-block-types-list > [role=presentation] { |
| 1284 | + overflow: hidden; | |
| 1305 | 1285 | display: flex; |
| 1306 | 1286 | flex-wrap: wrap; |
| 1307 | 1287 | } |
| 1308 | 1288 | |
| @@ -1320,27 +1300,24 @@ | ||
| 1320 | 1300 | .block-editor-block-pattern-setup.view-mode-grid .block-editor-block-pattern-setup__toolbar { |
| 1321 | 1301 | justify-content: center; |
| 1322 | 1302 | } |
| 1323 | 1303 | .block-editor-block-pattern-setup.view-mode-grid .block-editor-block-pattern-setup__container { |
| 1324 | - -moz-column-gap: 24px; | |
| 1325 | - column-gap: 24px; | |
| 1304 | + column-gap: 24px; | |
| 1326 | 1305 | display: block; |
| 1327 | 1306 | width: 100%; |
| 1328 | 1307 | padding: 32px; |
| 1329 | 1308 | padding-bottom: 0; |
| 1330 | 1309 | padding-top: 0; |
| 1331 | - -moz-column-count: 2; | |
| 1332 | - column-count: 2; | |
| 1310 | + column-count: 2; | |
| 1333 | 1311 | } |
| 1334 | 1312 | @media (min-width: 1440px) { |
| 1335 | 1313 | .block-editor-block-pattern-setup.view-mode-grid .block-editor-block-pattern-setup__container { |
| 1336 | - -moz-column-count: 3; | |
| 1337 | - column-count: 3; | |
| 1314 | + column-count: 3; | |
| 1338 | 1315 | } |
| 1339 | 1316 | } |
| 1340 | 1317 | .block-editor-block-pattern-setup.view-mode-grid .block-editor-block-pattern-setup__container .block-editor-block-preview__container, |
| 1341 | 1318 | .block-editor-block-pattern-setup.view-mode-grid .block-editor-block-pattern-setup__container div[role=button] { |
| 1342 | - cursor: var(--wpds-cursor-control, pointer); | |
| 1319 | + cursor: pointer; | |
| 1343 | 1320 | } |
| 1344 | 1321 | .block-editor-block-pattern-setup.view-mode-grid .block-editor-block-pattern-setup__container .block-editor-block-pattern-setup-list__item { |
| 1345 | 1322 | scroll-margin: 5px 0; |
| 1346 | 1323 | } |
| @@ -1355,10 +1332,9 @@ | ||
| 1355 | 1332 | .block-editor-block-pattern-setup.view-mode-grid .block-editor-block-pattern-setup__container .block-editor-block-pattern-setup-list__item:hover .block-editor-block-pattern-setup-list__item-title, .block-editor-block-pattern-setup.view-mode-grid .block-editor-block-pattern-setup__container .block-editor-block-pattern-setup-list__item:focus .block-editor-block-pattern-setup-list__item-title { |
| 1356 | 1333 | color: var(--wp-admin-theme-color); |
| 1357 | 1334 | } |
| 1358 | 1335 | .block-editor-block-pattern-setup.view-mode-grid .block-editor-block-pattern-setup__container .block-editor-block-pattern-setup-list__list-item { |
| 1359 | - -moz-column-break-inside: avoid; | |
| 1360 | - break-inside: avoid-column; | |
| 1336 | + break-inside: avoid-column; | |
| 1361 | 1337 | margin-bottom: 24px; |
| 1362 | 1338 | } |
| 1363 | 1339 | .block-editor-block-pattern-setup.view-mode-grid .block-editor-block-pattern-setup__container .block-editor-block-pattern-setup-list__list-item .block-editor-block-pattern-setup-list__item-title { |
| 1364 | 1340 | padding-top: 8px; |
| @@ -1363,9 +1339,9 @@ | ||
| 1363 | 1339 | .block-editor-block-pattern-setup.view-mode-grid .block-editor-block-pattern-setup__container .block-editor-block-pattern-setup-list__list-item .block-editor-block-pattern-setup-list__item-title { |
| 1364 | 1340 | padding-top: 8px; |
| 1365 | 1341 | font-size: 12px; |
| 1366 | 1342 | text-align: center; |
| 1367 | - cursor: var(--wpds-cursor-control, pointer); | |
| 1343 | + cursor: pointer; | |
| 1368 | 1344 | } |
| 1369 | 1345 | .block-editor-block-pattern-setup.view-mode-grid .block-editor-block-pattern-setup__container .block-editor-block-pattern-setup-list__list-item .block-editor-block-preview__container { |
| 1370 | 1346 | min-height: 100px; |
| 1371 | 1347 | border-radius: 4px; |
| @@ -1534,12 +1510,8 @@ | ||
| 1534 | 1510 | .block-editor-panel-color-gradient-settings__color-indicator { |
| 1535 | 1511 | background: linear-gradient(-45deg, transparent 48%, #ddd 48%, #ddd 52%, transparent 52%); |
| 1536 | 1512 | } |
| 1537 | 1513 | |
| 1538 | -.block-editor-panel-color-gradient-settings__contrast-notice { | |
| 1539 | - margin-top: 16px; | |
| 1540 | -} | |
| 1541 | - | |
| 1542 | 1514 | /** |
| 1543 | 1515 | * The following styles replicate the separated border of the |
| 1544 | 1516 | * `ItemGroup` component but allows for hidden items. This is because |
| 1545 | 1517 | * to maintain the order of `ToolsPanel` controls, each `ToolsPanelItem` |
| @@ -1544,14 +1516,10 @@ | ||
| 1544 | 1516 | * `ItemGroup` component but allows for hidden items. This is because |
| 1545 | 1517 | * to maintain the order of `ToolsPanel` controls, each `ToolsPanelItem` |
| 1546 | 1518 | * must at least render a placeholder which would otherwise interfere |
| 1547 | 1519 | * with the `:last-child` styles. |
| 1548 | -* | |
| 1549 | -* Applied via the shared `block-editor-color-gradient-item` class on | |
| 1550 | -* color/gradient dropdown items across the Color, Background, and | |
| 1551 | -* Typography panels. | |
| 1552 | 1520 | */ |
| 1553 | -.block-editor-color-gradient-item { | |
| 1521 | +.block-editor-tools-panel-color-gradient-settings__item { | |
| 1554 | 1522 | padding: 0; |
| 1555 | 1523 | max-width: 100%; |
| 1556 | 1524 | position: relative; |
| 1557 | 1525 | border-left: 1px solid #ddd; |
| @@ -1557,19 +1525,20 @@ | ||
| 1557 | 1525 | border-left: 1px solid #ddd; |
| 1558 | 1526 | border-right: 1px solid #ddd; |
| 1559 | 1527 | border-bottom: 1px solid #ddd; |
| 1560 | 1528 | } |
| 1561 | -.block-editor-color-gradient-item:nth-child(1 of .block-editor-color-gradient-item) { | |
| 1529 | +.block-editor-tools-panel-color-gradient-settings__item:nth-child(1 of .block-editor-tools-panel-color-gradient-settings__item) { | |
| 1530 | + margin-top: 24px; | |
| 1562 | 1531 | border-top-left-radius: 2px; |
| 1563 | 1532 | border-top-right-radius: 2px; |
| 1564 | 1533 | border-top: 1px solid #ddd; |
| 1565 | 1534 | } |
| 1566 | -.block-editor-color-gradient-item:nth-last-child(1 of .block-editor-color-gradient-item) { | |
| 1535 | +.block-editor-tools-panel-color-gradient-settings__item:nth-last-child(1 of .block-editor-tools-panel-color-gradient-settings__item) { | |
| 1567 | 1536 | border-bottom-left-radius: 2px; |
| 1568 | 1537 | border-bottom-right-radius: 2px; |
| 1569 | 1538 | } |
| 1570 | -.block-editor-color-gradient-item > div, | |
| 1571 | -.block-editor-color-gradient-item > div > button { | |
| 1539 | +.block-editor-tools-panel-color-gradient-settings__item > div, | |
| 1540 | +.block-editor-tools-panel-color-gradient-settings__item > div > button { | |
| 1572 | 1541 | border-radius: inherit; |
| 1573 | 1542 | } |
| 1574 | 1543 | |
| 1575 | 1544 | .block-editor-tools-panel-color-gradient-settings__dropdown { |
| @@ -1591,11 +1560,8 @@ | ||
| 1591 | 1560 | overflow: hidden; |
| 1592 | 1561 | text-overflow: ellipsis; |
| 1593 | 1562 | max-width: calc(100% - 44px); |
| 1594 | 1563 | } |
| 1595 | -.block-editor-tools-panel-color-gradient-settings__dropdown > button.has-contrast-warning .block-editor-panel-color-gradient-settings__color-name { | |
| 1596 | - max-width: calc(100% - 72px); | |
| 1597 | -} | |
| 1598 | 1564 | |
| 1599 | 1565 | .block-editor-panel-color-gradient-settings__dropdown { |
| 1600 | 1566 | width: 100%; |
| 1601 | 1567 | } |
| @@ -1625,22 +1591,9 @@ | ||
| 1625 | 1591 | .block-editor-panel-color-gradient-settings__reset { |
| 1626 | 1592 | opacity: 1; |
| 1627 | 1593 | } |
| 1628 | 1594 | } |
| 1629 | -.block-editor-panel-color-gradient-settings__dropdown.has-contrast-warning + .block-editor-panel-color-gradient-settings__reset { | |
| 1630 | - right: 28px; | |
| 1631 | -} | |
| 1632 | 1595 | |
| 1633 | -.block-editor-panel-color-gradient-settings__contrast-warning { | |
| 1634 | - position: absolute; | |
| 1635 | - right: 0; | |
| 1636 | - top: 8px; | |
| 1637 | - margin: auto 8px auto; | |
| 1638 | -} | |
| 1639 | -.block-editor-panel-color-gradient-settings__contrast-warning.block-editor-panel-color-gradient-settings__contrast-warning { | |
| 1640 | - border-radius: 2px; | |
| 1641 | -} | |
| 1642 | - | |
| 1643 | 1596 | .block-editor-date-format-picker { |
| 1644 | 1597 | margin: 0 0 16px; |
| 1645 | 1598 | padding: 0; |
| 1646 | 1599 | border: none; |
| @@ -1649,14 +1602,8 @@ | ||
| 1649 | 1602 | .block-editor-date-format-picker__custom-format-select-control__custom-option { |
| 1650 | 1603 | border-top: 1px solid #ddd; |
| 1651 | 1604 | } |
| 1652 | 1605 | |
| 1653 | -.block-editor-dimension-control { | |
| 1654 | - border: 0; | |
| 1655 | - margin: 0; | |
| 1656 | - padding: 0; | |
| 1657 | -} | |
| 1658 | - | |
| 1659 | 1606 | .block-editor-duotone-control__popover.components-popover > .components-popover__content { |
| 1660 | 1607 | padding: 8px; |
| 1661 | 1608 | width: 260px; |
| 1662 | 1609 | } |
| @@ -1674,10 +1621,13 @@ | ||
| 1674 | 1621 | background: linear-gradient(-45deg, transparent 48%, #ddd 48%, #ddd 52%, transparent 52%); |
| 1675 | 1622 | } |
| 1676 | 1623 | |
| 1677 | 1624 | .block-editor-fit-text-size-warning { |
| 1678 | - grid-column: span 2; | |
| 1625 | + margin: 8px 0 0 0; | |
| 1679 | 1626 | } |
| 1627 | +.block-editor-fit-text-size-warning .components-notice__content { | |
| 1628 | + margin-right: 0; | |
| 1629 | +} | |
| 1680 | 1630 | |
| 1681 | 1631 | .components-font-appearance-control [role=option] { |
| 1682 | 1632 | color: #1e1e1e; |
| 1683 | 1633 | text-transform: capitalize; |
| @@ -1701,21 +1651,8 @@ | ||
| 1701 | 1651 | .block-editor-global-styles__clear-shadow { |
| 1702 | 1652 | text-align: right; |
| 1703 | 1653 | } |
| 1704 | 1654 | |
| 1705 | -.block-editor-global-styles-state-control { | |
| 1706 | - margin-top: -4px; | |
| 1707 | -} | |
| 1708 | - | |
| 1709 | -.block-editor-global-styles-state-control__badges { | |
| 1710 | - min-height: 24px; | |
| 1711 | -} | |
| 1712 | - | |
| 1713 | -.block-editor-global-styles-state-control__badge-tooltip-trigger { | |
| 1714 | - display: inline-flex; | |
| 1715 | - max-width: 100%; | |
| 1716 | -} | |
| 1717 | - | |
| 1718 | 1655 | .block-editor-global-styles-filters-panel__dropdown, |
| 1719 | 1656 | .block-editor-global-styles__shadow-dropdown { |
| 1720 | 1657 | display: block; |
| 1721 | 1658 | padding: 0; |
| @@ -1755,16 +1692,14 @@ | ||
| 1755 | 1692 | } |
| 1756 | 1693 | } |
| 1757 | 1694 | |
| 1758 | 1695 | .block-editor-global-styles__shadow-indicator { |
| 1759 | - -webkit-appearance: none; | |
| 1760 | - -moz-appearance: none; | |
| 1761 | - appearance: none; | |
| 1696 | + appearance: none; | |
| 1762 | 1697 | background: none; |
| 1763 | 1698 | color: #2f2f2f; |
| 1764 | 1699 | border: #e0e0e0 1px solid; |
| 1765 | 1700 | border-radius: 2px; |
| 1766 | - cursor: var(--wpds-cursor-control, pointer); | |
| 1701 | + cursor: pointer; | |
| 1767 | 1702 | display: inline-flex; |
| 1768 | 1703 | align-items: center; |
| 1769 | 1704 | padding: 0; |
| 1770 | 1705 | height: 26px; |
| @@ -1819,123 +1754,8 @@ | ||
| 1819 | 1754 | opacity: 1; |
| 1820 | 1755 | } |
| 1821 | 1756 | } |
| 1822 | 1757 | |
| 1823 | -.is-inherited-from-global-styles .components-base-control__label, | |
| 1824 | -.is-inherited-from-global-styles .components-input-control__label { | |
| 1825 | - text-decoration-line: underline; | |
| 1826 | - text-decoration-style: dotted; | |
| 1827 | - text-decoration-thickness: 1px; | |
| 1828 | - text-underline-offset: 0.2em; | |
| 1829 | -} | |
| 1830 | -.is-inherited-from-global-styles .block-editor-panel-color-gradient-settings__color-name, | |
| 1831 | -.is-inherited-from-global-styles .block-editor-global-styles-background-panel__inspector-media-replace-title, | |
| 1832 | -.is-inherited-from-global-styles .block-editor-panel-duotone-settings__label { | |
| 1833 | - border-bottom: 1px dotted currentColor; | |
| 1834 | -} | |
| 1835 | - | |
| 1836 | -.has-local-override-from-global-styles { | |
| 1837 | - position: relative; | |
| 1838 | -} | |
| 1839 | - | |
| 1840 | -.global-styles-inheritance-affordance { | |
| 1841 | - position: absolute; | |
| 1842 | - inset-block-start: 0; | |
| 1843 | - inset-inline-end: 0; | |
| 1844 | - z-index: 1; | |
| 1845 | - display: flex; | |
| 1846 | - align-items: center; | |
| 1847 | - justify-content: center; | |
| 1848 | - pointer-events: none; | |
| 1849 | - height: 16px; | |
| 1850 | -} | |
| 1851 | -.global-styles-inheritance-affordance--offset-toggle { | |
| 1852 | - inset-inline-end: 32px; | |
| 1853 | -} | |
| 1854 | -.global-styles-inheritance-affordance .has-local-override-from-global-styles__reset { | |
| 1855 | - pointer-events: auto; | |
| 1856 | - margin-inline-start: 0 !important; | |
| 1857 | -} | |
| 1858 | - | |
| 1859 | -.has-local-override-from-global-styles__reset { | |
| 1860 | - display: inline-flex !important; | |
| 1861 | - align-items: center; | |
| 1862 | - justify-content: center; | |
| 1863 | - vertical-align: middle; | |
| 1864 | - position: relative; | |
| 1865 | - margin-inline-start: 6px; | |
| 1866 | - min-width: 14px !important; | |
| 1867 | - width: 14px !important; | |
| 1868 | - height: 14px !important; | |
| 1869 | - padding: 0 !important; | |
| 1870 | - border-radius: 50% !important; | |
| 1871 | - background: transparent !important; | |
| 1872 | - box-shadow: none !important; | |
| 1873 | - overflow: hidden; | |
| 1874 | - text-transform: none; | |
| 1875 | - letter-spacing: normal; | |
| 1876 | - cursor: var(--wpds-cursor-control, pointer); | |
| 1877 | -} | |
| 1878 | -.has-local-override-from-global-styles__reset:hover, .has-local-override-from-global-styles__reset:focus { | |
| 1879 | - background: transparent !important; | |
| 1880 | -} | |
| 1881 | -.has-local-override-from-global-styles__reset:hover .has-local-override-from-global-styles__dot, .has-local-override-from-global-styles__reset:focus .has-local-override-from-global-styles__dot { | |
| 1882 | - display: none; | |
| 1883 | -} | |
| 1884 | -.has-local-override-from-global-styles__reset:hover .has-local-override-from-global-styles__reset-icon, .has-local-override-from-global-styles__reset:focus .has-local-override-from-global-styles__reset-icon { | |
| 1885 | - display: block; | |
| 1886 | -} | |
| 1887 | -.has-local-override-from-global-styles__reset:focus-visible { | |
| 1888 | - outline: 1.5px solid var(--wp-admin-theme-color, #007cba); | |
| 1889 | - outline-offset: 1px; | |
| 1890 | -} | |
| 1891 | -.has-local-override-from-global-styles__reset.block-editor-panel-color-gradient-settings__reset { | |
| 1892 | - position: absolute; | |
| 1893 | - justify-content: center; | |
| 1894 | - top: 50%; | |
| 1895 | - transform: translateY(-50%); | |
| 1896 | - margin-block: 0; | |
| 1897 | - margin-inline-start: 0; | |
| 1898 | - opacity: 1; | |
| 1899 | -} | |
| 1900 | -.has-local-override-from-global-styles__reset.block-editor-global-styles__shadow-editor__remove-button { | |
| 1901 | - position: absolute; | |
| 1902 | - justify-content: center; | |
| 1903 | - inset-inline-end: 8px; | |
| 1904 | - top: 50%; | |
| 1905 | - transform: translateY(-50%); | |
| 1906 | - margin-block: 0; | |
| 1907 | - margin-inline-start: 0; | |
| 1908 | - opacity: 1; | |
| 1909 | -} | |
| 1910 | -.has-local-override-from-global-styles__reset.block-editor-panel-duotone-settings__reset { | |
| 1911 | - position: absolute; | |
| 1912 | - justify-content: center; | |
| 1913 | - inset-inline-end: 8px; | |
| 1914 | - top: 50%; | |
| 1915 | - transform: translateY(-50%); | |
| 1916 | - margin-block: 0; | |
| 1917 | - margin-inline-start: 0; | |
| 1918 | - opacity: 1; | |
| 1919 | -} | |
| 1920 | - | |
| 1921 | -.has-local-override-from-global-styles__dot { | |
| 1922 | - display: block; | |
| 1923 | - width: 8px; | |
| 1924 | - height: 8px; | |
| 1925 | - background-color: var(--wp-admin-theme-color, #007cba); | |
| 1926 | - border-radius: 50%; | |
| 1927 | -} | |
| 1928 | - | |
| 1929 | -.has-local-override-from-global-styles__reset-icon { | |
| 1930 | - display: none; | |
| 1931 | - position: absolute; | |
| 1932 | - top: 50%; | |
| 1933 | - left: 50%; | |
| 1934 | - transform: translate(-50%, -50%); | |
| 1935 | - color: var(--wp-admin-theme-color, #007cba); | |
| 1936 | -} | |
| 1937 | - | |
| 1938 | 1758 | .block-editor-grid-visualizer.block-editor-grid-visualizer.block-editor-grid-visualizer { |
| 1939 | 1759 | z-index: 30; |
| 1940 | 1760 | } |
| 1941 | 1761 | .block-editor-grid-visualizer.block-editor-grid-visualizer.block-editor-grid-visualizer .components-popover__content * { |
| @@ -2192,9 +2012,9 @@ | ||
| 2192 | 2012 | color: #1e1e1e; |
| 2193 | 2013 | padding: 8px; |
| 2194 | 2014 | align-items: stretch; |
| 2195 | 2015 | justify-content: center; |
| 2196 | - cursor: var(--wpds-cursor-control, pointer); | |
| 2016 | + cursor: pointer; | |
| 2197 | 2017 | background: transparent; |
| 2198 | 2018 | word-break: break-word; |
| 2199 | 2019 | } |
| 2200 | 2020 | @media not (prefers-reduced-motion) { |
| @@ -2228,8 +2048,17 @@ | ||
| 2228 | 2048 | opacity: 0.04; |
| 2229 | 2049 | background: var(--wp-admin-theme-color); |
| 2230 | 2050 | pointer-events: none; |
| 2231 | 2051 | } |
| 2052 | +.components-button.block-editor-block-types-list__item:not(:disabled, [aria-disabled=true]).is-active { | |
| 2053 | + color: #fff; | |
| 2054 | + background: #1e1e1e; | |
| 2055 | + outline: 2px solid transparent; | |
| 2056 | + outline-offset: -2px; | |
| 2057 | +} | |
| 2058 | +.components-button.block-editor-block-types-list__item:not(:disabled):focus { | |
| 2059 | + box-shadow: inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color); | |
| 2060 | +} | |
| 2232 | 2061 | |
| 2233 | 2062 | .block-editor-block-types-list__item-icon { |
| 2234 | 2063 | padding: 12px 20px; |
| 2235 | 2064 | color: #1e1e1e; |
| @@ -2402,9 +2231,9 @@ | ||
| 2402 | 2231 | display: inline-block; |
| 2403 | 2232 | width: 100%; |
| 2404 | 2233 | } |
| 2405 | 2234 | .block-editor-link-control__search-item .components-menu-item__item mark { |
| 2406 | - font-weight: var(--wpds-typography-font-weight-emphasis, 600); | |
| 2235 | + font-weight: 600; | |
| 2407 | 2236 | color: inherit; |
| 2408 | 2237 | background-color: transparent; |
| 2409 | 2238 | } |
| 2410 | 2239 | .block-editor-link-control__search-item .components-menu-item__shortcut { |
| @@ -2462,9 +2291,9 @@ | ||
| 2462 | 2291 | outline: 2px solid transparent; |
| 2463 | 2292 | text-decoration: none; |
| 2464 | 2293 | } |
| 2465 | 2294 | .block-editor-link-control__preview .block-editor-link-control__preview-title mark { |
| 2466 | - font-weight: var(--wpds-typography-font-weight-emphasis, 600); | |
| 2295 | + font-weight: 600; | |
| 2467 | 2296 | color: inherit; |
| 2468 | 2297 | background-color: transparent; |
| 2469 | 2298 | } |
| 2470 | 2299 | .block-editor-link-control__preview .block-editor-link-control__preview-title span { |
| @@ -2620,8 +2449,9 @@ | ||
| 2620 | 2449 | .link-preview-button.components-button { |
| 2621 | 2450 | width: 100%; |
| 2622 | 2451 | height: auto; |
| 2623 | 2452 | padding: 12px; |
| 2453 | + box-shadow: inset 0 0 0 1px #949494; | |
| 2624 | 2454 | border-color: #949494; |
| 2625 | 2455 | } |
| 2626 | 2456 | |
| 2627 | 2457 | .link-preview-button__image-container { |
| @@ -2632,10 +2462,9 @@ | ||
| 2632 | 2462 | |
| 2633 | 2463 | .link-preview-button__image { |
| 2634 | 2464 | width: 100%; |
| 2635 | 2465 | height: 100%; |
| 2636 | - -o-object-fit: cover; | |
| 2637 | - object-fit: cover; | |
| 2466 | + object-fit: cover; | |
| 2638 | 2467 | border-radius: 2px; |
| 2639 | 2468 | } |
| 2640 | 2469 | |
| 2641 | 2470 | .link-preview-button__content { |
| @@ -2660,9 +2489,9 @@ | ||
| 2660 | 2489 | } |
| 2661 | 2490 | |
| 2662 | 2491 | .link-preview-button__title { |
| 2663 | 2492 | margin-top: 4px; |
| 2664 | - font-weight: var(--wpds-typography-font-weight-emphasis, 600); | |
| 2493 | + font-weight: 500; | |
| 2665 | 2494 | color: #1e1e1e; |
| 2666 | 2495 | display: block; |
| 2667 | 2496 | } |
| 2668 | 2497 | |
| @@ -2734,9 +2563,9 @@ | ||
| 2734 | 2563 | .block-editor-list-view-leaf.is-selected .block-editor-list-view-block-contents, .block-editor-list-view-leaf.is-selected .components-button.has-icon { |
| 2735 | 2564 | color: #fff; |
| 2736 | 2565 | } |
| 2737 | 2566 | .block-editor-list-view-leaf.is-selected .block-editor-list-view-block-contents:focus::after { |
| 2738 | - box-shadow: inset 0 0 0 1px #fff, 0 0 0 var(--wp-admin-border-width-focus) var(--wpds-color-stroke-focus, var(--wp-admin-theme-color, #3858e9)); | |
| 2567 | + box-shadow: inset 0 0 0 1px #fff, 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color); | |
| 2739 | 2568 | } |
| 2740 | 2569 | .block-editor-list-view-leaf.is-selected.is-synced .block-editor-list-view-block-contents:focus::after { |
| 2741 | 2570 | box-shadow: inset 0 0 0 1px #fff, 0 0 0 var(--wp-admin-border-width-focus) var(--wp-block-synced-color); |
| 2742 | 2571 | } |
| @@ -2875,9 +2704,9 @@ | ||
| 2875 | 2704 | right: -29px; |
| 2876 | 2705 | bottom: 0; |
| 2877 | 2706 | left: 0; |
| 2878 | 2707 | border-radius: inherit; |
| 2879 | - box-shadow: inset 0 0 0 var(--wp-admin-border-width-focus) var(--wpds-color-stroke-focus, var(--wp-admin-theme-color, #3858e9)); | |
| 2708 | + box-shadow: inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color); | |
| 2880 | 2709 | z-index: 2; |
| 2881 | 2710 | pointer-events: none; |
| 2882 | 2711 | } |
| 2883 | 2712 | .block-editor-list-view-leaf.has-single-cell .block-editor-list-view-block-contents:focus::after { |
| @@ -2882,10 +2711,11 @@ | ||
| 2882 | 2711 | } |
| 2883 | 2712 | .block-editor-list-view-leaf.has-single-cell .block-editor-list-view-block-contents:focus::after { |
| 2884 | 2713 | right: 0; |
| 2885 | 2714 | } |
| 2886 | -.block-editor-list-view-leaf.is-nesting .block-editor-list-view__menu { | |
| 2887 | - box-shadow: inset 0 0 0 var(--wp-admin-border-width-focus) var(--wpds-color-stroke-focus, var(--wp-admin-theme-color, #3858e9)); | |
| 2715 | +.block-editor-list-view-leaf.is-nesting .block-editor-list-view__menu, | |
| 2716 | +.block-editor-list-view-leaf .block-editor-list-view-block__menu:focus { | |
| 2717 | + box-shadow: inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color); | |
| 2888 | 2718 | z-index: 1; |
| 2889 | 2719 | } |
| 2890 | 2720 | .block-editor-list-view-leaf.is-visible .block-editor-list-view-block-contents { |
| 2891 | 2721 | opacity: 1; |
| @@ -3023,25 +2853,8 @@ | ||
| 3023 | 2853 | } |
| 3024 | 2854 | .block-editor-list-view-leaf.is-selected .block-editor-list-view-block-select-button__image:not(:only-child) { |
| 3025 | 2855 | box-shadow: 0 0 0 2px var(--wp-admin-theme-color); |
| 3026 | 2856 | } |
| 3027 | -.block-editor-list-view-leaf.is-disabled { | |
| 3028 | - opacity: 0.2; | |
| 3029 | -} | |
| 3030 | -@media not (prefers-reduced-motion) { | |
| 3031 | - .block-editor-list-view-leaf.is-disabled { | |
| 3032 | - transition: opacity 0.1s linear; | |
| 3033 | - } | |
| 3034 | -} | |
| 3035 | -.block-editor-list-view-leaf.is-disabled:hover { | |
| 3036 | - opacity: 0.2; | |
| 3037 | -} | |
| 3038 | -.block-editor-list-view-leaf.is-disabled .block-editor-list-view__expander { | |
| 3039 | - cursor: default; | |
| 3040 | -} | |
| 3041 | -.block-editor-list-view-leaf.is-disabled .block-editor-list-view-block-select-button:hover { | |
| 3042 | - color: inherit; | |
| 3043 | -} | |
| 3044 | 2857 | |
| 3045 | 2858 | .block-editor-list-view-draggable-chip { |
| 3046 | 2859 | opacity: 0.8; |
| 3047 | 2860 | } |
| @@ -3055,9 +2868,9 @@ | ||
| 3055 | 2868 | |
| 3056 | 2869 | .block-editor-list-view__expander { |
| 3057 | 2870 | height: 24px; |
| 3058 | 2871 | width: 24px; |
| 3059 | - cursor: var(--wpds-cursor-control, pointer); | |
| 2872 | + cursor: pointer; | |
| 3060 | 2873 | } |
| 3061 | 2874 | |
| 3062 | 2875 | .block-editor-list-view-leaf[aria-level] .block-editor-list-view__expander { |
| 3063 | 2876 | margin-left: 192px; |
| @@ -3234,14 +3047,30 @@ | ||
| 3234 | 3047 | .block-editor-media-flow__url-input .block-editor-link-control .block-editor-link-control__search-actions { |
| 3235 | 3048 | padding: 8px 0 0; |
| 3236 | 3049 | } |
| 3237 | 3050 | |
| 3051 | +.block-editor-media-flow__error { | |
| 3052 | + padding: 0 20px 20px 20px; | |
| 3053 | + max-width: 255px; | |
| 3054 | +} | |
| 3055 | +.block-editor-media-flow__error .components-with-notices-ui { | |
| 3056 | + max-width: 255px; | |
| 3057 | +} | |
| 3058 | +.block-editor-media-flow__error .components-with-notices-ui .components-notice__content { | |
| 3059 | + overflow: hidden; | |
| 3060 | + word-wrap: break-word; | |
| 3061 | +} | |
| 3062 | +.block-editor-media-flow__error .components-with-notices-ui .components-notice__dismiss { | |
| 3063 | + position: absolute; | |
| 3064 | + right: 10px; | |
| 3065 | +} | |
| 3066 | + | |
| 3238 | 3067 | .block-editor-multi-selection-inspector__card { |
| 3239 | 3068 | padding: 16px; |
| 3240 | 3069 | } |
| 3241 | 3070 | |
| 3242 | 3071 | .block-editor-multi-selection-inspector__card-title { |
| 3243 | - font-weight: var(--wpds-typography-font-weight-emphasis, 600); | |
| 3072 | + font-weight: 499; | |
| 3244 | 3073 | } |
| 3245 | 3074 | |
| 3246 | 3075 | .block-editor-multi-selection-inspector__card .block-editor-block-icon { |
| 3247 | 3076 | margin-left: -2px; |
| @@ -3266,9 +3095,9 @@ | ||
| 3266 | 3095 | margin-left: -3px; |
| 3267 | 3096 | } |
| 3268 | 3097 | |
| 3269 | 3098 | .block-editor-responsive-block-control__label { |
| 3270 | - font-weight: var(--wpds-typography-font-weight-emphasis, 600); | |
| 3099 | + font-weight: 600; | |
| 3271 | 3100 | margin-bottom: 0.6em; |
| 3272 | 3101 | margin-left: -3px; |
| 3273 | 3102 | } |
| 3274 | 3103 | |
| @@ -3289,9 +3118,8 @@ | ||
| 3289 | 3118 | padding: 0; |
| 3290 | 3119 | position: absolute; |
| 3291 | 3120 | width: 1px; |
| 3292 | 3121 | word-wrap: normal !important; |
| 3293 | - word-break: normal !important; | |
| 3294 | 3122 | } |
| 3295 | 3123 | |
| 3296 | 3124 | .preset-input-control__wrapper > * { |
| 3297 | 3125 | flex: 1; |
| @@ -3345,9 +3173,9 @@ | ||
| 3345 | 3173 | top: -9999em; |
| 3346 | 3174 | } |
| 3347 | 3175 | .block-editor-skip-to-selected-block:focus { |
| 3348 | 3176 | font-size: 14px; |
| 3349 | - font-weight: var(--wpds-typography-font-weight-emphasis, 600); | |
| 3177 | + font-weight: 600; | |
| 3350 | 3178 | background: #f1f1f1; |
| 3351 | 3179 | z-index: 100000; |
| 3352 | 3180 | } |
| 3353 | 3181 | |
| @@ -3450,9 +3278,9 @@ | ||
| 3450 | 3278 | height: auto; |
| 3451 | 3279 | color: #757575; |
| 3452 | 3280 | display: block; |
| 3453 | 3281 | font-size: 13px; |
| 3454 | - cursor: var(--wpds-cursor-control, pointer); | |
| 3282 | + cursor: pointer; | |
| 3455 | 3283 | background: #fff; |
| 3456 | 3284 | width: 100%; |
| 3457 | 3285 | border: none; |
| 3458 | 3286 | text-align: left; |
| @@ -3582,19 +3410,15 @@ | ||
| 3582 | 3410 | color: #757575; |
| 3583 | 3411 | font-size: 12px; |
| 3584 | 3412 | } |
| 3585 | 3413 | |
| 3586 | -.background-block-support-panel { | |
| 3587 | - /* Increased specificity required to remove the slot wrapper's row gap */ | |
| 3588 | -} | |
| 3589 | -.background-block-support-panel.background-block-support-panel .background-block-support-panel__inner-wrapper { | |
| 3590 | - row-gap: 0; | |
| 3591 | -} | |
| 3592 | - | |
| 3593 | 3414 | .block-editor-content-only-controls__link { |
| 3594 | 3415 | width: 100%; |
| 3595 | - border-color: #ccc; | |
| 3416 | + box-shadow: inset 0 0 0 1px #ccc; | |
| 3596 | 3417 | } |
| 3418 | +.block-editor-content-only-controls__link:focus:not(:disabled) { | |
| 3419 | + box-shadow: 0 0 0 currentColor inset, 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color); | |
| 3420 | +} | |
| 3597 | 3421 | |
| 3598 | 3422 | .block-editor-content-only-controls__link-row { |
| 3599 | 3423 | align-items: center; |
| 3600 | 3424 | } |
| @@ -3607,11 +3431,14 @@ | ||
| 3607 | 3431 | } |
| 3608 | 3432 | |
| 3609 | 3433 | .block-editor-content-only-controls__media { |
| 3610 | 3434 | width: 100%; |
| 3611 | - border-color: #ccc; | |
| 3612 | - padding-right: 32px; | |
| 3435 | + box-shadow: inset 0 0 0 1px #ccc; | |
| 3436 | + padding: 8px; | |
| 3613 | 3437 | } |
| 3438 | +.block-editor-content-only-controls__media:focus:not(:disabled) { | |
| 3439 | + box-shadow: 0 0 0 currentColor inset, 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color); | |
| 3440 | +} | |
| 3614 | 3441 | |
| 3615 | 3442 | .block-editor-content-only-controls__media-replace-flow { |
| 3616 | 3443 | display: block; |
| 3617 | 3444 | } |
| @@ -3637,53 +3464,25 @@ | ||
| 3637 | 3464 | overflow: hidden; |
| 3638 | 3465 | } |
| 3639 | 3466 | |
| 3640 | 3467 | .block-editor-content-only-controls__media-thumbnail { |
| 3641 | - width: 20px; | |
| 3642 | - height: 20px; | |
| 3468 | + width: 24px; | |
| 3469 | + height: 24px; | |
| 3643 | 3470 | border-radius: 2px; |
| 3644 | 3471 | align-self: center; |
| 3645 | - overflow: hidden; | |
| 3646 | 3472 | } |
| 3647 | 3473 | .block-editor-content-only-controls__media-thumbnail img { |
| 3648 | 3474 | width: 100% !important; |
| 3649 | 3475 | height: 100% !important; |
| 3650 | - -o-object-fit: cover; | |
| 3651 | - object-fit: cover; | |
| 3476 | + object-fit: cover; | |
| 3652 | 3477 | } |
| 3653 | 3478 | |
| 3654 | -.block-editor-content-only-controls { | |
| 3655 | - position: relative; | |
| 3656 | -} | |
| 3657 | - | |
| 3658 | -.block-editor-content-only-controls__media-reset { | |
| 3659 | - position: absolute; | |
| 3660 | - right: 0; | |
| 3661 | - top: 8px; | |
| 3662 | - margin: auto 8px auto; | |
| 3663 | - opacity: 0; | |
| 3664 | - border-radius: 2px; | |
| 3665 | -} | |
| 3666 | -@media not (prefers-reduced-motion) { | |
| 3667 | - .block-editor-content-only-controls__media-reset { | |
| 3668 | - transition: opacity 0.1s ease-in-out; | |
| 3669 | - } | |
| 3670 | -} | |
| 3671 | -.block-editor-content-only-controls:hover .block-editor-content-only-controls__media-reset, .block-editor-content-only-controls__media-reset:focus, .block-editor-content-only-controls__media-reset:hover { | |
| 3672 | - opacity: 1; | |
| 3673 | -} | |
| 3674 | -@media (hover: none) { | |
| 3675 | - .block-editor-content-only-controls__media-reset { | |
| 3676 | - opacity: 1; | |
| 3677 | - } | |
| 3678 | -} | |
| 3679 | - | |
| 3680 | 3479 | .block-editor-content-only-controls__rich-text { |
| 3681 | 3480 | width: 100%; |
| 3682 | 3481 | margin: 0; |
| 3683 | 3482 | background: #fff; |
| 3684 | 3483 | color: #1e1e1e; |
| 3685 | - font-family: -apple-system, system-ui, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; | |
| 3484 | + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; | |
| 3686 | 3485 | padding: 6px 8px; |
| 3687 | 3486 | /* Fonts smaller than 16px causes mobile safari to zoom. */ |
| 3688 | 3487 | font-size: 16px; |
| 3689 | 3488 | /* Override core line-height. To be reviewed. */ |
| @@ -3708,11 +3507,8 @@ | ||
| 3708 | 3507 | border-color: var(--wp-admin-theme-color, #3858e9); |
| 3709 | 3508 | box-shadow: 0 0 0 0.5px var(--wp-admin-theme-color, #3858e9); |
| 3710 | 3509 | outline: 2px solid transparent; |
| 3711 | 3510 | } |
| 3712 | -.block-editor-content-only-controls__rich-text::-moz-placeholder { | |
| 3713 | - color: rgba(30, 30, 30, 0.62); | |
| 3714 | -} | |
| 3715 | 3511 | .block-editor-content-only-controls__rich-text::placeholder { |
| 3716 | 3512 | color: rgba(30, 30, 30, 0.62); |
| 3717 | 3513 | } |
| 3718 | 3514 | .block-editor-content-only-controls__rich-text { |
| @@ -3717,11 +3513,8 @@ | ||
| 3717 | 3513 | } |
| 3718 | 3514 | .block-editor-content-only-controls__rich-text { |
| 3719 | 3515 | border-color: #949494; |
| 3720 | 3516 | } |
| 3721 | -.block-editor-content-only-controls__rich-text::-moz-placeholder { | |
| 3722 | - color: color-mix(in srgb, #1e1e1e, transparent 38%); | |
| 3723 | -} | |
| 3724 | 3517 | .block-editor-content-only-controls__rich-text::placeholder { |
| 3725 | 3518 | color: color-mix(in srgb, #1e1e1e, transparent 38%); |
| 3726 | 3519 | } |
| 3727 | 3520 | .block-editor-content-only-controls__rich-text { |
| @@ -3729,18 +3522,17 @@ | ||
| 3729 | 3522 | padding: 12px; |
| 3730 | 3523 | } |
| 3731 | 3524 | |
| 3732 | 3525 | .block-editor-block-fields__container { |
| 3733 | - padding: 0 16px 16px; | |
| 3526 | + padding: 0 16px; | |
| 3734 | 3527 | } |
| 3735 | 3528 | .block-editor-block-fields__container:first-of-type { |
| 3736 | 3529 | padding-block-start: 8px; |
| 3737 | - /* | |
| 3738 | - * Add border for the entire content controls and remove the similar border | |
| 3739 | - * for tools panel. | |
| 3740 | - */ | |
| 3741 | - border-block-start: 1px solid #e0e0e0; | |
| 3530 | + border-top: 1px solid #e0e0e0; | |
| 3742 | 3531 | } |
| 3532 | +.block-editor-block-fields__container:last-of-type { | |
| 3533 | + padding-block-end: 16px; | |
| 3534 | +} | |
| 3743 | 3535 | |
| 3744 | 3536 | .block-editor-block-fields__header { |
| 3745 | 3537 | padding: 8px 0; |
| 3746 | 3538 | margin-bottom: 4px; |
| @@ -3751,9 +3543,8 @@ | ||
| 3751 | 3543 | } |
| 3752 | 3544 | |
| 3753 | 3545 | .block-editor-block-fields__header-title { |
| 3754 | 3546 | flex: 1; |
| 3755 | - /* Override the default margin on a h2 element. */ | |
| 3756 | 3547 | margin: 0 !important; |
| 3757 | 3548 | } |
| 3758 | 3549 | |
| 3759 | 3550 | .block-editor-hooks__block-hooks { |
| @@ -3769,21 +3560,8 @@ | ||
| 3769 | 3560 | font-size: 12px; |
| 3770 | 3561 | margin-bottom: 16px; |
| 3771 | 3562 | } |
| 3772 | 3563 | |
| 3773 | -.block-editor-hooks__position-control-item { | |
| 3774 | - /** | |
| 3775 | - * Try to make items match the width of the anchor, subtract any margin on | |
| 3776 | - * items to calculate the correct inner width. | |
| 3777 | - */ | |
| 3778 | - max-inline-size: max(var(--anchor-width) - 2 * var(--wp-ui-popup-padding), 223px); | |
| 3779 | -} | |
| 3780 | - | |
| 3781 | -.block-editor-hooks__position-control-item-hint { | |
| 3782 | - color: var(--wpds-color-foreground-content-neutral-weak, #707070); | |
| 3783 | - margin-block-start: 4px; | |
| 3784 | -} | |
| 3785 | - | |
| 3786 | 3564 | div.block-editor-bindings__panel { |
| 3787 | 3565 | grid-template-columns: repeat(auto-fit, minmax(100%, 1fr)); |
| 3788 | 3566 | } |
| 3789 | 3567 | div.block-editor-bindings__panel button:hover .block-editor-bindings__item span { |
| @@ -3803,14 +3581,17 @@ | ||
| 3803 | 3581 | } |
| 3804 | 3582 | .color-block-support-panel.color-block-support-panel .color-block-support-panel__inner-wrapper { |
| 3805 | 3583 | row-gap: 0; |
| 3806 | 3584 | } |
| 3807 | - | |
| 3808 | -.elements-block-support-panel { | |
| 3809 | - /* Increased specificity required to remove the slot wrapper's row gap */ | |
| 3585 | +.color-block-support-panel { | |
| 3586 | + /** | |
| 3587 | + * After converting PanelColorGradientSettings to render as a ToolsPanel | |
| 3588 | + * we need to remove the top margin when wrapping inner content due to | |
| 3589 | + * rendering via SlotFills. | |
| 3590 | + */ | |
| 3810 | 3591 | } |
| 3811 | -.elements-block-support-panel.elements-block-support-panel .elements-block-support-panel__inner-wrapper { | |
| 3812 | - row-gap: 0; | |
| 3592 | +.color-block-support-panel .block-editor-tools-panel-color-gradient-settings__item.first { | |
| 3593 | + margin-top: 0; | |
| 3813 | 3594 | } |
| 3814 | 3595 | |
| 3815 | 3596 | .dimensions-block-support-panel .single-column { |
| 3816 | 3597 | grid-column: span 1; |
| @@ -3825,12 +3606,8 @@ | ||
| 3825 | 3606 | font-size: 12px; |
| 3826 | 3607 | margin-bottom: 0; |
| 3827 | 3608 | } |
| 3828 | 3609 | |
| 3829 | -.layout-block-support-panel .block-editor-hooks__flex-layout-controls { | |
| 3830 | - grid-column: 1/-1; | |
| 3831 | -} | |
| 3832 | - | |
| 3833 | 3610 | .block-editor-hooks__flex-layout-justification-controls, |
| 3834 | 3611 | .block-editor-hooks__flex-layout-orientation-controls { |
| 3835 | 3612 | margin-bottom: 12px; |
| 3836 | 3613 | } |
| @@ -4117,9 +3894,9 @@ | ||
| 4117 | 3894 | display: inline-block; |
| 4118 | 3895 | background: none; |
| 4119 | 3896 | border: none; |
| 4120 | 3897 | padding: 0; |
| 4121 | - font-family: -apple-system, system-ui, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; | |
| 3898 | + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; | |
| 4122 | 3899 | font-size: 13px; |
| 4123 | 3900 | line-height: 0; |
| 4124 | 3901 | } |
| 4125 | 3902 | @media (min-width: 782px) { |
| @@ -4179,9 +3956,9 @@ | ||
| 4179 | 3956 | |
| 4180 | 3957 | .block-editor-inserter__toggle.components-button { |
| 4181 | 3958 | display: inline-flex; |
| 4182 | 3959 | align-items: center; |
| 4183 | - cursor: var(--wpds-cursor-control, pointer); | |
| 3960 | + cursor: pointer; | |
| 4184 | 3961 | border: none; |
| 4185 | 3962 | outline: none; |
| 4186 | 3963 | padding: 0; |
| 4187 | 3964 | } |
| @@ -4214,23 +3991,10 @@ | ||
| 4214 | 3991 | z-index: 99999; |
| 4215 | 3992 | } |
| 4216 | 3993 | |
| 4217 | 3994 | .block-editor-inserter__search { |
| 4218 | - padding: 16px; | |
| 4219 | - position: sticky; | |
| 4220 | - top: 0; | |
| 4221 | - z-index: 2; | |
| 4222 | - background-color: #fff; | |
| 4223 | - border-bottom: 1px solid transparent; | |
| 3995 | + padding: 16px 16px 0 16px; | |
| 4224 | 3996 | } |
| 4225 | -@media not (prefers-reduced-motion) { | |
| 4226 | - .block-editor-inserter__search { | |
| 4227 | - transition: border-bottom-color 0.1s linear; | |
| 4228 | - } | |
| 4229 | -} | |
| 4230 | -.block-editor-inserter__search.is-scrolled { | |
| 4231 | - border-bottom-color: #e0e0e0; | |
| 4232 | -} | |
| 4233 | 3997 | |
| 4234 | 3998 | .block-editor-inserter__no-tab-container { |
| 4235 | 3999 | overflow-y: auto; |
| 4236 | 4000 | flex-grow: 1; |
| @@ -4240,9 +4004,9 @@ | ||
| 4240 | 4004 | .block-editor-inserter__panel-header { |
| 4241 | 4005 | position: relative; |
| 4242 | 4006 | display: inline-flex; |
| 4243 | 4007 | align-items: center; |
| 4244 | - padding: 0 16px; | |
| 4008 | + padding: 16px 16px 0; | |
| 4245 | 4009 | } |
| 4246 | 4010 | |
| 4247 | 4011 | .block-editor-inserter__panel-content { |
| 4248 | 4012 | padding: 16px; |
| @@ -4253,9 +4017,9 @@ | ||
| 4253 | 4017 | margin: 0 12px 0 0; |
| 4254 | 4018 | color: #757575; |
| 4255 | 4019 | text-transform: uppercase; |
| 4256 | 4020 | font-size: 11px; |
| 4257 | - font-weight: var(--wpds-typography-font-weight-emphasis, 600); | |
| 4021 | + font-weight: 499; | |
| 4258 | 4022 | } |
| 4259 | 4023 | |
| 4260 | 4024 | .block-editor-inserter__panel-dropdown select.components-select-control__input.components-select-control__input.components-select-control__input { |
| 4261 | 4025 | height: 36px; |
| @@ -4323,18 +4087,14 @@ | ||
| 4323 | 4087 | |
| 4324 | 4088 | .block-editor-inserter__media-tabs-container, |
| 4325 | 4089 | .block-editor-inserter__block-patterns-tabs-container { |
| 4326 | 4090 | flex-grow: 1; |
| 4327 | - padding: 0 16px 16px; | |
| 4091 | + padding: 16px; | |
| 4328 | 4092 | display: flex; |
| 4329 | 4093 | flex-direction: column; |
| 4330 | 4094 | justify-content: space-between; |
| 4331 | 4095 | } |
| 4332 | 4096 | |
| 4333 | -.block-editor-inserter__media-tabs-container { | |
| 4334 | - padding-top: 16px; | |
| 4335 | -} | |
| 4336 | - | |
| 4337 | 4097 | .block-editor-inserter__category-tablist { |
| 4338 | 4098 | margin-bottom: 8px; |
| 4339 | 4099 | } |
| 4340 | 4100 | |
| @@ -4528,9 +4288,9 @@ | ||
| 4528 | 4288 | max-height: 800px; |
| 4529 | 4289 | } |
| 4530 | 4290 | |
| 4531 | 4291 | .components-heading.block-editor-inserter__patterns-category-panel-title { |
| 4532 | - font-weight: var(--wpds-typography-font-weight-emphasis, 600); | |
| 4292 | + font-weight: 499; | |
| 4533 | 4293 | } |
| 4534 | 4294 | |
| 4535 | 4295 | .block-editor-inserter__patterns-explore-button.components-button, |
| 4536 | 4296 | .block-editor-inserter__media-library-button.components-button { |
| @@ -4539,26 +4299,17 @@ | ||
| 4539 | 4299 | margin-top: 16px; |
| 4540 | 4300 | width: 100%; |
| 4541 | 4301 | } |
| 4542 | 4302 | |
| 4543 | -.block-editor-inserter__media-mobile-screen { | |
| 4544 | - display: flex; | |
| 4545 | - flex-direction: column; | |
| 4546 | - align-self: stretch; | |
| 4547 | -} | |
| 4548 | - | |
| 4549 | 4303 | .block-editor-inserter__media-panel { |
| 4304 | + min-height: 100%; | |
| 4550 | 4305 | padding: 0 16px; |
| 4551 | 4306 | display: flex; |
| 4552 | 4307 | flex-direction: column; |
| 4553 | - flex: 1; | |
| 4554 | - min-height: 0; | |
| 4555 | 4308 | } |
| 4556 | 4309 | @media (min-width: 782px) { |
| 4557 | 4310 | .block-editor-inserter__media-panel { |
| 4558 | 4311 | padding: 0; |
| 4559 | - flex: 0 1 auto; | |
| 4560 | - min-height: 100%; | |
| 4561 | 4312 | } |
| 4562 | 4313 | } |
| 4563 | 4314 | .block-editor-inserter__media-panel .block-editor-inserter__media-panel-spinner { |
| 4564 | 4315 | height: 100%; |
| @@ -4575,71 +4326,12 @@ | ||
| 4575 | 4326 | margin-bottom: 0; |
| 4576 | 4327 | padding: 16px 24px 16px; |
| 4577 | 4328 | } |
| 4578 | 4329 | } |
| 4579 | -.block-editor-inserter__media-panel .block-editor-inserter__no-results { | |
| 4580 | - flex-grow: 1; | |
| 4581 | -} | |
| 4582 | -.block-editor-inserter__media-panel .block-editor-inserter__media-panel-footer { | |
| 4583 | - flex-shrink: 0; | |
| 4584 | - padding-top: 16px; | |
| 4585 | - padding-bottom: 16px; | |
| 4586 | -} | |
| 4587 | -@media (min-width: 782px) { | |
| 4588 | - .block-editor-inserter__media-panel .block-editor-inserter__media-panel-footer { | |
| 4589 | - padding-left: 24px; | |
| 4590 | - padding-right: 24px; | |
| 4591 | - } | |
| 4592 | -} | |
| 4593 | -.block-editor-inserter__media-panel .block-editor-inserter__media-panel-attach.components-button { | |
| 4594 | - justify-content: center; | |
| 4595 | - padding: 16px; | |
| 4596 | -} | |
| 4597 | -.block-editor-inserter__media-panel .block-editor-inserter__media-panel-results { | |
| 4598 | - display: flex; | |
| 4599 | - flex-direction: column; | |
| 4600 | - flex-grow: 1; | |
| 4601 | - min-height: 0; | |
| 4602 | -} | |
| 4603 | -.block-editor-inserter__media-panel .block-editor-inserter__media-panel-results.is-loading .block-editor-inserter__media-list { | |
| 4604 | - opacity: 0.5; | |
| 4605 | - pointer-events: none; | |
| 4606 | -} | |
| 4607 | -@media not (prefers-reduced-motion) { | |
| 4608 | - .block-editor-inserter__media-panel .block-editor-inserter__media-panel-results.is-loading .block-editor-inserter__media-list { | |
| 4609 | - opacity: 1; | |
| 4610 | - animation: inserter-media-panel-pulse 1s ease-in-out infinite; | |
| 4611 | - } | |
| 4612 | -} | |
| 4613 | -.block-editor-inserter__media-panel.has-footer .block-editor-inserter__media-list { | |
| 4614 | - padding-bottom: 0; | |
| 4615 | -} | |
| 4616 | 4330 | |
| 4617 | -@keyframes inserter-media-panel-pulse { | |
| 4618 | - 0%, 100% { | |
| 4619 | - opacity: 1; | |
| 4620 | - } | |
| 4621 | - 50% { | |
| 4622 | - opacity: 0.5; | |
| 4623 | - } | |
| 4624 | -} | |
| 4625 | -.block-editor-inserter__media-panel-detach-modal { | |
| 4626 | - z-index: 1000001; | |
| 4627 | -} | |
| 4628 | -.block-editor-inserter__media-panel-detach-modal p { | |
| 4629 | - margin-top: 0; | |
| 4630 | -} | |
| 4631 | - | |
| 4632 | -.block-editor-inserter__media-panel-detach-actions { | |
| 4633 | - display: flex; | |
| 4634 | - justify-content: flex-end; | |
| 4635 | - gap: 8px; | |
| 4636 | - margin-top: 16px; | |
| 4637 | -} | |
| 4638 | - | |
| 4639 | 4331 | .block-editor-inserter__media-list__list-item { |
| 4640 | 4332 | position: relative; |
| 4641 | - cursor: var(--wpds-cursor-control, pointer); | |
| 4333 | + cursor: pointer; | |
| 4642 | 4334 | margin-bottom: 24px; |
| 4643 | 4335 | } |
| 4644 | 4336 | .block-editor-inserter__media-list__list-item.is-placeholder { |
| 4645 | 4337 | min-height: 100px; |
| @@ -4649,9 +4341,9 @@ | ||
| 4649 | 4341 | } |
| 4650 | 4342 | .block-editor-inserter__media-list__list-item.is-hovered .block-editor-inserter__media-list__item-preview > * { |
| 4651 | 4343 | outline-color: rgba(0, 0, 0, 0.3); |
| 4652 | 4344 | } |
| 4653 | -.block-editor-inserter__media-list__list-item.is-hovered .block-editor-inserter__media-list__item-preview-options > button, .block-editor-inserter__media-list__list-item:focus-within .block-editor-inserter__media-list__item-preview-options > button { | |
| 4345 | +.block-editor-inserter__media-list__list-item.is-hovered .block-editor-inserter__media-list__item-preview-options > button { | |
| 4654 | 4346 | display: block; |
| 4655 | 4347 | } |
| 4656 | 4348 | .block-editor-inserter__media-list__list-item .block-editor-inserter__media-list__item-preview-options { |
| 4657 | 4349 | position: absolute; |
| @@ -4833,9 +4525,9 @@ | ||
| 4833 | 4525 | flex-direction: column; |
| 4834 | 4526 | align-items: start; |
| 4835 | 4527 | } |
| 4836 | 4528 | .block-editor-block-visibility-modal__options-checkbox--everywhere { |
| 4837 | - font-weight: var(--wpds-typography-font-weight-emphasis, 600); | |
| 4529 | + font-weight: 600; | |
| 4838 | 4530 | } |
| 4839 | 4531 | .block-editor-block-visibility-modal__options-icon--checked { |
| 4840 | 4532 | fill: #ddd; |
| 4841 | 4533 | } |
