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.

244 lines
6.9 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. #customize-theme-controls .customize-pane-child.accordion-section-content.customize-widgets-layout__inspector{
  18. background:#fff;
  19. box-sizing:border-box;
  20. }
  21. #customize-theme-controls .customize-pane-child.accordion-section-content.customize-widgets-layout__inspector *{
  22. box-sizing:inherit;
  23. }
  24. #customize-theme-controls .customize-pane-child.accordion-section-content.customize-widgets-layout__inspector .block-editor-block-inspector{
  25. margin:-12px;
  26. }
  27. #customize-theme-controls .customize-pane-child.accordion-section-content.customize-widgets-layout__inspector .block-editor-block-inspector h3{
  28. margin-bottom:0;
  29. }
  30. #customize-theme-controls .customize-pane-child.control-section-sidebar.is-sub-section-open{
  31. transform:translateX(-100%);
  32. }
  33. .customize-widgets-header{
  34. background:#f0f0f1;
  35. border-bottom:1px solid #e0e0e0;
  36. display:flex;
  37. justify-content:flex-end;
  38. margin:-15px -12px 0;
  39. z-index:8;
  40. }
  41. @media (min-width:782px){
  42. .customize-widgets-header{
  43. margin-bottom:44px;
  44. }
  45. }
  46. .customize-widgets-header.is-fixed-toolbar-active{
  47. margin-bottom:0;
  48. }
  49. .customize-widgets-header-toolbar{
  50. align-items:center;
  51. border:none;
  52. display:flex;
  53. width:100%;
  54. }
  55. .customize-widgets-header-toolbar .customize-widgets-header-toolbar__inserter-toggle.components-button.has-icon{
  56. border-radius:2px;
  57. color:#fff;
  58. height:24px;
  59. margin:12px 0 12px auto;
  60. min-width:24px;
  61. padding:0;
  62. }
  63. .customize-widgets-header-toolbar .customize-widgets-header-toolbar__inserter-toggle.components-button.has-icon:before{
  64. content:none;
  65. }
  66. .customize-widgets-header-toolbar .customize-widgets-header-toolbar__inserter-toggle.components-button.has-icon.is-pressed{
  67. background:#1e1e1e;
  68. }
  69. .customize-widgets-header-toolbar .components-button.has-icon.customize-widgets-editor-history-button.redo-button{
  70. margin-left:-12px;
  71. }
  72. #customize-sidebar-outer-content{
  73. min-width:100%;
  74. width:auto;
  75. }
  76. #customize-outer-theme-controls .widgets-inserter{
  77. padding:0;
  78. }
  79. #customize-outer-theme-controls .widgets-inserter .customize-section-description-container{
  80. display:none;
  81. }
  82. .customize-widgets-layout__inserter-panel{
  83. background:#fff;
  84. }
  85. .customize-widgets-layout__inserter-panel-header{
  86. align-items:center;
  87. border-bottom:1px solid #ddd;
  88. box-sizing:border-box;
  89. display:flex;
  90. height:46px;
  91. justify-content:space-between;
  92. padding:16px;
  93. }
  94. .customize-widgets-layout__inserter-panel-header .customize-widgets-layout__inserter-panel-header-title{
  95. margin:0;
  96. }
  97. .block-editor-inserter__quick-inserter .block-editor-inserter__panel-content{
  98. background:#fff;
  99. }
  100. .customize-widgets-keyboard-shortcut-help-modal__section{
  101. margin:0 0 2rem;
  102. }
  103. .customize-widgets-keyboard-shortcut-help-modal__section-title{
  104. font-size:.9rem;
  105. font-weight:600;
  106. }
  107. .customize-widgets-keyboard-shortcut-help-modal__shortcut{
  108. align-items:baseline;
  109. border-top:1px solid #ddd;
  110. display:flex;
  111. margin-bottom:0;
  112. padding:.6rem 0;
  113. }
  114. .customize-widgets-keyboard-shortcut-help-modal__shortcut:last-child{
  115. border-bottom:1px solid #ddd;
  116. }
  117. .customize-widgets-keyboard-shortcut-help-modal__shortcut:empty{
  118. display:none;
  119. }
  120. .customize-widgets-keyboard-shortcut-help-modal__shortcut-term{
  121. font-weight:600;
  122. margin:0 0 0 1rem;
  123. text-align:right;
  124. }
  125. .customize-widgets-keyboard-shortcut-help-modal__shortcut-description{
  126. flex:1;
  127. flex-basis:auto;
  128. margin:0;
  129. }
  130. .customize-widgets-keyboard-shortcut-help-modal__shortcut-key-combination{
  131. background:none;
  132. display:block;
  133. margin:0;
  134. padding:0;
  135. }
  136. .customize-widgets-keyboard-shortcut-help-modal__shortcut-key-combination+.customize-widgets-keyboard-shortcut-help-modal__shortcut-key-combination{
  137. margin-top:10px;
  138. }
  139. .customize-widgets-keyboard-shortcut-help-modal__shortcut-key{
  140. border-radius:8%;
  141. margin:0 .2rem;
  142. padding:.25rem .5rem;
  143. }
  144. .customize-widgets-keyboard-shortcut-help-modal__shortcut-key:last-child{
  145. margin:0 0 0 .2rem;
  146. }
  147. .block-editor-block-contextual-toolbar.is-fixed{
  148. margin-left:-12px;
  149. margin-right:-12px;
  150. overflow-y:auto;
  151. width:calc(100% + 24px) !important;
  152. z-index:7;
  153. }
  154. .block-editor-block-contextual-toolbar.is-fixed>.block-editor-block-toolbar__group-collapse-fixed-toolbar{
  155. display:none;
  156. }
  157. .customize-control-sidebar_block_editor .block-editor-block-list__block-popover{
  158. position:fixed !important;
  159. z-index:7;
  160. }
  161. .customize-control-sidebar_block_editor .components-popover,.customize-widgets-popover .components-popover{
  162. position:fixed !important;
  163. }
  164. .customize-widgets-welcome-guide__image__wrapper{
  165. background:#00a0d2;
  166. margin-bottom:8px;
  167. text-align:center;
  168. }
  169. .customize-widgets-welcome-guide__image{
  170. height:auto;
  171. }
  172. .wrap .customize-widgets-welcome-guide__heading{
  173. font-size:18px;
  174. font-weight:600;
  175. }
  176. .customize-widgets-welcome-guide__text{
  177. line-height:1.7;
  178. }
  179. .customize-widgets-welcome-guide__button{
  180. justify-content:center;
  181. margin:1em 0;
  182. width:100%;
  183. }
  184. .customize-widgets-welcome-guide__separator{
  185. margin:1em 0;
  186. }
  187. .customize-widgets-welcome-guide__more-info{
  188. line-height:1.4;
  189. }
  190. #customize-theme-controls .customize-pane-child.customize-widgets__sidebar-section{
  191. background-color:#fff;
  192. min-height:100%;
  193. padding-top:12px !important;
  194. }
  195. #customize-theme-controls .customize-pane-child.customize-widgets__sidebar-section.open{
  196. overflow:unset;
  197. }
  198. #customize-theme-controls .customize-pane-child.customize-widgets__sidebar-section .customize-section-title{
  199. margin-top:-12px !important;
  200. position:static !important;
  201. width:unset !important;
  202. }
  203. .components-modal__screen-overlay{
  204. z-index:999999;
  205. }
  206. .customize-control-sidebar_block_editor,.customize-widgets-layout__inspector,.customize-widgets-popover{
  207. box-sizing:border-box;
  208. }
  209. .customize-control-sidebar_block_editor *,.customize-control-sidebar_block_editor :after,.customize-control-sidebar_block_editor :before,.customize-widgets-layout__inspector *,.customize-widgets-layout__inspector :after,.customize-widgets-layout__inspector :before,.customize-widgets-popover *,.customize-widgets-popover :after,.customize-widgets-popover :before{
  210. box-sizing:inherit;
  211. }
  212. .block-editor-block-contextual-toolbar.is-fixed{
  213. border:none;
  214. border-bottom:1px solid #e0e0e0;
  215. border-radius:0;
  216. left:0;
  217. overflow-y:hidden;
  218. position:sticky;
  219. top:0;
  220. width:calc(100% + 24px);
  221. z-index:6;
  222. }
  223. .block-editor-block-contextual-toolbar.is-fixed .block-editor-block-toolbar .components-toolbar,.block-editor-block-contextual-toolbar.is-fixed .block-editor-block-toolbar .components-toolbar-group{
  224. border-right-color:#e0e0e0;
  225. }
  226. .block-editor-block-contextual-toolbar.is-fixed.is-collapsed{
  227. margin-left:-12px;
  228. }