You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

921 lines
30 KiB

1 year ago
  1. :root{
  2. --wp-admin-theme-color:#007cba;
  3. --wp-admin-theme-color--rgb:0, 124, 186;
  4. --wp-admin-theme-color-darker-10:#006ba1;
  5. --wp-admin-theme-color-darker-10--rgb:0, 107, 161;
  6. --wp-admin-theme-color-darker-20:#005a87;
  7. --wp-admin-theme-color-darker-20--rgb:0, 90, 135;
  8. --wp-admin-border-width-focus:2px;
  9. --wp-block-synced-color:#7a00df;
  10. --wp-block-synced-color--rgb:122, 0, 223;
  11. }
  12. @media (min-resolution:192dpi){
  13. :root{
  14. --wp-admin-border-width-focus:1.5px;
  15. }
  16. }
  17. .block-editor-block-icon{
  18. align-items:center;
  19. display:flex;
  20. height:24px;
  21. justify-content:center;
  22. width:24px;
  23. }
  24. .block-editor-block-icon.has-colors svg{
  25. fill:currentColor;
  26. }
  27. @media (forced-colors:active){
  28. .block-editor-block-icon.has-colors svg{
  29. fill:CanvasText;
  30. }
  31. }
  32. .block-editor-block-icon svg{
  33. max-height:24px;
  34. max-width:24px;
  35. min-height:20px;
  36. min-width:20px;
  37. }
  38. .block-editor-block-styles .block-editor-block-list__block{
  39. margin:0;
  40. }
  41. @keyframes selection-overlay__fade-in-animation{
  42. 0%{
  43. opacity:0;
  44. }
  45. to{
  46. opacity:.4;
  47. }
  48. }
  49. .block-editor-block-list__layout{
  50. position:relative;
  51. }
  52. .block-editor-block-list__layout::selection{
  53. background:transparent;
  54. }
  55. .has-multi-selection .block-editor-block-list__layout::selection{
  56. background:transparent;
  57. }
  58. .block-editor-block-list__layout:where(.block-editor-block-list__block.is-multi-selected:not(.is-partially-selected)){
  59. border-radius:2px;
  60. }
  61. .block-editor-block-list__layout .block-editor-block-list__block.is-multi-selected:not(.is-partially-selected) ::selection,.block-editor-block-list__layout .block-editor-block-list__block.is-multi-selected:not(.is-partially-selected)::selection{
  62. background:transparent;
  63. }
  64. .block-editor-block-list__layout .block-editor-block-list__block.is-multi-selected:not(.is-partially-selected):after{
  65. animation:selection-overlay__fade-in-animation .1s ease-out;
  66. animation-fill-mode:forwards;
  67. background:var(--wp-admin-theme-color);
  68. border-radius:2px;
  69. bottom:0;
  70. content:"";
  71. left:0;
  72. opacity:.4;
  73. outline:2px solid transparent;
  74. pointer-events:none;
  75. position:absolute;
  76. right:0;
  77. top:0;
  78. z-index:1;
  79. }
  80. @media (prefers-reduced-motion:reduce){
  81. .block-editor-block-list__layout .block-editor-block-list__block.is-multi-selected:not(.is-partially-selected):after{
  82. animation-delay:0s;
  83. animation-duration:1ms;
  84. }
  85. }
  86. .block-editor-block-list__layout .block-editor-block-list__block.is-multi-selected:not(.is-partially-selected).is-highlighted:after{
  87. box-shadow:none;
  88. }
  89. .block-editor-block-list__layout .block-editor-block-list__block.is-highlighted,.block-editor-block-list__layout .block-editor-block-list__block.is-highlighted~.is-multi-selected,.block-editor-block-list__layout .block-editor-block-list__block:not([contenteditable]):focus,.block-editor-block-list__layout.is-navigate-mode .block-editor-block-list__block.is-selected{
  90. outline:none;
  91. }
  92. .block-editor-block-list__layout .block-editor-block-list__block.is-highlighted:after,.block-editor-block-list__layout .block-editor-block-list__block.is-highlighted~.is-multi-selected:after,.block-editor-block-list__layout .block-editor-block-list__block:not([contenteditable]):focus:after,.block-editor-block-list__layout.is-navigate-mode .block-editor-block-list__block.is-selected:after{
  93. border-radius:1px;
  94. bottom:1px;
  95. box-shadow:0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color);
  96. content:"";
  97. left:1px;
  98. outline:2px solid transparent;
  99. pointer-events:none;
  100. position:absolute;
  101. right:1px;
  102. top:1px;
  103. z-index:1;
  104. }
  105. .is-dark-theme .block-editor-block-list__layout .block-editor-block-list__block.is-highlighted:after,.is-dark-theme .block-editor-block-list__layout .block-editor-block-list__block.is-highlighted~.is-multi-selected:after,.is-dark-theme .block-editor-block-list__layout .block-editor-block-list__block:not([contenteditable]):focus:after,.is-dark-theme .block-editor-block-list__layout.is-navigate-mode .block-editor-block-list__block.is-selected:after{
  106. box-shadow:0 0 0 var(--wp-admin-border-width-focus) #fff;
  107. }
  108. .block-editor-block-list__layout .is-block-moving-mode.block-editor-block-list__block.is-selected:after{
  109. border-radius:2px;
  110. border-top:4px solid #ccc;
  111. bottom:auto;
  112. box-shadow:none;
  113. content:"";
  114. left:0;
  115. pointer-events:none;
  116. position:absolute;
  117. right:0;
  118. top:-14px;
  119. transition:border-color .1s linear,border-style .1s linear,box-shadow .1s linear;
  120. z-index:0;
  121. }
  122. .block-editor-block-list__layout .is-block-moving-mode.can-insert-moving-block.block-editor-block-list__block.is-selected:after{
  123. border-color:var(--wp-admin-theme-color);
  124. }
  125. .has-multi-selection .block-editor-block-list__layout{
  126. -webkit-user-select:none;
  127. user-select:none;
  128. }
  129. .block-editor-block-list__layout [class^=components-]{
  130. -webkit-user-select:text;
  131. user-select:text;
  132. }
  133. .is-block-moving-mode.block-editor-block-list__block-selection-button{
  134. font-size:1px;
  135. height:1px;
  136. opacity:0;
  137. padding:0;
  138. }
  139. .block-editor-block-list__layout .block-editor-block-list__block{
  140. overflow-wrap:break-word;
  141. pointer-events:auto;
  142. position:relative;
  143. -webkit-user-select:text;
  144. user-select:text;
  145. }
  146. .block-editor-block-list__layout .block-editor-block-list__block.is-editing-disabled{
  147. pointer-events:none;
  148. -webkit-user-select:none;
  149. user-select:none;
  150. }
  151. .block-editor-block-list__layout .block-editor-block-list__block .reusable-block-edit-panel *{
  152. z-index:1;
  153. }
  154. .block-editor-block-list__layout .block-editor-block-list__block .components-placeholder .components-with-notices-ui{
  155. margin:-10px 0 12px;
  156. }
  157. .block-editor-block-list__layout .block-editor-block-list__block .components-with-notices-ui{
  158. margin:0 0 12px;
  159. width:100%;
  160. }
  161. .block-editor-block-list__layout .block-editor-block-list__block .components-with-notices-ui .components-notice{
  162. margin-left:0;
  163. margin-right:0;
  164. }
  165. .block-editor-block-list__layout .block-editor-block-list__block .components-with-notices-ui .components-notice .components-notice__content{
  166. font-size:13px;
  167. }
  168. .block-editor-block-list__layout .block-editor-block-list__block.has-warning{
  169. min-height:48px;
  170. }
  171. .block-editor-block-list__layout .block-editor-block-list__block.has-warning>*{
  172. pointer-events:none;
  173. -webkit-user-select:none;
  174. user-select:none;
  175. }
  176. .block-editor-block-list__layout .block-editor-block-list__block.has-warning .block-editor-warning{
  177. pointer-events:all;
  178. }
  179. .block-editor-block-list__layout .block-editor-block-list__block.has-warning:after{
  180. background-color:hsla(0,0%,100%,.4);
  181. border-radius:2px;
  182. bottom:0;
  183. content:"";
  184. left:0;
  185. position:absolute;
  186. right:0;
  187. top:0;
  188. }
  189. .block-editor-block-list__layout .block-editor-block-list__block.has-warning.is-multi-selected:after{
  190. background-color:transparent;
  191. }
  192. .block-editor-block-list__layout .block-editor-block-list__block.is-reusable>.block-editor-inner-blocks>.block-editor-block-list__layout.has-overlay:after{
  193. display:none;
  194. }
  195. .block-editor-block-list__layout .block-editor-block-list__block.is-reusable>.block-editor-inner-blocks>.block-editor-block-list__layout.has-overlay .block-editor-block-list__layout.has-overlay:after{
  196. display:block;
  197. }
  198. .block-editor-block-list__layout .block-editor-block-list__block.is-reusable.has-child-selected:after{
  199. box-shadow:0 0 0 1px var(--wp-admin-theme-color);
  200. }
  201. .block-editor-block-list__layout .block-editor-block-list__block[data-clear=true]{
  202. float:none;
  203. }
  204. .is-outline-mode .block-editor-block-list__block:not(.remove-outline).is-hovered{
  205. cursor:default;
  206. }
  207. .is-outline-mode .block-editor-block-list__block:not(.remove-outline).is-hovered:after{
  208. border-radius:1px;
  209. bottom:1px;
  210. box-shadow:0 0 0 1px var(--wp-admin-theme-color);
  211. content:"";
  212. left:1px;
  213. pointer-events:none;
  214. position:absolute;
  215. right:1px;
  216. top:1px;
  217. }
  218. .is-outline-mode .block-editor-block-list__block:not(.remove-outline).is-selected{
  219. cursor:default;
  220. }
  221. .is-outline-mode .block-editor-block-list__block:not(.remove-outline).is-selected.rich-text{
  222. cursor:unset;
  223. }
  224. .is-outline-mode .block-editor-block-list__block:not(.remove-outline).is-selected:after{
  225. border-radius:2px;
  226. bottom:1px;
  227. box-shadow:0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color);
  228. content:"";
  229. left:1px;
  230. pointer-events:none;
  231. position:absolute;
  232. right:1px;
  233. top:1px;
  234. }
  235. .is-focus-mode .block-editor-block-list__block:not(.has-child-selected){
  236. opacity:.2;
  237. transition:opacity .1s linear;
  238. }
  239. @media (prefers-reduced-motion:reduce){
  240. .is-focus-mode .block-editor-block-list__block:not(.has-child-selected){
  241. transition-delay:0s;
  242. transition-duration:0s;
  243. }
  244. }
  245. .is-focus-mode .block-editor-block-list__block.is-content-locked-temporarily-editing-as-blocks.has-child-selected,.is-focus-mode .block-editor-block-list__block.is-content-locked-temporarily-editing-as-blocks.has-child-selected .block-editor-block-list__block,.is-focus-mode .block-editor-block-list__block.is-content-locked.has-child-selected,.is-focus-mode .block-editor-block-list__block.is-content-locked.has-child-selected .block-editor-block-list__block,.is-focus-mode .block-editor-block-list__block:not(.has-child-selected) .block-editor-block-list__block,.is-focus-mode .block-editor-block-list__block:not(.has-child-selected).is-multi-selected,.is-focus-mode .block-editor-block-list__block:not(.has-child-selected).is-selected{
  246. opacity:1;
  247. }
  248. .wp-block.alignleft,.wp-block.alignright,.wp-block[data-align=left]>*,.wp-block[data-align=right]>*{
  249. z-index:21;
  250. }
  251. .wp-site-blocks>[data-align=left]{
  252. float:left;
  253. margin-right:2em;
  254. }
  255. .wp-site-blocks>[data-align=right]{
  256. float:right;
  257. margin-left:2em;
  258. }
  259. .wp-site-blocks>[data-align=center]{
  260. justify-content:center;
  261. margin-left:auto;
  262. margin-right:auto;
  263. }
  264. .block-editor-block-list .block-editor-inserter{
  265. cursor:move;
  266. cursor:grab;
  267. margin:8px;
  268. }
  269. @keyframes block-editor-inserter__toggle__fade-in-animation{
  270. 0%{
  271. opacity:0;
  272. }
  273. to{
  274. opacity:1;
  275. }
  276. }
  277. .wp-block .block-list-appender .block-editor-inserter__toggle{
  278. animation:block-editor-inserter__toggle__fade-in-animation .1s ease;
  279. animation-fill-mode:forwards;
  280. }
  281. @media (prefers-reduced-motion:reduce){
  282. .wp-block .block-list-appender .block-editor-inserter__toggle{
  283. animation-delay:0s;
  284. animation-duration:1ms;
  285. }
  286. }
  287. .block-editor-block-list__block:not(.is-selected):not(.has-child-selected) .block-editor-default-block-appender{
  288. display:none;
  289. }
  290. .block-editor-block-list__block:not(.is-selected):not(.has-child-selected) .block-editor-default-block-appender .block-editor-inserter__toggle{
  291. opacity:0;
  292. transform:scale(0);
  293. }
  294. .block-editor-block-list__block .block-editor-block-list__block-html-textarea{
  295. border:none;
  296. border-radius:2px;
  297. box-shadow:inset 0 0 0 1px #1e1e1e;
  298. display:block;
  299. font-family:Menlo,Consolas,monaco,monospace;
  300. font-size:15px;
  301. line-height:1.5;
  302. margin:0;
  303. outline:none;
  304. overflow:hidden;
  305. padding:12px;
  306. resize:none;
  307. transition:padding .2s linear;
  308. width:100%;
  309. }
  310. @media (prefers-reduced-motion:reduce){
  311. .block-editor-block-list__block .block-editor-block-list__block-html-textarea{
  312. transition-delay:0s;
  313. transition-duration:0s;
  314. }
  315. }
  316. .block-editor-block-list__block .block-editor-block-list__block-html-textarea:focus{
  317. box-shadow:inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color);
  318. }
  319. .block-editor-block-list__block .block-editor-warning{
  320. position:relative;
  321. z-index:5;
  322. }
  323. .block-editor-block-list__block .block-editor-warning.block-editor-block-list__block-crash-warning{
  324. margin-bottom:auto;
  325. }
  326. .block-editor-iframe__body{
  327. transform-origin:top center;
  328. transition:all .3s;
  329. }
  330. .is-vertical .block-list-appender{
  331. margin-left:12px;
  332. margin-right:auto;
  333. margin-top:12px;
  334. width:24px;
  335. }
  336. .block-list-appender>.block-editor-inserter{
  337. display:block;
  338. }
  339. .block-editor-block-list__block:not(.is-selected):not(.has-child-selected):not(.block-editor-block-list__layout) .block-editor-block-list__layout>.block-list-appender .block-list-appender__toggle{
  340. opacity:0;
  341. transform:scale(0);
  342. }
  343. .block-editor-block-list__block.has-block-overlay{
  344. cursor:default;
  345. }
  346. .block-editor-block-list__block.has-block-overlay:before{
  347. background:transparent;
  348. border:none;
  349. border-radius:2px;
  350. content:"";
  351. height:100%;
  352. left:0;
  353. position:absolute;
  354. top:0;
  355. width:100%;
  356. z-index:10;
  357. }
  358. .block-editor-block-list__block.has-block-overlay:not(.is-multi-selected):after{
  359. content:none !important;
  360. }
  361. .block-editor-block-list__block.has-block-overlay:hover:not(.is-dragging-blocks):not(.is-multi-selected):before{
  362. background:rgba(var(--wp-admin-theme-color--rgb), .04);
  363. box-shadow:0 0 0 1px var(--wp-admin-theme-color) inset;
  364. }
  365. .block-editor-block-list__block.has-block-overlay.is-reusable:hover:not(.is-dragging-blocks):not(.is-multi-selected):before,.block-editor-block-list__block.has-block-overlay.wp-block-template-part:hover:not(.is-dragging-blocks):not(.is-multi-selected):before{
  366. background:rgba(var(--wp-block-synced-color--rgb), .04);
  367. box-shadow:0 0 0 1px var(--wp-block-synced-color) inset;
  368. }
  369. .block-editor-block-list__block.has-block-overlay.is-selected:not(.is-dragging-blocks):before{
  370. box-shadow:0 0 0 1px var(--wp-admin-theme-color) inset;
  371. }
  372. .block-editor-block-list__block.has-block-overlay .block-editor-block-list__block{
  373. pointer-events:none;
  374. }
  375. .block-editor-iframe__body.is-zoomed-out .block-editor-block-list__block.has-block-overlay:before{
  376. left:calc(50% - 50vw);
  377. width:100vw;
  378. }
  379. .block-editor-block-list__layout .is-dragging{
  380. background-color:currentColor !important;
  381. border-radius:2px !important;
  382. opacity:.05 !important;
  383. pointer-events:none !important;
  384. }
  385. .block-editor-block-list__layout .is-dragging::selection{
  386. background:transparent !important;
  387. }
  388. .block-editor-block-list__layout .is-dragging:after{
  389. content:none !important;
  390. }
  391. .block-editor-block-preview__content-iframe .block-list-appender{
  392. display:none;
  393. }
  394. .block-editor-block-preview__live-content *{
  395. pointer-events:none;
  396. }
  397. .block-editor-block-preview__live-content .block-list-appender{
  398. display:none;
  399. }
  400. .block-editor-block-preview__live-content .components-button:disabled{
  401. opacity:1;
  402. }
  403. .block-editor-block-preview__live-content .block-editor-block-list__block[data-empty=true],.block-editor-block-preview__live-content .components-placeholder{
  404. display:none;
  405. }
  406. .block-editor-block-variation-picker .components-placeholder__instructions{
  407. margin-bottom:0;
  408. }
  409. .block-editor-block-variation-picker .components-placeholder__fieldset{
  410. flex-direction:column;
  411. }
  412. .block-editor-block-variation-picker.has-many-variations .components-placeholder__fieldset{
  413. max-width:90%;
  414. }
  415. .block-editor-block-variation-picker__variations.block-editor-block-variation-picker__variations{
  416. display:flex;
  417. flex-direction:row;
  418. flex-wrap:wrap;
  419. justify-content:flex-start;
  420. list-style:none;
  421. margin:16px 0;
  422. padding:0;
  423. width:100%;
  424. }
  425. .block-editor-block-variation-picker__variations.block-editor-block-variation-picker__variations>li{
  426. flex-shrink:1;
  427. list-style:none;
  428. margin:8px 20px 0 0;
  429. text-align:center;
  430. width:75px;
  431. }
  432. .block-editor-block-variation-picker__variations.block-editor-block-variation-picker__variations>li button{
  433. display:inline-flex;
  434. margin-right:0;
  435. }
  436. .block-editor-block-variation-picker__variations.block-editor-block-variation-picker__variations .block-editor-block-variation-picker__variation{
  437. padding:8px;
  438. }
  439. .block-editor-block-variation-picker__variations.block-editor-block-variation-picker__variations .block-editor-block-variation-picker__variation-label{
  440. display:block;
  441. font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;
  442. font-size:12px;
  443. line-height:1.4;
  444. }
  445. .block-editor-block-variation-picker__variation{
  446. width:100%;
  447. }
  448. .block-editor-block-variation-picker__variation.components-button.has-icon{
  449. justify-content:center;
  450. width:auto;
  451. }
  452. .block-editor-block-variation-picker__variation.components-button.has-icon.is-secondary{
  453. background-color:#fff;
  454. }
  455. .block-editor-block-variation-picker__variation.components-button{
  456. height:auto;
  457. padding:0;
  458. }
  459. .block-editor-block-variation-picker__variation:before{
  460. content:"";
  461. padding-bottom:100%;
  462. }
  463. .block-editor-block-variation-picker__variation:first-child{
  464. margin-left:0;
  465. }
  466. .block-editor-block-variation-picker__variation:last-child{
  467. margin-right:0;
  468. }
  469. .block-editor-button-block-appender{
  470. align-items:center;
  471. box-shadow:inset 0 0 0 1px #1e1e1e;
  472. color:#1e1e1e;
  473. display:flex;
  474. flex-direction:column;
  475. height:auto;
  476. justify-content:center;
  477. width:100%;
  478. }
  479. .block-editor-button-block-appender.components-button.components-button{
  480. padding:12px;
  481. }
  482. .is-dark-theme .block-editor-button-block-appender{
  483. box-shadow:inset 0 0 0 1px hsla(0,0%,100%,.65);
  484. color:hsla(0,0%,100%,.65);
  485. }
  486. .block-editor-button-block-appender:hover{
  487. box-shadow:inset 0 0 0 1px var(--wp-admin-theme-color);
  488. color:var(--wp-admin-theme-color);
  489. }
  490. .block-editor-button-block-appender:focus{
  491. box-shadow:inset 0 0 0 2px var(--wp-admin-theme-color);
  492. }
  493. .block-editor-button-block-appender:active{
  494. color:#000;
  495. }
  496. .is-layout-constrained.block-editor-block-list__block:not(.is-selected)>.block-list-appender:only-child,.is-layout-constrained.block-editor-block-list__block:not(.is-selected)>.wp-block-group__inner-container>.block-list-appender:only-child,.is-layout-flow.block-editor-block-list__block:not(.is-selected)>.block-list-appender:only-child,.is-layout-flow.block-editor-block-list__block:not(.is-selected)>.wp-block-group__inner-container>.block-list-appender:only-child{
  497. pointer-events:none;
  498. }
  499. .is-layout-constrained.block-editor-block-list__block:not(.is-selected)>.block-list-appender:only-child:after,.is-layout-constrained.block-editor-block-list__block:not(.is-selected)>.wp-block-group__inner-container>.block-list-appender:only-child:after,.is-layout-flow.block-editor-block-list__block:not(.is-selected)>.block-list-appender:only-child:after,.is-layout-flow.block-editor-block-list__block:not(.is-selected)>.wp-block-group__inner-container>.block-list-appender:only-child:after{
  500. border:1px dashed;
  501. border-radius:2px;
  502. bottom:0;
  503. content:"";
  504. left:0;
  505. pointer-events:none;
  506. position:absolute;
  507. right:0;
  508. top:0;
  509. }
  510. .is-layout-constrained.block-editor-block-list__block:not(.is-selected)>.block-list-appender:only-child:after:before,.is-layout-constrained.block-editor-block-list__block:not(.is-selected)>.wp-block-group__inner-container>.block-list-appender:only-child:after:before,.is-layout-flow.block-editor-block-list__block:not(.is-selected)>.block-list-appender:only-child:after:before,.is-layout-flow.block-editor-block-list__block:not(.is-selected)>.wp-block-group__inner-container>.block-list-appender:only-child:after:before{
  511. background:currentColor;
  512. bottom:0;
  513. content:"";
  514. left:0;
  515. opacity:.1;
  516. pointer-events:none;
  517. position:absolute;
  518. right:0;
  519. top:0;
  520. }
  521. .is-layout-constrained.block-editor-block-list__block:not(.is-selected)>.block-list-appender:only-child .block-editor-inserter,.is-layout-constrained.block-editor-block-list__block:not(.is-selected)>.wp-block-group__inner-container>.block-list-appender:only-child .block-editor-inserter,.is-layout-flow.block-editor-block-list__block:not(.is-selected)>.block-list-appender:only-child .block-editor-inserter,.is-layout-flow.block-editor-block-list__block:not(.is-selected)>.wp-block-group__inner-container>.block-list-appender:only-child .block-editor-inserter{
  522. visibility:hidden;
  523. }
  524. .is-layout-constrained.block-editor-block-list__block:not(.is-selected)>.block-list-appender:only-child.is-drag-over:after,.is-layout-constrained.block-editor-block-list__block:not(.is-selected)>.wp-block-group__inner-container>.block-list-appender:only-child.is-drag-over:after,.is-layout-flow.block-editor-block-list__block:not(.is-selected)>.block-list-appender:only-child.is-drag-over:after,.is-layout-flow.block-editor-block-list__block:not(.is-selected)>.wp-block-group__inner-container>.block-list-appender:only-child.is-drag-over:after{
  525. border:none;
  526. }
  527. .is-layout-constrained.block-editor-block-list__block:not(.is-selected)>.block-list-appender:only-child.is-drag-over .block-editor-inserter,.is-layout-constrained.block-editor-block-list__block:not(.is-selected)>.wp-block-group__inner-container>.block-list-appender:only-child.is-drag-over .block-editor-inserter,.is-layout-flow.block-editor-block-list__block:not(.is-selected)>.block-list-appender:only-child.is-drag-over .block-editor-inserter,.is-layout-flow.block-editor-block-list__block:not(.is-selected)>.wp-block-group__inner-container>.block-list-appender:only-child.is-drag-over .block-editor-inserter{
  528. visibility:visible;
  529. }
  530. .block-editor-block-list__block:not(.is-selected)>.block-editor-block-list__block>.block-list-appender:only-child:after{
  531. border:none;
  532. }
  533. .block-list-appender:only-child.is-drag-over .block-editor-button-block-appender{
  534. background-color:var(--wp-admin-theme-color);
  535. box-shadow:inset 0 0 0 1px hsla(0,0%,100%,.65);
  536. color:hsla(0,0%,100%,.65);
  537. transition:background-color .2s ease-in-out;
  538. }
  539. @media (prefers-reduced-motion:reduce){
  540. .block-list-appender:only-child.is-drag-over .block-editor-button-block-appender{
  541. transition:none;
  542. }
  543. }
  544. .block-editor-default-block-appender{
  545. clear:both;
  546. margin-left:auto;
  547. margin-right:auto;
  548. position:relative;
  549. }
  550. .block-editor-default-block-appender[data-root-client-id=""] .block-editor-default-block-appender__content:hover{
  551. outline:1px solid transparent;
  552. }
  553. .block-editor-default-block-appender .block-editor-default-block-appender__content{
  554. opacity:.62;
  555. }
  556. :where(body .is-layout-constrained) .block-editor-default-block-appender>:first-child:first-child{
  557. -webkit-margin-before:0;
  558. margin-block-start:0;
  559. }
  560. .block-editor-default-block-appender .components-drop-zone__content-icon{
  561. display:none;
  562. }
  563. .block-editor-default-block-appender .block-editor-inserter__toggle.components-button.has-icon{
  564. background:#1e1e1e;
  565. border-radius:2px;
  566. color:#fff;
  567. height:24px;
  568. min-width:24px;
  569. padding:0;
  570. }
  571. .block-editor-default-block-appender .block-editor-inserter__toggle.components-button.has-icon:hover{
  572. background:var(--wp-admin-theme-color);
  573. color:#fff;
  574. }
  575. .block-editor-block-list__empty-block-inserter.block-editor-block-list__empty-block-inserter,.block-editor-default-block-appender .block-editor-inserter{
  576. line-height:0;
  577. position:absolute;
  578. right:0;
  579. top:0;
  580. }
  581. .block-editor-block-list__empty-block-inserter.block-editor-block-list__empty-block-inserter:disabled,.block-editor-default-block-appender .block-editor-inserter:disabled{
  582. display:none;
  583. }
  584. .block-editor-block-list__block .block-list-appender{
  585. bottom:0;
  586. list-style:none;
  587. padding:0;
  588. position:absolute;
  589. right:0;
  590. z-index:2;
  591. }
  592. .block-editor-block-list__block .block-list-appender.block-list-appender{
  593. line-height:0;
  594. margin:0;
  595. }
  596. .block-editor-block-list__block .block-list-appender .block-editor-default-block-appender{
  597. height:24px;
  598. }
  599. .block-editor-block-list__block .block-list-appender .block-editor-inserter__toggle.components-button.has-icon,.block-editor-block-list__block .block-list-appender .block-list-appender__toggle{
  600. background:#1e1e1e;
  601. box-shadow:none;
  602. color:#fff;
  603. display:none;
  604. flex-direction:row;
  605. height:24px;
  606. min-width:24px;
  607. padding:0 !important;
  608. width:24px;
  609. }
  610. .block-editor-block-list__block .block-list-appender .block-editor-inserter__toggle.components-button.has-icon:hover,.block-editor-block-list__block .block-list-appender .block-list-appender__toggle:hover{
  611. background:var(--wp-admin-theme-color);
  612. color:#fff;
  613. }
  614. .block-editor-block-list__block .block-list-appender .block-editor-default-block-appender__content{
  615. display:none;
  616. }
  617. .block-editor-block-list__block .block-list-appender:only-child{
  618. align-self:center;
  619. line-height:inherit;
  620. list-style:none;
  621. position:relative;
  622. right:auto;
  623. }
  624. .block-editor-block-list__block .block-list-appender:only-child .block-editor-default-block-appender__content{
  625. display:block;
  626. }
  627. .block-editor-block-list__block.is-selected .block-editor-block-list__layout>.block-list-appender .block-editor-inserter__toggle.components-button.has-icon,.block-editor-block-list__block.is-selected .block-editor-block-list__layout>.block-list-appender .block-list-appender__toggle,.block-editor-block-list__block.is-selected>.block-list-appender .block-editor-inserter__toggle.components-button.has-icon,.block-editor-block-list__block.is-selected>.block-list-appender .block-list-appender__toggle{
  628. display:flex;
  629. }
  630. .block-editor-default-block-appender__content{
  631. cursor:text;
  632. }
  633. .block-editor-block-list__layout.has-overlay:after{
  634. bottom:0;
  635. content:"";
  636. left:0;
  637. position:absolute;
  638. right:0;
  639. top:0;
  640. z-index:60;
  641. }
  642. .block-editor-media-placeholder__url-input-container .block-editor-media-placeholder__button{
  643. margin-bottom:0;
  644. }
  645. .block-editor-media-placeholder__url-input-form{
  646. display:flex;
  647. }
  648. .block-editor-media-placeholder__url-input-form input[type=url].block-editor-media-placeholder__url-input-field{
  649. border:none;
  650. border-radius:0;
  651. flex-grow:1;
  652. margin:2px;
  653. min-width:200px;
  654. width:100%;
  655. }
  656. @media (min-width:600px){
  657. .block-editor-media-placeholder__url-input-form input[type=url].block-editor-media-placeholder__url-input-field{
  658. width:300px;
  659. }
  660. }
  661. .block-editor-media-placeholder__url-input-submit-button{
  662. flex-shrink:1;
  663. }
  664. .block-editor-media-placeholder__button{
  665. margin-bottom:.5rem;
  666. }
  667. .block-editor-media-placeholder__cancel-button.is-link{
  668. display:block;
  669. margin:1em;
  670. }
  671. .block-editor-media-placeholder.is-appender{
  672. min-height:0;
  673. }
  674. .block-editor-media-placeholder.is-appender:hover{
  675. box-shadow:0 0 0 1px var(--wp-admin-theme-color);
  676. cursor:pointer;
  677. }
  678. .block-editor-plain-text{
  679. border:none;
  680. box-shadow:none;
  681. color:inherit;
  682. font-family:inherit;
  683. font-size:inherit;
  684. line-height:inherit;
  685. margin:0;
  686. padding:0;
  687. width:100%;
  688. }
  689. .rich-text [data-rich-text-placeholder]{
  690. pointer-events:none;
  691. }
  692. .rich-text [data-rich-text-placeholder]:after{
  693. content:attr(data-rich-text-placeholder);
  694. opacity:.62;
  695. }
  696. .rich-text:focus{
  697. outline:none;
  698. }
  699. .rich-text:focus [data-rich-text-format-boundary]{
  700. border-radius:2px;
  701. }
  702. .block-editor-rich-text__editable>p:first-child{
  703. margin-top:0;
  704. }
  705. figcaption.block-editor-rich-text__editable [data-rich-text-placeholder]:before{
  706. opacity:.8;
  707. }
  708. [data-rich-text-script]{
  709. display:inline;
  710. }
  711. [data-rich-text-script]:before{
  712. background:#ff0;
  713. content:"</>";
  714. }
  715. .block-editor-warning{
  716. align-items:center;
  717. background-color:#fff;
  718. border:1px solid #1e1e1e;
  719. border-radius:2px;
  720. display:flex;
  721. flex-wrap:wrap;
  722. padding:1em;
  723. }
  724. .block-editor-warning,.block-editor-warning .block-editor-warning__message{
  725. font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;
  726. }
  727. .block-editor-warning .block-editor-warning__message{
  728. color:#1e1e1e;
  729. font-size:13px;
  730. line-height:1.4;
  731. margin:0;
  732. }
  733. .block-editor-warning p.block-editor-warning__message.block-editor-warning__message{
  734. min-height:auto;
  735. }
  736. .block-editor-warning .block-editor-warning__contents{
  737. align-items:baseline;
  738. display:flex;
  739. flex-direction:row;
  740. flex-wrap:wrap;
  741. justify-content:space-between;
  742. width:100%;
  743. }
  744. .block-editor-warning .block-editor-warning__actions{
  745. align-items:center;
  746. display:flex;
  747. margin-top:1em;
  748. }
  749. .block-editor-warning .block-editor-warning__action{
  750. margin:0 8px 0 0;
  751. }
  752. .block-editor-warning__secondary{
  753. margin:auto 0 auto 8px;
  754. }
  755. .components-popover.block-editor-warning__dropdown{
  756. z-index:99998;
  757. }
  758. body.admin-color-light{
  759. --wp-admin-theme-color:#0085ba;
  760. --wp-admin-theme-color--rgb:0, 133, 186;
  761. --wp-admin-theme-color-darker-10:#0073a1;
  762. --wp-admin-theme-color-darker-10--rgb:0, 115, 161;
  763. --wp-admin-theme-color-darker-20:#006187;
  764. --wp-admin-theme-color-darker-20--rgb:0, 97, 135;
  765. --wp-admin-border-width-focus:2px;
  766. }
  767. @media (min-resolution:192dpi){
  768. body.admin-color-light{
  769. --wp-admin-border-width-focus:1.5px;
  770. }
  771. }
  772. body.admin-color-modern{
  773. --wp-admin-theme-color:#3858e9;
  774. --wp-admin-theme-color--rgb:56, 88, 233;
  775. --wp-admin-theme-color-darker-10:#2145e6;
  776. --wp-admin-theme-color-darker-10--rgb:33, 69, 230;
  777. --wp-admin-theme-color-darker-20:#183ad6;
  778. --wp-admin-theme-color-darker-20--rgb:24, 58, 214;
  779. --wp-admin-border-width-focus:2px;
  780. }
  781. @media (min-resolution:192dpi){
  782. body.admin-color-modern{
  783. --wp-admin-border-width-focus:1.5px;
  784. }
  785. }
  786. body.admin-color-blue{
  787. --wp-admin-theme-color:#096484;
  788. --wp-admin-theme-color--rgb:9, 100, 132;
  789. --wp-admin-theme-color-darker-10:#07526c;
  790. --wp-admin-theme-color-darker-10--rgb:7, 82, 108;
  791. --wp-admin-theme-color-darker-20:#064054;
  792. --wp-admin-theme-color-darker-20--rgb:6, 64, 84;
  793. --wp-admin-border-width-focus:2px;
  794. }
  795. @media (min-resolution:192dpi){
  796. body.admin-color-blue{
  797. --wp-admin-border-width-focus:1.5px;
  798. }
  799. }
  800. body.admin-color-coffee{
  801. --wp-admin-theme-color:#46403c;
  802. --wp-admin-theme-color--rgb:70, 64, 60;
  803. --wp-admin-theme-color-darker-10:#383330;
  804. --wp-admin-theme-color-darker-10--rgb:56, 51, 48;
  805. --wp-admin-theme-color-darker-20:#2b2724;
  806. --wp-admin-theme-color-darker-20--rgb:43, 39, 36;
  807. --wp-admin-border-width-focus:2px;
  808. }
  809. @media (min-resolution:192dpi){
  810. body.admin-color-coffee{
  811. --wp-admin-border-width-focus:1.5px;
  812. }
  813. }
  814. body.admin-color-ectoplasm{
  815. --wp-admin-theme-color:#523f6d;
  816. --wp-admin-theme-color--rgb:82, 63, 109;
  817. --wp-admin-theme-color-darker-10:#46365d;
  818. --wp-admin-theme-color-darker-10--rgb:70, 54, 93;
  819. --wp-admin-theme-color-darker-20:#3a2c4d;
  820. --wp-admin-theme-color-darker-20--rgb:58, 44, 77;
  821. --wp-admin-border-width-focus:2px;
  822. }
  823. @media (min-resolution:192dpi){
  824. body.admin-color-ectoplasm{
  825. --wp-admin-border-width-focus:1.5px;
  826. }
  827. }
  828. body.admin-color-midnight{
  829. --wp-admin-theme-color:#e14d43;
  830. --wp-admin-theme-color--rgb:225, 77, 67;
  831. --wp-admin-theme-color-darker-10:#dd382d;
  832. --wp-admin-theme-color-darker-10--rgb:221, 56, 45;
  833. --wp-admin-theme-color-darker-20:#d02c21;
  834. --wp-admin-theme-color-darker-20--rgb:208, 44, 33;
  835. --wp-admin-border-width-focus:2px;
  836. }
  837. @media (min-resolution:192dpi){
  838. body.admin-color-midnight{
  839. --wp-admin-border-width-focus:1.5px;
  840. }
  841. }
  842. body.admin-color-ocean{
  843. --wp-admin-theme-color:#627c83;
  844. --wp-admin-theme-color--rgb:98, 124, 131;
  845. --wp-admin-theme-color-darker-10:#576e74;
  846. --wp-admin-theme-color-darker-10--rgb:87, 110, 116;
  847. --wp-admin-theme-color-darker-20:#4c6066;
  848. --wp-admin-theme-color-darker-20--rgb:76, 96, 102;
  849. --wp-admin-border-width-focus:2px;
  850. }
  851. @media (min-resolution:192dpi){
  852. body.admin-color-ocean{
  853. --wp-admin-border-width-focus:1.5px;
  854. }
  855. }
  856. body.admin-color-sunrise{
  857. --wp-admin-theme-color:#dd823b;
  858. --wp-admin-theme-color--rgb:221, 130, 59;
  859. --wp-admin-theme-color-darker-10:#d97426;
  860. --wp-admin-theme-color-darker-10--rgb:217, 116, 38;
  861. --wp-admin-theme-color-darker-20:#c36922;
  862. --wp-admin-theme-color-darker-20--rgb:195, 105, 34;
  863. --wp-admin-border-width-focus:2px;
  864. }
  865. @media (min-resolution:192dpi){
  866. body.admin-color-sunrise{
  867. --wp-admin-border-width-focus:1.5px;
  868. }
  869. }