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.

475 lines
13 KiB

1 year ago
  1. .editor-styles-wrapper .wp-block-navigation ul{
  2. margin-bottom:0;
  3. margin-right:0;
  4. margin-top:0;
  5. padding-right:0;
  6. }
  7. .editor-styles-wrapper .wp-block-navigation .wp-block-navigation-item.wp-block{
  8. margin:revert;
  9. }
  10. .wp-block-navigation-item__label{
  11. display:inline;
  12. }
  13. .wp-block-navigation-item,.wp-block-navigation__container{
  14. background-color:inherit;
  15. }
  16. .wp-block-navigation:not(.is-selected):not(.has-child-selected) .has-child:hover>.wp-block-navigation__submenu-container{
  17. opacity:0;
  18. visibility:hidden;
  19. }
  20. .has-child.has-child-selected>.wp-block-navigation__submenu-container,.has-child.is-selected>.wp-block-navigation__submenu-container{
  21. display:flex;
  22. opacity:1;
  23. visibility:visible;
  24. }
  25. .is-dragging-components-draggable .has-child.is-dragging-within>.wp-block-navigation__submenu-container{
  26. opacity:1;
  27. visibility:visible;
  28. }
  29. .is-editing>.wp-block-navigation__container{
  30. display:flex;
  31. flex-direction:column;
  32. opacity:1;
  33. visibility:visible;
  34. }
  35. .is-dragging-components-draggable .wp-block-navigation-link>.wp-block-navigation__container{
  36. opacity:1;
  37. visibility:hidden;
  38. }
  39. .is-dragging-components-draggable .wp-block-navigation-link>.wp-block-navigation__container .block-editor-block-draggable-chip-wrapper{
  40. visibility:visible;
  41. }
  42. .is-editing>.wp-block-navigation__submenu-container>.block-list-appender{
  43. display:block;
  44. position:static;
  45. width:100%;
  46. }
  47. .is-editing>.wp-block-navigation__submenu-container>.block-list-appender .block-editor-button-block-appender{
  48. background:#1e1e1e;
  49. border-radius:2px;
  50. color:#fff;
  51. margin-left:0;
  52. margin-right:auto;
  53. padding:0;
  54. width:24px;
  55. }
  56. .wp-block-navigation__submenu-container .block-list-appender{
  57. display:none;
  58. }
  59. .block-library-colors-selector{
  60. width:auto;
  61. }
  62. .block-library-colors-selector .block-library-colors-selector__toggle{
  63. display:block;
  64. margin:0 auto;
  65. padding:3px;
  66. width:auto;
  67. }
  68. .block-library-colors-selector .block-library-colors-selector__icon-container{
  69. align-items:center;
  70. border-radius:4px;
  71. display:flex;
  72. height:30px;
  73. margin:0 auto;
  74. padding:3px;
  75. position:relative;
  76. }
  77. .block-library-colors-selector .block-library-colors-selector__state-selection{
  78. border-radius:11px;
  79. box-shadow:inset 0 0 0 1px rgba(0,0,0,.2);
  80. height:22px;
  81. line-height:20px;
  82. margin-left:auto;
  83. margin-right:auto;
  84. min-height:22px;
  85. min-width:22px;
  86. padding:2px;
  87. width:22px;
  88. }
  89. .block-library-colors-selector .block-library-colors-selector__state-selection>svg{
  90. min-width:auto !important;
  91. }
  92. .block-library-colors-selector .block-library-colors-selector__state-selection.has-text-color>svg,.block-library-colors-selector .block-library-colors-selector__state-selection.has-text-color>svg path{
  93. color:inherit;
  94. }
  95. .block-library-colors-selector__popover .color-palette-controller-container{
  96. padding:16px;
  97. }
  98. .block-library-colors-selector__popover .components-base-control__label{
  99. height:20px;
  100. line-height:20px;
  101. }
  102. .block-library-colors-selector__popover .component-color-indicator{
  103. float:left;
  104. margin-top:2px;
  105. }
  106. .block-library-colors-selector__popover .components-panel__body-title{
  107. display:none;
  108. }
  109. .wp-block-navigation .wp-block+.block-list-appender .block-editor-button-block-appender{
  110. background-color:#1e1e1e;
  111. color:#fff;
  112. }
  113. .wp-block-navigation .wp-block+.block-list-appender .block-editor-button-block-appender.block-editor-button-block-appender.block-editor-button-block-appender{
  114. padding:0;
  115. }
  116. .wp-block-navigation .wp-block .wp-block .block-editor-button-block-appender{
  117. background-color:transparent;
  118. color:#1e1e1e;
  119. }
  120. @keyframes loadingpulse{
  121. 0%{
  122. opacity:1;
  123. }
  124. 50%{
  125. opacity:.5;
  126. }
  127. to{
  128. opacity:1;
  129. }
  130. }
  131. .components-placeholder.wp-block-navigation-placeholder{
  132. background:none;
  133. box-shadow:none;
  134. color:inherit;
  135. min-height:0;
  136. outline:none;
  137. padding:0;
  138. }
  139. .components-placeholder.wp-block-navigation-placeholder .components-placeholder__fieldset{
  140. font-size:inherit;
  141. }
  142. .components-placeholder.wp-block-navigation-placeholder .components-placeholder__fieldset .components-button{
  143. margin-bottom:0;
  144. }
  145. .wp-block-navigation.is-selected .components-placeholder.wp-block-navigation-placeholder{
  146. color:#1e1e1e;
  147. }
  148. .wp-block-navigation-placeholder__preview{
  149. align-items:center;
  150. background:transparent;
  151. color:currentColor;
  152. display:flex;
  153. font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;
  154. font-size:13px;
  155. min-width:96px;
  156. }
  157. .wp-block-navigation.is-selected .wp-block-navigation-placeholder__preview{
  158. display:none;
  159. }
  160. .wp-block-navigation-placeholder__preview:before{
  161. border:1px dashed;
  162. border-radius:2px;
  163. border-radius:inherit;
  164. bottom:0;
  165. content:"";
  166. display:block;
  167. left:0;
  168. pointer-events:none;
  169. position:absolute;
  170. right:0;
  171. top:0;
  172. }
  173. .wp-block-navigation-placeholder__preview:before:before{
  174. background:currentColor;
  175. bottom:0;
  176. content:"";
  177. left:0;
  178. opacity:.1;
  179. pointer-events:none;
  180. position:absolute;
  181. right:0;
  182. top:0;
  183. }
  184. .wp-block-navigation-placeholder__preview>svg{
  185. fill:currentColor;
  186. }
  187. .wp-block-navigation.is-vertical .is-medium .components-placeholder__fieldset,.wp-block-navigation.is-vertical .is-small .components-placeholder__fieldset{
  188. min-height:90px;
  189. }
  190. .wp-block-navigation.is-vertical .is-large .components-placeholder__fieldset{
  191. min-height:132px;
  192. }
  193. .wp-block-navigation-placeholder__controls,.wp-block-navigation-placeholder__preview{
  194. align-items:flex-start;
  195. flex-direction:row;
  196. padding:6px 8px;
  197. }
  198. .wp-block-navigation-placeholder__controls{
  199. background-color:#fff;
  200. border-radius:2px;
  201. box-shadow:inset 0 0 0 1px #1e1e1e;
  202. display:none;
  203. float:right;
  204. position:relative;
  205. width:100%;
  206. z-index:1;
  207. }
  208. .wp-block-navigation.is-selected .wp-block-navigation-placeholder__controls{
  209. display:flex;
  210. }
  211. .is-medium .wp-block-navigation-placeholder__controls .wp-block-navigation-placeholder__actions__indicator,.is-medium .wp-block-navigation-placeholder__controls .wp-block-navigation-placeholder__actions__indicator+hr,.is-small .wp-block-navigation-placeholder__controls .wp-block-navigation-placeholder__actions__indicator,.is-small .wp-block-navigation-placeholder__controls .wp-block-navigation-placeholder__actions__indicator+hr{
  212. display:none;
  213. }
  214. .is-small .wp-block-navigation-placeholder__controls .wp-block-navigation-placeholder__actions,.wp-block-navigation.is-vertical .wp-block-navigation-placeholder__controls .wp-block-navigation-placeholder__actions{
  215. align-items:flex-start;
  216. flex-direction:column;
  217. }
  218. .is-small .wp-block-navigation-placeholder__controls .wp-block-navigation-placeholder__actions hr,.wp-block-navigation.is-vertical .wp-block-navigation-placeholder__controls .wp-block-navigation-placeholder__actions hr{
  219. display:none;
  220. }
  221. .wp-block-navigation-placeholder__controls .wp-block-navigation-placeholder__icon{
  222. height:36px;
  223. margin-left:12px;
  224. }
  225. .wp-block-navigation-placeholder__actions__indicator{
  226. align-items:center;
  227. display:flex;
  228. height:36px;
  229. justify-content:flex-start;
  230. line-height:0;
  231. margin-right:4px;
  232. padding:0 0 0 6px;
  233. }
  234. .wp-block-navigation-placeholder__actions__indicator svg{
  235. fill:currentColor;
  236. margin-left:4px;
  237. }
  238. .wp-block-navigation .components-placeholder.is-medium .components-placeholder__fieldset{
  239. flex-direction:row !important;
  240. }
  241. .wp-block-navigation-placeholder__actions{
  242. align-items:center;
  243. display:flex;
  244. font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;
  245. font-size:13px;
  246. gap:6px;
  247. height:100%;
  248. }
  249. .wp-block-navigation-placeholder__actions .components-dropdown,.wp-block-navigation-placeholder__actions>.components-button{
  250. margin-left:0;
  251. }
  252. .wp-block-navigation-placeholder__actions.wp-block-navigation-placeholder__actions hr{
  253. background-color:#1e1e1e;
  254. border:0;
  255. height:100%;
  256. margin:auto 0;
  257. max-height:16px;
  258. min-height:1px;
  259. min-width:1px;
  260. }
  261. @media (min-width:600px){
  262. .wp-block-navigation__responsive-container:not(.is-menu-open) .components-button.wp-block-navigation__responsive-container-close{
  263. display:none;
  264. }
  265. }
  266. .wp-block-navigation__responsive-container.is-menu-open{
  267. position:fixed;
  268. top:155px;
  269. }
  270. @media (min-width:782px){
  271. .wp-block-navigation__responsive-container.is-menu-open{
  272. right:36px;
  273. top:93px;
  274. }
  275. }
  276. @media (min-width:960px){
  277. .wp-block-navigation__responsive-container.is-menu-open{
  278. right:160px;
  279. }
  280. }
  281. @media (min-width:782px){
  282. .has-fixed-toolbar .wp-block-navigation__responsive-container.is-menu-open{
  283. top:141px;
  284. }
  285. }
  286. .is-mobile-preview .wp-block-navigation__responsive-container.is-menu-open,.is-tablet-preview .wp-block-navigation__responsive-container.is-menu-open{
  287. top:141px;
  288. }
  289. .is-sidebar-opened .wp-block-navigation__responsive-container.is-menu-open{
  290. left:280px;
  291. }
  292. .is-fullscreen-mode .wp-block-navigation__responsive-container.is-menu-open{
  293. right:0;
  294. top:155px;
  295. }
  296. @media (min-width:782px){
  297. .is-fullscreen-mode .wp-block-navigation__responsive-container.is-menu-open{
  298. top:61px;
  299. }
  300. .is-fullscreen-mode .has-fixed-toolbar .wp-block-navigation__responsive-container.is-menu-open{
  301. top:109px;
  302. }
  303. }
  304. .is-fullscreen-mode .is-mobile-preview .wp-block-navigation__responsive-container.is-menu-open,.is-fullscreen-mode .is-tablet-preview .wp-block-navigation__responsive-container.is-menu-open{
  305. top:109px;
  306. }
  307. body.editor-styles-wrapper .wp-block-navigation__responsive-container.is-menu-open{
  308. bottom:0;
  309. left:0;
  310. right:0;
  311. top:0;
  312. }
  313. .components-button.wp-block-navigation__responsive-container-close.wp-block-navigation__responsive-container-close,.components-button.wp-block-navigation__responsive-container-open.wp-block-navigation__responsive-container-open{
  314. color:inherit;
  315. height:auto;
  316. padding:0;
  317. }
  318. .components-heading.wp-block-navigation-off-canvas-editor__title{
  319. margin:0;
  320. }
  321. .wp-block-navigation-off-canvas-editor__header{
  322. margin-bottom:8px;
  323. }
  324. .is-menu-open .wp-block-navigation__responsive-container-content * .block-list-appender{
  325. margin-top:16px;
  326. }
  327. @keyframes fadein{
  328. 0%{
  329. opacity:0;
  330. }
  331. to{
  332. opacity:1;
  333. }
  334. }
  335. .wp-block-navigation__loading-indicator-container{
  336. padding:8px 12px;
  337. }
  338. .wp-block-navigation .wp-block-navigation__uncontrolled-inner-blocks-loading-indicator{
  339. margin-top:0;
  340. }
  341. @keyframes fadeouthalf{
  342. 0%{
  343. opacity:1;
  344. }
  345. to{
  346. opacity:.5;
  347. }
  348. }
  349. .wp-block-navigation-delete-menu-button{
  350. justify-content:center;
  351. margin-bottom:16px;
  352. width:100%;
  353. }
  354. .components-button.is-link.wp-block-navigation-manage-menus-button{
  355. margin-bottom:16px;
  356. }
  357. .wp-block-navigation__overlay-menu-preview{
  358. align-items:center;
  359. background-color:#f0f0f0;
  360. display:flex;
  361. height:64px;
  362. justify-content:space-between;
  363. margin-bottom:12px;
  364. padding:0 24px;
  365. width:100%;
  366. }
  367. .wp-block-navigation__overlay-menu-preview.open{
  368. background-color:#fff;
  369. box-shadow:inset 0 0 0 1px #e0e0e0;
  370. outline:1px solid transparent;
  371. }
  372. .wp-block-navigation-placeholder__actions hr+hr,.wp-block-navigation__toolbar-menu-selector.components-toolbar-group:empty{
  373. display:none;
  374. }
  375. .wp-block-navigation__navigation-selector{
  376. margin-bottom:16px;
  377. width:100%;
  378. }
  379. .wp-block-navigation__navigation-selector-button{
  380. border:1px solid;
  381. justify-content:space-between;
  382. width:100%;
  383. }
  384. .wp-block-navigation__navigation-selector-button__icon{
  385. flex:0 0 auto;
  386. }
  387. .wp-block-navigation__navigation-selector-button__label{
  388. flex:0 1 auto;
  389. overflow:hidden;
  390. text-overflow:ellipsis;
  391. white-space:nowrap;
  392. }
  393. .wp-block-navigation__navigation-selector-button--createnew{
  394. border:1px solid;
  395. margin-bottom:16px;
  396. width:100%;
  397. }
  398. .wp-block-navigation__responsive-container-open.components-button{
  399. opacity:1;
  400. }
  401. .wp-block-navigation__menu-inspector-controls{
  402. overflow-x:auto;
  403. scrollbar-color:transparent transparent;
  404. scrollbar-gutter:stable both-edges;
  405. scrollbar-width:thin;
  406. will-change:transform;
  407. }
  408. .wp-block-navigation__menu-inspector-controls::-webkit-scrollbar{
  409. height:12px;
  410. width:12px;
  411. }
  412. .wp-block-navigation__menu-inspector-controls::-webkit-scrollbar-track{
  413. background-color:transparent;
  414. }
  415. .wp-block-navigation__menu-inspector-controls::-webkit-scrollbar-thumb{
  416. background-clip:padding-box;
  417. background-color:transparent;
  418. border:3px solid transparent;
  419. border-radius:8px;
  420. }
  421. .wp-block-navigation__menu-inspector-controls:focus-within::-webkit-scrollbar-thumb,.wp-block-navigation__menu-inspector-controls:focus::-webkit-scrollbar-thumb,.wp-block-navigation__menu-inspector-controls:hover::-webkit-scrollbar-thumb{
  422. background-color:#949494;
  423. }
  424. .wp-block-navigation__menu-inspector-controls:focus,.wp-block-navigation__menu-inspector-controls:focus-within,.wp-block-navigation__menu-inspector-controls:hover{
  425. scrollbar-color:#949494 transparent;
  426. }
  427. @media (hover:none){
  428. .wp-block-navigation__menu-inspector-controls{
  429. scrollbar-color:#949494 transparent;
  430. }
  431. }
  432. .wp-block-navigation__menu-inspector-controls__empty-message{
  433. margin-right:24px;
  434. }