15 * |
45 * |
16 * Creates a fading overlay to signify that the content is longer |
46 * Creates a fading overlay to signify that the content is longer |
17 * than the space allows. |
47 * than the space allows. |
18 */ |
48 */ |
19 /** |
49 /** |
20 * Button states and focus styles |
50 * Focus styles. |
21 */ |
51 */ |
22 /** |
52 /** |
23 * Applies editor left position to the selector passed as argument |
53 * Applies editor left position to the selector passed as argument |
24 */ |
|
25 /** |
|
26 * Applies editor right position to the selector passed as argument |
|
27 */ |
54 */ |
28 /** |
55 /** |
29 * Styles that are reused verbatim in a few places |
56 * Styles that are reused verbatim in a few places |
30 */ |
57 */ |
31 /** |
58 /** |
32 * Allows users to opt-out of animations via OS-level preferences. |
59 * Allows users to opt-out of animations via OS-level preferences. |
33 */ |
60 */ |
34 .list-reusable-blocks-import-dropdown__content .components-popover__content { |
61 /** |
|
62 * Reset default styles for JavaScript UI based pages. |
|
63 * This is a WP-admin agnostic reset |
|
64 */ |
|
65 /** |
|
66 * Reset the WP Admin page styles for Gutenberg-like pages. |
|
67 */ |
|
68 :root { |
|
69 --wp-admin-theme-color: #007cba; |
|
70 --wp-admin-theme-color-darker-10: #006ba1; |
|
71 --wp-admin-theme-color-darker-20: #005a87; } |
|
72 |
|
73 .list-reusable-blocks-import-dropdown__content .components-popover__content > div { |
35 padding: 10px; } |
74 padding: 10px; } |
36 |
75 |
37 .list-reusable-blocks-import-form__label { |
76 .list-reusable-blocks-import-form__label { |
38 display: block; |
77 display: block; |
39 margin-bottom: 10px; } |
78 margin-bottom: 10px; } |
45 .list-reusable-blocks-import-form .components-notice__content { |
84 .list-reusable-blocks-import-form .components-notice__content { |
46 margin: 0; } |
85 margin: 0; } |
47 |
86 |
48 .list-reusable-blocks__container { |
87 .list-reusable-blocks__container { |
49 display: inline-flex; |
88 display: inline-flex; |
50 padding: 9px 0 4px; |
|
51 align-items: center; |
89 align-items: center; |
52 vertical-align: top; } |
90 position: relative; |
|
91 top: -3px; } |
|
92 .list-reusable-blocks__container .components-button { |
|
93 height: 26px; } |
|
94 |
|
95 body.admin-color-light { |
|
96 --wp-admin-theme-color: #0085ba; |
|
97 --wp-admin-theme-color-darker-10: #0073a1; |
|
98 --wp-admin-theme-color-darker-20: #006187; } |
|
99 |
|
100 body.admin-color-modern { |
|
101 --wp-admin-theme-color: #3858e9; |
|
102 --wp-admin-theme-color-darker-10: #2145e6; |
|
103 --wp-admin-theme-color-darker-20: #183ad6; } |
|
104 |
|
105 body.admin-color-blue { |
|
106 --wp-admin-theme-color: #096484; |
|
107 --wp-admin-theme-color-darker-10: #07526c; |
|
108 --wp-admin-theme-color-darker-20: #064054; } |
|
109 |
|
110 body.admin-color-coffee { |
|
111 --wp-admin-theme-color: #46403c; |
|
112 --wp-admin-theme-color-darker-10: #383330; |
|
113 --wp-admin-theme-color-darker-20: #2b2724; } |
|
114 |
|
115 body.admin-color-ectoplasm { |
|
116 --wp-admin-theme-color: #523f6d; |
|
117 --wp-admin-theme-color-darker-10: #46365d; |
|
118 --wp-admin-theme-color-darker-20: #3a2c4d; } |
|
119 |
|
120 body.admin-color-midnight { |
|
121 --wp-admin-theme-color: #e14d43; |
|
122 --wp-admin-theme-color-darker-10: #dd382d; |
|
123 --wp-admin-theme-color-darker-20: #d02c21; } |
|
124 |
|
125 body.admin-color-ocean { |
|
126 --wp-admin-theme-color: #627c83; |
|
127 --wp-admin-theme-color-darker-10: #576e74; |
|
128 --wp-admin-theme-color-darker-20: #4c6066; } |
|
129 |
|
130 body.admin-color-sunrise { |
|
131 --wp-admin-theme-color: #dd823b; |
|
132 --wp-admin-theme-color-darker-10: #d97426; |
|
133 --wp-admin-theme-color-darker-20: #c36922; } |