|
1 /** |
|
2 * Colors |
|
3 */ |
|
4 /** |
|
5 * Deprecated colors. |
|
6 * Please avoid using these. |
|
7 */ |
|
8 /** |
|
9 * Breakpoints & Media Queries |
|
10 */ |
|
11 /** |
|
12 * Colors |
|
13 */ |
|
14 /** |
|
15 * Deprecated colors. |
|
16 * Please avoid using these. |
|
17 */ |
|
18 /** |
|
19 * Fonts & basic variables. |
|
20 */ |
|
21 /** |
|
22 * Grid System. |
|
23 * https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/ |
|
24 */ |
|
25 /** |
|
26 * Dimensions. |
|
27 */ |
|
28 /** |
|
29 * Shadows. |
|
30 */ |
|
31 /** |
|
32 * Editor widths. |
|
33 */ |
|
34 /** |
|
35 * Block UI. |
|
36 */ |
|
37 /** |
|
38 * Border radii. |
|
39 */ |
|
40 /** |
|
41 * Breakpoint mixins |
|
42 */ |
|
43 /** |
|
44 * Long content fade mixin |
|
45 * |
|
46 * Creates a fading overlay to signify that the content is longer |
|
47 * than the space allows. |
|
48 */ |
|
49 /** |
|
50 * Focus styles. |
|
51 */ |
|
52 /** |
|
53 * Applies editor left position to the selector passed as argument |
|
54 */ |
|
55 /** |
|
56 * Styles that are reused verbatim in a few places |
|
57 */ |
|
58 /** |
|
59 * Allows users to opt-out of animations via OS-level preferences. |
|
60 */ |
|
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 .block-directory-block-ratings { |
|
74 display: flex; } |
|
75 .block-directory-block-ratings > div { |
|
76 line-height: 1; |
|
77 display: flex; } |
|
78 .block-directory-block-ratings .block-directory-block-ratings__rating-count { |
|
79 color: #606a73; |
|
80 font-size: ms(-2); } |
|
81 .block-directory-block-ratings svg { |
|
82 fill: #ffb900; } |
|
83 |
|
84 .block-directory-compact-list { |
|
85 margin: 0; |
|
86 list-style: none; } |
|
87 |
|
88 .block-directory-compact-list__item { |
|
89 display: flex; |
|
90 flex-direction: row; |
|
91 align-items: center; |
|
92 margin-bottom: 16px; } |
|
93 .block-directory-compact-list__item:last-child { |
|
94 margin-bottom: 0; } |
|
95 |
|
96 .block-directory-compact-list__item-details { |
|
97 margin-right: 8px; } |
|
98 |
|
99 .block-directory-compact-list__item-title { |
|
100 font-weight: 500; } |
|
101 |
|
102 .block-directory-compact-list__item-author { |
|
103 color: #555d66; |
|
104 font-size: 11px; } |
|
105 |
|
106 .block-directory-downloadable-block-author-info__content { |
|
107 color: #606a73; |
|
108 font-size: 12px; } |
|
109 |
|
110 .block-directory-downloadable-block-author-info__content-author { |
|
111 margin-bottom: 4px; |
|
112 font-size: 13px; } |
|
113 |
|
114 .block-directory-downloadable-block-header__row { |
|
115 display: flex; |
|
116 flex-grow: 1; } |
|
117 .block-directory-downloadable-block-header__row .block-directory-downloadable-block-header__column { |
|
118 display: flex; |
|
119 flex-direction: column; |
|
120 flex-grow: 1; |
|
121 padding-right: 12px; } |
|
122 |
|
123 .block-directory-downloadable-block-header__title { |
|
124 margin: 0; |
|
125 font-size: 13px; |
|
126 color: currentColor; } |
|
127 |
|
128 .block-directory-downloadable-block-icon { |
|
129 width: 36px; |
|
130 height: 36px; } |
|
131 .block-directory-downloadable-block-icon .block-editor-block-icon { |
|
132 width: 36px; |
|
133 height: 36px; |
|
134 font-size: 36px; |
|
135 background-color: #ddd; } |
|
136 |
|
137 .block-directory-downloadable-block-info__content { |
|
138 margin: 0 0 16px; |
|
139 font-size: 13px; } |
|
140 |
|
141 .block-directory-downloadable-block-info__meta { |
|
142 display: flex; |
|
143 align-items: center; |
|
144 margin-bottom: 2px; |
|
145 color: #606a73; |
|
146 font-size: 12px; } |
|
147 |
|
148 .block-directory-downloadable-block-info__meta:last-child { |
|
149 margin-bottom: 0; } |
|
150 |
|
151 .block-directory-downloadable-block-info__icon { |
|
152 margin-left: 4px; |
|
153 fill: #606a73; } |
|
154 |
|
155 .block-directory-downloadable-block-list-item { |
|
156 width: 100%; |
|
157 padding: 0; |
|
158 margin: 0; |
|
159 display: flex; |
|
160 flex-direction: row; |
|
161 font-size: 13px; |
|
162 color: #32373c; |
|
163 align-items: flex-start; |
|
164 justify-content: center; |
|
165 background: transparent; |
|
166 word-break: break-word; |
|
167 border-top: 1px solid #ddd; |
|
168 border-bottom: 1px solid #ddd; |
|
169 transition: all 0.05s ease-in-out; |
|
170 position: relative; |
|
171 text-align: right; |
|
172 overflow: hidden; } |
|
173 @media (prefers-reduced-motion: reduce) { |
|
174 .block-directory-downloadable-block-list-item { |
|
175 transition-duration: 0s; } } |
|
176 .block-directory-downloadable-block-list-item + .block-directory-downloadable-block-list-item { |
|
177 border-top: none; } |
|
178 |
|
179 .block-directory-downloadable-block-list-item:last-child:not(:only-of-type) { |
|
180 border-top: 0; } |
|
181 |
|
182 .block-directory-downloadable-block-list-item:last-child { |
|
183 border-bottom: 0; } |
|
184 |
|
185 .block-directory-downloadable-block-list-item__panel { |
|
186 display: flex; |
|
187 flex-grow: 1; |
|
188 flex-direction: column; } |
|
189 |
|
190 .block-directory-downloadable-block-list-item__header { |
|
191 display: flex; |
|
192 flex-direction: column; |
|
193 padding: 16px 16px 0; } |
|
194 |
|
195 .block-directory-downloadable-block-list-item__body { |
|
196 display: flex; |
|
197 flex-direction: column; |
|
198 padding: 16px; } |
|
199 |
|
200 .block-directory-downloadable-block-list-item__footer { |
|
201 display: flex; |
|
202 flex-direction: column; |
|
203 padding: 16px; |
|
204 background-color: #f0f0f0; } |
|
205 |
|
206 .block-directory-downloadable-block-list-item__content { |
|
207 color: #606a73; } |
|
208 |
|
209 .block-directory-downloadable-block-notice { |
|
210 margin: 0 0 16px; } |
|
211 |
|
212 .block-directory-downloadable-block-notice__content { |
|
213 padding-left: 12px; |
|
214 margin-bottom: 8px; } |
|
215 |
|
216 .block-directory-downloadable-blocks-list { |
|
217 list-style: none; |
|
218 margin: 0; |
|
219 overflow: hidden; |
|
220 display: flex; |
|
221 flex-wrap: wrap; } |
|
222 |
|
223 .block-directory-downloadable-blocks-panel__description { |
|
224 font-style: italic; |
|
225 padding: 16px; |
|
226 margin: 0; |
|
227 text-align: right; |
|
228 color: #606a73; } |
|
229 |
|
230 .block-directory-downloadable-blocks-panel__description.has-no-results { |
|
231 font-style: normal; |
|
232 padding: 0; |
|
233 margin: 112px 0; |
|
234 text-align: center; |
|
235 color: #606a73; } |
|
236 .block-directory-downloadable-blocks-panel__description.has-no-results .components-spinner { |
|
237 float: inherit; } |
|
238 |
|
239 .installed-blocks-pre-publish-panel__copy { |
|
240 margin-top: 0; } |