equal
deleted
inserted
replaced
39 /** |
39 /** |
40 * React Native specific. |
40 * React Native specific. |
41 * These variables do not appear to be used anywhere else. |
41 * These variables do not appear to be used anywhere else. |
42 */ |
42 */ |
43 /** |
43 /** |
|
44 * Converts a hex value into the rgb equivalent. |
|
45 * |
|
46 * @param {string} hex - the hexadecimal value to convert |
|
47 * @return {string} comma separated rgb values |
|
48 */ |
|
49 /** |
44 * Breakpoint mixins |
50 * Breakpoint mixins |
45 */ |
51 */ |
46 /** |
52 /** |
47 * Long content fade mixin |
53 * Long content fade mixin |
48 * |
54 * |
68 /** |
74 /** |
69 * Reset the WP Admin page styles for Gutenberg-like pages. |
75 * Reset the WP Admin page styles for Gutenberg-like pages. |
70 */ |
76 */ |
71 :root { |
77 :root { |
72 --wp-admin-theme-color: #007cba; |
78 --wp-admin-theme-color: #007cba; |
|
79 --wp-admin-theme-color--rgb: 0, 124, 186; |
73 --wp-admin-theme-color-darker-10: #006ba1; |
80 --wp-admin-theme-color-darker-10: #006ba1; |
|
81 --wp-admin-theme-color-darker-10--rgb: 0, 107, 161; |
74 --wp-admin-theme-color-darker-20: #005a87; |
82 --wp-admin-theme-color-darker-20: #005a87; |
|
83 --wp-admin-theme-color-darker-20--rgb: 0, 90, 135; |
75 --wp-admin-border-width-focus: 2px; |
84 --wp-admin-border-width-focus: 2px; |
76 } |
85 } |
77 @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { |
86 @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { |
78 :root { |
87 :root { |
79 --wp-admin-border-width-focus: 1.5px; |
88 --wp-admin-border-width-focus: 1.5px; |
106 border-bottom: 1px solid #e0e0e0; |
115 border-bottom: 1px solid #e0e0e0; |
107 z-index: 8; |
116 z-index: 8; |
108 } |
117 } |
109 @media (min-width: 782px) { |
118 @media (min-width: 782px) { |
110 .customize-widgets-header { |
119 .customize-widgets-header { |
111 margin-bottom: 76px; |
120 margin-bottom: 44px; |
112 } |
121 } |
113 } |
122 } |
114 .customize-widgets-header.is-fixed-toolbar-active { |
123 .customize-widgets-header.is-fixed-toolbar-active { |
115 margin-bottom: 0; |
124 margin-bottom: 0; |
116 } |
125 } |
219 border-radius: 8%; |
228 border-radius: 8%; |
220 margin: 0 0.2rem 0 0.2rem; |
229 margin: 0 0.2rem 0 0.2rem; |
221 } |
230 } |
222 .customize-widgets-keyboard-shortcut-help-modal__shortcut-key:last-child { |
231 .customize-widgets-keyboard-shortcut-help-modal__shortcut-key:last-child { |
223 margin: 0 0.2rem 0 0; |
232 margin: 0 0.2rem 0 0; |
224 } |
|
225 |
|
226 .customize-widgets-more-menu { |
|
227 margin-right: -4px; |
|
228 } |
|
229 .customize-widgets-more-menu .components-button { |
|
230 width: auto; |
|
231 padding: 0 2px; |
|
232 } |
|
233 @media (min-width: 600px) { |
|
234 .customize-widgets-more-menu { |
|
235 margin-right: 0; |
|
236 } |
|
237 .customize-widgets-more-menu .components-button { |
|
238 padding: 0 4px; |
|
239 } |
|
240 } |
|
241 |
|
242 .customize-widgets-more-menu__content .components-popover__content { |
|
243 min-width: 280px; |
|
244 } |
|
245 @media (min-width: 480px) { |
|
246 .customize-widgets-more-menu__content .components-popover__content { |
|
247 width: auto; |
|
248 max-width: 480px; |
|
249 } |
|
250 } |
|
251 .customize-widgets-more-menu__content .components-popover__content .components-dropdown-menu__menu { |
|
252 padding: 0; |
|
253 } |
|
254 |
|
255 .components-popover.customize-widgets-more-menu__content { |
|
256 z-index: 99998; |
|
257 } |
233 } |
258 |
234 |
259 .block-editor-block-contextual-toolbar.is-fixed { |
235 .block-editor-block-contextual-toolbar.is-fixed { |
260 top: 0; |
236 top: 0; |
261 margin-right: -12px; |
237 margin-right: -12px; |