|
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 --wp-bound-block-color:var(--wp-block-synced-color); |
|
12 } |
|
13 @media (min-resolution:192dpi){ |
|
14 :root{ |
|
15 --wp-admin-border-width-focus:1.5px; |
|
16 } |
|
17 } |
|
18 |
|
19 .commands-command-menu{ |
|
20 border-radius:4px; |
|
21 margin:auto; |
|
22 max-width:400px; |
|
23 position:relative; |
|
24 top:calc(5% + 60px); |
|
25 width:calc(100% - 32px); |
|
26 } |
|
27 @media (min-width:600px){ |
|
28 .commands-command-menu{ |
|
29 top:calc(10% + 60px); |
|
30 } |
|
31 } |
|
32 .commands-command-menu .components-modal__content{ |
|
33 margin:0; |
|
34 padding:0; |
|
35 } |
|
36 |
|
37 .commands-command-menu__overlay{ |
|
38 align-items:start; |
|
39 display:block; |
|
40 } |
|
41 |
|
42 .commands-command-menu__header{ |
|
43 align-items:center; |
|
44 display:flex; |
|
45 padding:0 16px; |
|
46 } |
|
47 .commands-command-menu__header .components-button{ |
|
48 border:1px solid #949494; |
|
49 border-left:0; |
|
50 border-radius:0 2px 2px 0; |
|
51 height:56px; |
|
52 justify-content:center; |
|
53 width:56px; |
|
54 } |
|
55 .commands-command-menu__header .components-button+[cmdk-input]{ |
|
56 border-bottom-right-radius:0; |
|
57 border-top-right-radius:0; |
|
58 } |
|
59 |
|
60 .commands-command-menu__container{ |
|
61 will-change:transform; |
|
62 } |
|
63 .commands-command-menu__container [cmdk-input]{ |
|
64 border:none; |
|
65 border-radius:0; |
|
66 color:#1e1e1e; |
|
67 font-size:15px; |
|
68 line-height:28px; |
|
69 margin:0; |
|
70 outline:none; |
|
71 padding:16px 4px; |
|
72 width:100%; |
|
73 } |
|
74 .commands-command-menu__container [cmdk-input]::placeholder{ |
|
75 color:#757575; |
|
76 } |
|
77 .commands-command-menu__container [cmdk-input]:focus{ |
|
78 box-shadow:none; |
|
79 outline:none; |
|
80 } |
|
81 .commands-command-menu__container [cmdk-item]{ |
|
82 align-items:center; |
|
83 border-radius:2px; |
|
84 color:#1e1e1e; |
|
85 cursor:pointer; |
|
86 display:flex; |
|
87 font-size:13px; |
|
88 } |
|
89 .commands-command-menu__container [cmdk-item]:active,.commands-command-menu__container [cmdk-item][aria-selected=true]{ |
|
90 background:var(--wp-admin-theme-color); |
|
91 color:#fff; |
|
92 } |
|
93 .commands-command-menu__container [cmdk-item]:active svg,.commands-command-menu__container [cmdk-item][aria-selected=true] svg{ |
|
94 fill:#fff; |
|
95 } |
|
96 .commands-command-menu__container [cmdk-item][aria-disabled=true]{ |
|
97 color:#949494; |
|
98 cursor:not-allowed; |
|
99 } |
|
100 .commands-command-menu__container [cmdk-item] svg{ |
|
101 fill:#1e1e1e; |
|
102 } |
|
103 .commands-command-menu__container [cmdk-item]>div{ |
|
104 min-height:40px; |
|
105 padding:4px 40px 4px 4px; |
|
106 } |
|
107 .commands-command-menu__container [cmdk-item]>.has-icon{ |
|
108 padding-right:8px; |
|
109 } |
|
110 .commands-command-menu__container [cmdk-root]>[cmdk-list]{ |
|
111 max-height:368px; |
|
112 overflow:auto; |
|
113 } |
|
114 .commands-command-menu__container [cmdk-root]>[cmdk-list] [cmdk-list-sizer]>[cmdk-group]:last-child [cmdk-group-items]:not(:empty){ |
|
115 padding-bottom:8px; |
|
116 } |
|
117 .commands-command-menu__container [cmdk-root]>[cmdk-list] [cmdk-list-sizer]>[cmdk-group]>[cmdk-group-items]:not(:empty){ |
|
118 padding:0 8px; |
|
119 } |
|
120 .commands-command-menu__container [cmdk-empty]{ |
|
121 align-items:center; |
|
122 color:#1e1e1e; |
|
123 display:flex; |
|
124 justify-content:center; |
|
125 padding:8px 0 32px; |
|
126 white-space:pre-wrap; |
|
127 } |
|
128 .commands-command-menu__container [cmdk-loading]{ |
|
129 padding:16px; |
|
130 } |
|
131 .commands-command-menu__container [cmdk-list-sizer]{ |
|
132 position:relative; |
|
133 } |
|
134 |
|
135 .commands-command-menu__item span{ |
|
136 display:inline-block; |
|
137 overflow:hidden; |
|
138 text-overflow:ellipsis; |
|
139 white-space:nowrap; |
|
140 } |
|
141 |
|
142 .commands-command-menu__item mark{ |
|
143 background:unset; |
|
144 color:inherit; |
|
145 font-weight:600; |
|
146 } |