Layout Grid Block - Version 1.3

Version Description

  • 21st July 2020 =
  • Add vertical alignment to grid and grid columns
  • Mirror grid device breakpoint with editor preview breakpoint (requires WP 5.5 or Gutenberg plugin)
  • Bump minimum WordPress version to 5.5
Download this release

Release Info

Developer johnny5
Plugin Icon 128x128 Layout Grid Block
Version 1.3
Comparing to
See all releases

Code changes from version 1.2.4 to 1.3

Files changed (7) hide show
  1. blocks/layout-grid.php +1 -1
  2. editor.css +285 -237
  3. index.asset.php +1 -1
  4. index.js +1 -6
  5. index.php +1 -1
  6. readme.txt +9 -3
  7. style.css +24 -0
blocks/layout-grid.php CHANGED
@@ -22,7 +22,7 @@ add_action( 'init', function() {
22
  },
23
  ] );
24
 
25
- wp_set_script_translations( 'jetpack/layout-grid', 'layout-grid' );
26
  } );
27
 
28
  add_action( 'wp_enqueue_scripts', function() {
22
  },
23
  ] );
24
 
25
+ wp_set_script_translations( 'jetpack-layout-grid', 'layout-grid' );
26
  } );
27
 
28
  add_action( 'wp_enqueue_scripts', function() {
editor.css CHANGED
@@ -131,368 +131,368 @@ body.is-resizing [data-type="jetpack/layout-grid"] {
131
  .wp-block-jetpack-layout-grid.wp-block-jetpack-layout-gutter__huge > .block-editor-inner-blocks > .block-editor-block-list__layout {
132
  grid-gap: 48px; }
133
 
134
- .wp-block-jetpack-layout-grid {
135
  display: flex;
136
  flex-direction: column; }
137
- .wp-block-jetpack-layout-grid.column1-grid__start-1 > .wpcom-resize-grid > .wp-block:nth-child(1),
138
- .wp-block-jetpack-layout-grid.column1-grid__start-1 > .block-editor-inner-blocks > .block-editor-block-list__layout > .wp-block:nth-child(1) {
139
  grid-column-start: 1; }
140
- .wp-block-jetpack-layout-grid.column2-grid__start-1 > .wpcom-resize-grid > .wp-block:nth-child(2),
141
- .wp-block-jetpack-layout-grid.column2-grid__start-1 > .block-editor-inner-blocks > .block-editor-block-list__layout > .wp-block:nth-child(2) {
142
  grid-column-start: 1; }
143
- .wp-block-jetpack-layout-grid.column3-grid__start-1 > .wpcom-resize-grid > .wp-block:nth-child(3),
144
- .wp-block-jetpack-layout-grid.column3-grid__start-1 > .block-editor-inner-blocks > .block-editor-block-list__layout > .wp-block:nth-child(3) {
145
  grid-column-start: 1; }
146
- .wp-block-jetpack-layout-grid.column4-grid__start-1 > .wpcom-resize-grid > .wp-block:nth-child(4),
147
- .wp-block-jetpack-layout-grid.column4-grid__start-1 > .block-editor-inner-blocks > .block-editor-block-list__layout > .wp-block:nth-child(4) {
148
  grid-column-start: 1; }
149
- .wp-block-jetpack-layout-grid.column1-grid__start-2 > .wpcom-resize-grid > .wp-block:nth-child(1),
150
- .wp-block-jetpack-layout-grid.column1-grid__start-2 > .block-editor-inner-blocks > .block-editor-block-list__layout > .wp-block:nth-child(1) {
151
  grid-column-start: 2; }
152
- .wp-block-jetpack-layout-grid.column2-grid__start-2 > .wpcom-resize-grid > .wp-block:nth-child(2),
153
- .wp-block-jetpack-layout-grid.column2-grid__start-2 > .block-editor-inner-blocks > .block-editor-block-list__layout > .wp-block:nth-child(2) {
154
  grid-column-start: 2; }
155
- .wp-block-jetpack-layout-grid.column3-grid__start-2 > .wpcom-resize-grid > .wp-block:nth-child(3),
156
- .wp-block-jetpack-layout-grid.column3-grid__start-2 > .block-editor-inner-blocks > .block-editor-block-list__layout > .wp-block:nth-child(3) {
157
  grid-column-start: 2; }
158
- .wp-block-jetpack-layout-grid.column4-grid__start-2 > .wpcom-resize-grid > .wp-block:nth-child(4),
159
- .wp-block-jetpack-layout-grid.column4-grid__start-2 > .block-editor-inner-blocks > .block-editor-block-list__layout > .wp-block:nth-child(4) {
160
  grid-column-start: 2; }
161
- .wp-block-jetpack-layout-grid.column1-grid__start-3 > .wpcom-resize-grid > .wp-block:nth-child(1),
162
- .wp-block-jetpack-layout-grid.column1-grid__start-3 > .block-editor-inner-blocks > .block-editor-block-list__layout > .wp-block:nth-child(1) {
163
  grid-column-start: 3; }
164
- .wp-block-jetpack-layout-grid.column2-grid__start-3 > .wpcom-resize-grid > .wp-block:nth-child(2),
165
- .wp-block-jetpack-layout-grid.column2-grid__start-3 > .block-editor-inner-blocks > .block-editor-block-list__layout > .wp-block:nth-child(2) {
166
  grid-column-start: 3; }
167
- .wp-block-jetpack-layout-grid.column3-grid__start-3 > .wpcom-resize-grid > .wp-block:nth-child(3),
168
- .wp-block-jetpack-layout-grid.column3-grid__start-3 > .block-editor-inner-blocks > .block-editor-block-list__layout > .wp-block:nth-child(3) {
169
  grid-column-start: 3; }
170
- .wp-block-jetpack-layout-grid.column4-grid__start-3 > .wpcom-resize-grid > .wp-block:nth-child(4),
171
- .wp-block-jetpack-layout-grid.column4-grid__start-3 > .block-editor-inner-blocks > .block-editor-block-list__layout > .wp-block:nth-child(4) {
172
  grid-column-start: 3; }
173
- .wp-block-jetpack-layout-grid.column1-grid__start-4 > .wpcom-resize-grid > .wp-block:nth-child(1),
174
- .wp-block-jetpack-layout-grid.column1-grid__start-4 > .block-editor-inner-blocks > .block-editor-block-list__layout > .wp-block:nth-child(1) {
175
  grid-column-start: 4; }
176
- .wp-block-jetpack-layout-grid.column2-grid__start-4 > .wpcom-resize-grid > .wp-block:nth-child(2),
177
- .wp-block-jetpack-layout-grid.column2-grid__start-4 > .block-editor-inner-blocks > .block-editor-block-list__layout > .wp-block:nth-child(2) {
178
  grid-column-start: 4; }
179
- .wp-block-jetpack-layout-grid.column3-grid__start-4 > .wpcom-resize-grid > .wp-block:nth-child(3),
180
- .wp-block-jetpack-layout-grid.column3-grid__start-4 > .block-editor-inner-blocks > .block-editor-block-list__layout > .wp-block:nth-child(3) {
181
  grid-column-start: 4; }
182
- .wp-block-jetpack-layout-grid.column4-grid__start-4 > .wpcom-resize-grid > .wp-block:nth-child(4),
183
- .wp-block-jetpack-layout-grid.column4-grid__start-4 > .block-editor-inner-blocks > .block-editor-block-list__layout > .wp-block:nth-child(4) {
184
  grid-column-start: 4; }
185
- .wp-block-jetpack-layout-grid.column1-grid__start-5 > .wpcom-resize-grid > .wp-block:nth-child(1),
186
- .wp-block-jetpack-layout-grid.column1-grid__start-5 > .block-editor-inner-blocks > .block-editor-block-list__layout > .wp-block:nth-child(1) {
187
  grid-column-start: 5; }
188
- .wp-block-jetpack-layout-grid.column2-grid__start-5 > .wpcom-resize-grid > .wp-block:nth-child(2),
189
- .wp-block-jetpack-layout-grid.column2-grid__start-5 > .block-editor-inner-blocks > .block-editor-block-list__layout > .wp-block:nth-child(2) {
190
  grid-column-start: 5; }
191
- .wp-block-jetpack-layout-grid.column3-grid__start-5 > .wpcom-resize-grid > .wp-block:nth-child(3),
192
- .wp-block-jetpack-layout-grid.column3-grid__start-5 > .block-editor-inner-blocks > .block-editor-block-list__layout > .wp-block:nth-child(3) {
193
  grid-column-start: 5; }
194
- .wp-block-jetpack-layout-grid.column4-grid__start-5 > .wpcom-resize-grid > .wp-block:nth-child(4),
195
- .wp-block-jetpack-layout-grid.column4-grid__start-5 > .block-editor-inner-blocks > .block-editor-block-list__layout > .wp-block:nth-child(4) {
196
  grid-column-start: 5; }
197
- .wp-block-jetpack-layout-grid.column1-grid__start-6 > .wpcom-resize-grid > .wp-block:nth-child(1),
198
- .wp-block-jetpack-layout-grid.column1-grid__start-6 > .block-editor-inner-blocks > .block-editor-block-list__layout > .wp-block:nth-child(1) {
199
  grid-column-start: 6; }
200
- .wp-block-jetpack-layout-grid.column2-grid__start-6 > .wpcom-resize-grid > .wp-block:nth-child(2),
201
- .wp-block-jetpack-layout-grid.column2-grid__start-6 > .block-editor-inner-blocks > .block-editor-block-list__layout > .wp-block:nth-child(2) {
202
  grid-column-start: 6; }
203
- .wp-block-jetpack-layout-grid.column3-grid__start-6 > .wpcom-resize-grid > .wp-block:nth-child(3),
204
- .wp-block-jetpack-layout-grid.column3-grid__start-6 > .block-editor-inner-blocks > .block-editor-block-list__layout > .wp-block:nth-child(3) {
205
  grid-column-start: 6; }
206
- .wp-block-jetpack-layout-grid.column4-grid__start-6 > .wpcom-resize-grid > .wp-block:nth-child(4),
207
- .wp-block-jetpack-layout-grid.column4-grid__start-6 > .block-editor-inner-blocks > .block-editor-block-list__layout > .wp-block:nth-child(4) {
208
  grid-column-start: 6; }
209
- .wp-block-jetpack-layout-grid.column1-grid__start-7 > .wpcom-resize-grid > .wp-block:nth-child(1),
210
- .wp-block-jetpack-layout-grid.column1-grid__start-7 > .block-editor-inner-blocks > .block-editor-block-list__layout > .wp-block:nth-child(1) {
211
  grid-column-start: 7; }
212
- .wp-block-jetpack-layout-grid.column2-grid__start-7 > .wpcom-resize-grid > .wp-block:nth-child(2),
213
- .wp-block-jetpack-layout-grid.column2-grid__start-7 > .block-editor-inner-blocks > .block-editor-block-list__layout > .wp-block:nth-child(2) {
214
  grid-column-start: 7; }
215
- .wp-block-jetpack-layout-grid.column3-grid__start-7 > .wpcom-resize-grid > .wp-block:nth-child(3),
216
- .wp-block-jetpack-layout-grid.column3-grid__start-7 > .block-editor-inner-blocks > .block-editor-block-list__layout > .wp-block:nth-child(3) {
217
  grid-column-start: 7; }
218
- .wp-block-jetpack-layout-grid.column4-grid__start-7 > .wpcom-resize-grid > .wp-block:nth-child(4),
219
- .wp-block-jetpack-layout-grid.column4-grid__start-7 > .block-editor-inner-blocks > .block-editor-block-list__layout > .wp-block:nth-child(4) {
220
  grid-column-start: 7; }
221
- .wp-block-jetpack-layout-grid.column1-grid__start-8 > .wpcom-resize-grid > .wp-block:nth-child(1),
222
- .wp-block-jetpack-layout-grid.column1-grid__start-8 > .block-editor-inner-blocks > .block-editor-block-list__layout > .wp-block:nth-child(1) {
223
  grid-column-start: 8; }
224
- .wp-block-jetpack-layout-grid.column2-grid__start-8 > .wpcom-resize-grid > .wp-block:nth-child(2),
225
- .wp-block-jetpack-layout-grid.column2-grid__start-8 > .block-editor-inner-blocks > .block-editor-block-list__layout > .wp-block:nth-child(2) {
226
  grid-column-start: 8; }
227
- .wp-block-jetpack-layout-grid.column3-grid__start-8 > .wpcom-resize-grid > .wp-block:nth-child(3),
228
- .wp-block-jetpack-layout-grid.column3-grid__start-8 > .block-editor-inner-blocks > .block-editor-block-list__layout > .wp-block:nth-child(3) {
229
  grid-column-start: 8; }
230
- .wp-block-jetpack-layout-grid.column4-grid__start-8 > .wpcom-resize-grid > .wp-block:nth-child(4),
231
- .wp-block-jetpack-layout-grid.column4-grid__start-8 > .block-editor-inner-blocks > .block-editor-block-list__layout > .wp-block:nth-child(4) {
232
  grid-column-start: 8; }
233
- .wp-block-jetpack-layout-grid.column1-grid__start-9 > .wpcom-resize-grid > .wp-block:nth-child(1),
234
- .wp-block-jetpack-layout-grid.column1-grid__start-9 > .block-editor-inner-blocks > .block-editor-block-list__layout > .wp-block:nth-child(1) {
235
  grid-column-start: 9; }
236
- .wp-block-jetpack-layout-grid.column2-grid__start-9 > .wpcom-resize-grid > .wp-block:nth-child(2),
237
- .wp-block-jetpack-layout-grid.column2-grid__start-9 > .block-editor-inner-blocks > .block-editor-block-list__layout > .wp-block:nth-child(2) {
238
  grid-column-start: 9; }
239
- .wp-block-jetpack-layout-grid.column3-grid__start-9 > .wpcom-resize-grid > .wp-block:nth-child(3),
240
- .wp-block-jetpack-layout-grid.column3-grid__start-9 > .block-editor-inner-blocks > .block-editor-block-list__layout > .wp-block:nth-child(3) {
241
  grid-column-start: 9; }
242
- .wp-block-jetpack-layout-grid.column4-grid__start-9 > .wpcom-resize-grid > .wp-block:nth-child(4),
243
- .wp-block-jetpack-layout-grid.column4-grid__start-9 > .block-editor-inner-blocks > .block-editor-block-list__layout > .wp-block:nth-child(4) {
244
  grid-column-start: 9; }
245
- .wp-block-jetpack-layout-grid.column1-grid__start-10 > .wpcom-resize-grid > .wp-block:nth-child(1),
246
- .wp-block-jetpack-layout-grid.column1-grid__start-10 > .block-editor-inner-blocks > .block-editor-block-list__layout > .wp-block:nth-child(1) {
247
  grid-column-start: 10; }
248
- .wp-block-jetpack-layout-grid.column2-grid__start-10 > .wpcom-resize-grid > .wp-block:nth-child(2),
249
- .wp-block-jetpack-layout-grid.column2-grid__start-10 > .block-editor-inner-blocks > .block-editor-block-list__layout > .wp-block:nth-child(2) {
250
  grid-column-start: 10; }
251
- .wp-block-jetpack-layout-grid.column3-grid__start-10 > .wpcom-resize-grid > .wp-block:nth-child(3),
252
- .wp-block-jetpack-layout-grid.column3-grid__start-10 > .block-editor-inner-blocks > .block-editor-block-list__layout > .wp-block:nth-child(3) {
253
  grid-column-start: 10; }
254
- .wp-block-jetpack-layout-grid.column4-grid__start-10 > .wpcom-resize-grid > .wp-block:nth-child(4),
255
- .wp-block-jetpack-layout-grid.column4-grid__start-10 > .block-editor-inner-blocks > .block-editor-block-list__layout > .wp-block:nth-child(4) {
256
  grid-column-start: 10; }
257
- .wp-block-jetpack-layout-grid.column1-grid__start-11 > .wpcom-resize-grid > .wp-block:nth-child(1),
258
- .wp-block-jetpack-layout-grid.column1-grid__start-11 > .block-editor-inner-blocks > .block-editor-block-list__layout > .wp-block:nth-child(1) {
259
  grid-column-start: 11; }
260
- .wp-block-jetpack-layout-grid.column2-grid__start-11 > .wpcom-resize-grid > .wp-block:nth-child(2),
261
- .wp-block-jetpack-layout-grid.column2-grid__start-11 > .block-editor-inner-blocks > .block-editor-block-list__layout > .wp-block:nth-child(2) {
262
  grid-column-start: 11; }
263
- .wp-block-jetpack-layout-grid.column3-grid__start-11 > .wpcom-resize-grid > .wp-block:nth-child(3),
264
- .wp-block-jetpack-layout-grid.column3-grid__start-11 > .block-editor-inner-blocks > .block-editor-block-list__layout > .wp-block:nth-child(3) {
265
  grid-column-start: 11; }
266
- .wp-block-jetpack-layout-grid.column4-grid__start-11 > .wpcom-resize-grid > .wp-block:nth-child(4),
267
- .wp-block-jetpack-layout-grid.column4-grid__start-11 > .block-editor-inner-blocks > .block-editor-block-list__layout > .wp-block:nth-child(4) {
268
  grid-column-start: 11; }
269
- .wp-block-jetpack-layout-grid.column1-grid__start-12 > .wpcom-resize-grid > .wp-block:nth-child(1),
270
- .wp-block-jetpack-layout-grid.column1-grid__start-12 > .block-editor-inner-blocks > .block-editor-block-list__layout > .wp-block:nth-child(1) {
271
  grid-column-start: 12; }
272
- .wp-block-jetpack-layout-grid.column2-grid__start-12 > .wpcom-resize-grid > .wp-block:nth-child(2),
273
- .wp-block-jetpack-layout-grid.column2-grid__start-12 > .block-editor-inner-blocks > .block-editor-block-list__layout > .wp-block:nth-child(2) {
274
  grid-column-start: 12; }
275
- .wp-block-jetpack-layout-grid.column3-grid__start-12 > .wpcom-resize-grid > .wp-block:nth-child(3),
276
- .wp-block-jetpack-layout-grid.column3-grid__start-12 > .block-editor-inner-blocks > .block-editor-block-list__layout > .wp-block:nth-child(3) {
277
  grid-column-start: 12; }
278
- .wp-block-jetpack-layout-grid.column4-grid__start-12 > .wpcom-resize-grid > .wp-block:nth-child(4),
279
- .wp-block-jetpack-layout-grid.column4-grid__start-12 > .block-editor-inner-blocks > .block-editor-block-list__layout > .wp-block:nth-child(4) {
280
  grid-column-start: 12; }
281
- .wp-block-jetpack-layout-grid.column1-grid__span-1 > .wpcom-resize-grid > .wp-block:nth-child(1),
282
- .wp-block-jetpack-layout-grid.column1-grid__span-1 > .block-editor-inner-blocks > .block-editor-block-list__layout > .wp-block:nth-child(1) {
283
  grid-column-end: span 1; }
284
- .wp-block-jetpack-layout-grid.column2-grid__span-1 > .wpcom-resize-grid > .wp-block:nth-child(2),
285
- .wp-block-jetpack-layout-grid.column2-grid__span-1 > .block-editor-inner-blocks > .block-editor-block-list__layout > .wp-block:nth-child(2) {
286
  grid-column-end: span 1; }
287
- .wp-block-jetpack-layout-grid.column3-grid__span-1 > .wpcom-resize-grid > .wp-block:nth-child(3),
288
- .wp-block-jetpack-layout-grid.column3-grid__span-1 > .block-editor-inner-blocks > .block-editor-block-list__layout > .wp-block:nth-child(3) {
289
  grid-column-end: span 1; }
290
- .wp-block-jetpack-layout-grid.column4-grid__span-1 > .wpcom-resize-grid > .wp-block:nth-child(4),
291
- .wp-block-jetpack-layout-grid.column4-grid__span-1 > .block-editor-inner-blocks > .block-editor-block-list__layout > .wp-block:nth-child(4) {
292
  grid-column-end: span 1; }
293
- .wp-block-jetpack-layout-grid.column4-grid__span-1 > .wpcom-resize-grid > .wp-block:nth-child(5) {
294
  grid-column-end: span 1; }
295
- .wp-block-jetpack-layout-grid.column1-grid__span-2 > .wpcom-resize-grid > .wp-block:nth-child(1),
296
- .wp-block-jetpack-layout-grid.column1-grid__span-2 > .block-editor-inner-blocks > .block-editor-block-list__layout > .wp-block:nth-child(1) {
297
  grid-column-end: span 2; }
298
- .wp-block-jetpack-layout-grid.column2-grid__span-2 > .wpcom-resize-grid > .wp-block:nth-child(2),
299
- .wp-block-jetpack-layout-grid.column2-grid__span-2 > .block-editor-inner-blocks > .block-editor-block-list__layout > .wp-block:nth-child(2) {
300
  grid-column-end: span 2; }
301
- .wp-block-jetpack-layout-grid.column3-grid__span-2 > .wpcom-resize-grid > .wp-block:nth-child(3),
302
- .wp-block-jetpack-layout-grid.column3-grid__span-2 > .block-editor-inner-blocks > .block-editor-block-list__layout > .wp-block:nth-child(3) {
303
  grid-column-end: span 2; }
304
- .wp-block-jetpack-layout-grid.column4-grid__span-2 > .wpcom-resize-grid > .wp-block:nth-child(4),
305
- .wp-block-jetpack-layout-grid.column4-grid__span-2 > .block-editor-inner-blocks > .block-editor-block-list__layout > .wp-block:nth-child(4) {
306
  grid-column-end: span 2; }
307
- .wp-block-jetpack-layout-grid.column4-grid__span-2 > .wpcom-resize-grid > .wp-block:nth-child(5) {
308
  grid-column-end: span 2; }
309
- .wp-block-jetpack-layout-grid.column1-grid__span-3 > .wpcom-resize-grid > .wp-block:nth-child(1),
310
- .wp-block-jetpack-layout-grid.column1-grid__span-3 > .block-editor-inner-blocks > .block-editor-block-list__layout > .wp-block:nth-child(1) {
311
  grid-column-end: span 3; }
312
- .wp-block-jetpack-layout-grid.column2-grid__span-3 > .wpcom-resize-grid > .wp-block:nth-child(2),
313
- .wp-block-jetpack-layout-grid.column2-grid__span-3 > .block-editor-inner-blocks > .block-editor-block-list__layout > .wp-block:nth-child(2) {
314
  grid-column-end: span 3; }
315
- .wp-block-jetpack-layout-grid.column3-grid__span-3 > .wpcom-resize-grid > .wp-block:nth-child(3),
316
- .wp-block-jetpack-layout-grid.column3-grid__span-3 > .block-editor-inner-blocks > .block-editor-block-list__layout > .wp-block:nth-child(3) {
317
  grid-column-end: span 3; }
318
- .wp-block-jetpack-layout-grid.column4-grid__span-3 > .wpcom-resize-grid > .wp-block:nth-child(4),
319
- .wp-block-jetpack-layout-grid.column4-grid__span-3 > .block-editor-inner-blocks > .block-editor-block-list__layout > .wp-block:nth-child(4) {
320
  grid-column-end: span 3; }
321
- .wp-block-jetpack-layout-grid.column4-grid__span-3 > .wpcom-resize-grid > .wp-block:nth-child(5) {
322
  grid-column-end: span 3; }
323
- .wp-block-jetpack-layout-grid.column1-grid__span-4 > .wpcom-resize-grid > .wp-block:nth-child(1),
324
- .wp-block-jetpack-layout-grid.column1-grid__span-4 > .block-editor-inner-blocks > .block-editor-block-list__layout > .wp-block:nth-child(1) {
325
  grid-column-end: span 4; }
326
- .wp-block-jetpack-layout-grid.column2-grid__span-4 > .wpcom-resize-grid > .wp-block:nth-child(2),
327
- .wp-block-jetpack-layout-grid.column2-grid__span-4 > .block-editor-inner-blocks > .block-editor-block-list__layout > .wp-block:nth-child(2) {
328
  grid-column-end: span 4; }
329
- .wp-block-jetpack-layout-grid.column3-grid__span-4 > .wpcom-resize-grid > .wp-block:nth-child(3),
330
- .wp-block-jetpack-layout-grid.column3-grid__span-4 > .block-editor-inner-blocks > .block-editor-block-list__layout > .wp-block:nth-child(3) {
331
  grid-column-end: span 4; }
332
- .wp-block-jetpack-layout-grid.column4-grid__span-4 > .wpcom-resize-grid > .wp-block:nth-child(4),
333
- .wp-block-jetpack-layout-grid.column4-grid__span-4 > .block-editor-inner-blocks > .block-editor-block-list__layout > .wp-block:nth-child(4) {
334
  grid-column-end: span 4; }
335
- .wp-block-jetpack-layout-grid.column4-grid__span-4 > .wpcom-resize-grid > .wp-block:nth-child(5) {
336
  grid-column-end: span 4; }
337
- .wp-block-jetpack-layout-grid.column1-grid__span-5 > .wpcom-resize-grid > .wp-block:nth-child(1),
338
- .wp-block-jetpack-layout-grid.column1-grid__span-5 > .block-editor-inner-blocks > .block-editor-block-list__layout > .wp-block:nth-child(1) {
339
  grid-column-end: span 5; }
340
- .wp-block-jetpack-layout-grid.column2-grid__span-5 > .wpcom-resize-grid > .wp-block:nth-child(2),
341
- .wp-block-jetpack-layout-grid.column2-grid__span-5 > .block-editor-inner-blocks > .block-editor-block-list__layout > .wp-block:nth-child(2) {
342
  grid-column-end: span 5; }
343
- .wp-block-jetpack-layout-grid.column3-grid__span-5 > .wpcom-resize-grid > .wp-block:nth-child(3),
344
- .wp-block-jetpack-layout-grid.column3-grid__span-5 > .block-editor-inner-blocks > .block-editor-block-list__layout > .wp-block:nth-child(3) {
345
  grid-column-end: span 5; }
346
- .wp-block-jetpack-layout-grid.column4-grid__span-5 > .wpcom-resize-grid > .wp-block:nth-child(4),
347
- .wp-block-jetpack-layout-grid.column4-grid__span-5 > .block-editor-inner-blocks > .block-editor-block-list__layout > .wp-block:nth-child(4) {
348
  grid-column-end: span 5; }
349
- .wp-block-jetpack-layout-grid.column4-grid__span-5 > .wpcom-resize-grid > .wp-block:nth-child(5) {
350
  grid-column-end: span 5; }
351
- .wp-block-jetpack-layout-grid.column1-grid__span-6 > .wpcom-resize-grid > .wp-block:nth-child(1),
352
- .wp-block-jetpack-layout-grid.column1-grid__span-6 > .block-editor-inner-blocks > .block-editor-block-list__layout > .wp-block:nth-child(1) {
353
  grid-column-end: span 6; }
354
- .wp-block-jetpack-layout-grid.column2-grid__span-6 > .wpcom-resize-grid > .wp-block:nth-child(2),
355
- .wp-block-jetpack-layout-grid.column2-grid__span-6 > .block-editor-inner-blocks > .block-editor-block-list__layout > .wp-block:nth-child(2) {
356
  grid-column-end: span 6; }
357
- .wp-block-jetpack-layout-grid.column3-grid__span-6 > .wpcom-resize-grid > .wp-block:nth-child(3),
358
- .wp-block-jetpack-layout-grid.column3-grid__span-6 > .block-editor-inner-blocks > .block-editor-block-list__layout > .wp-block:nth-child(3) {
359
  grid-column-end: span 6; }
360
- .wp-block-jetpack-layout-grid.column4-grid__span-6 > .wpcom-resize-grid > .wp-block:nth-child(4),
361
- .wp-block-jetpack-layout-grid.column4-grid__span-6 > .block-editor-inner-blocks > .block-editor-block-list__layout > .wp-block:nth-child(4) {
362
  grid-column-end: span 6; }
363
- .wp-block-jetpack-layout-grid.column4-grid__span-6 > .wpcom-resize-grid > .wp-block:nth-child(5) {
364
  grid-column-end: span 6; }
365
- .wp-block-jetpack-layout-grid.column1-grid__span-7 > .wpcom-resize-grid > .wp-block:nth-child(1),
366
- .wp-block-jetpack-layout-grid.column1-grid__span-7 > .block-editor-inner-blocks > .block-editor-block-list__layout > .wp-block:nth-child(1) {
367
  grid-column-end: span 7; }
368
- .wp-block-jetpack-layout-grid.column2-grid__span-7 > .wpcom-resize-grid > .wp-block:nth-child(2),
369
- .wp-block-jetpack-layout-grid.column2-grid__span-7 > .block-editor-inner-blocks > .block-editor-block-list__layout > .wp-block:nth-child(2) {
370
  grid-column-end: span 7; }
371
- .wp-block-jetpack-layout-grid.column3-grid__span-7 > .wpcom-resize-grid > .wp-block:nth-child(3),
372
- .wp-block-jetpack-layout-grid.column3-grid__span-7 > .block-editor-inner-blocks > .block-editor-block-list__layout > .wp-block:nth-child(3) {
373
  grid-column-end: span 7; }
374
- .wp-block-jetpack-layout-grid.column4-grid__span-7 > .wpcom-resize-grid > .wp-block:nth-child(4),
375
- .wp-block-jetpack-layout-grid.column4-grid__span-7 > .block-editor-inner-blocks > .block-editor-block-list__layout > .wp-block:nth-child(4) {
376
  grid-column-end: span 7; }
377
- .wp-block-jetpack-layout-grid.column4-grid__span-7 > .wpcom-resize-grid > .wp-block:nth-child(5) {
378
  grid-column-end: span 7; }
379
- .wp-block-jetpack-layout-grid.column1-grid__span-8 > .wpcom-resize-grid > .wp-block:nth-child(1),
380
- .wp-block-jetpack-layout-grid.column1-grid__span-8 > .block-editor-inner-blocks > .block-editor-block-list__layout > .wp-block:nth-child(1) {
381
  grid-column-end: span 8; }
382
- .wp-block-jetpack-layout-grid.column2-grid__span-8 > .wpcom-resize-grid > .wp-block:nth-child(2),
383
- .wp-block-jetpack-layout-grid.column2-grid__span-8 > .block-editor-inner-blocks > .block-editor-block-list__layout > .wp-block:nth-child(2) {
384
  grid-column-end: span 8; }
385
- .wp-block-jetpack-layout-grid.column3-grid__span-8 > .wpcom-resize-grid > .wp-block:nth-child(3),
386
- .wp-block-jetpack-layout-grid.column3-grid__span-8 > .block-editor-inner-blocks > .block-editor-block-list__layout > .wp-block:nth-child(3) {
387
  grid-column-end: span 8; }
388
- .wp-block-jetpack-layout-grid.column4-grid__span-8 > .wpcom-resize-grid > .wp-block:nth-child(4),
389
- .wp-block-jetpack-layout-grid.column4-grid__span-8 > .block-editor-inner-blocks > .block-editor-block-list__layout > .wp-block:nth-child(4) {
390
  grid-column-end: span 8; }
391
- .wp-block-jetpack-layout-grid.column4-grid__span-8 > .wpcom-resize-grid > .wp-block:nth-child(5) {
392
  grid-column-end: span 8; }
393
- .wp-block-jetpack-layout-grid.column1-grid__span-9 > .wpcom-resize-grid > .wp-block:nth-child(1),
394
- .wp-block-jetpack-layout-grid.column1-grid__span-9 > .block-editor-inner-blocks > .block-editor-block-list__layout > .wp-block:nth-child(1) {
395
  grid-column-end: span 9; }
396
- .wp-block-jetpack-layout-grid.column2-grid__span-9 > .wpcom-resize-grid > .wp-block:nth-child(2),
397
- .wp-block-jetpack-layout-grid.column2-grid__span-9 > .block-editor-inner-blocks > .block-editor-block-list__layout > .wp-block:nth-child(2) {
398
  grid-column-end: span 9; }
399
- .wp-block-jetpack-layout-grid.column3-grid__span-9 > .wpcom-resize-grid > .wp-block:nth-child(3),
400
- .wp-block-jetpack-layout-grid.column3-grid__span-9 > .block-editor-inner-blocks > .block-editor-block-list__layout > .wp-block:nth-child(3) {
401
  grid-column-end: span 9; }
402
- .wp-block-jetpack-layout-grid.column4-grid__span-9 > .wpcom-resize-grid > .wp-block:nth-child(4),
403
- .wp-block-jetpack-layout-grid.column4-grid__span-9 > .block-editor-inner-blocks > .block-editor-block-list__layout > .wp-block:nth-child(4) {
404
  grid-column-end: span 9; }
405
- .wp-block-jetpack-layout-grid.column4-grid__span-9 > .wpcom-resize-grid > .wp-block:nth-child(5) {
406
  grid-column-end: span 9; }
407
- .wp-block-jetpack-layout-grid.column1-grid__span-10 > .wpcom-resize-grid > .wp-block:nth-child(1),
408
- .wp-block-jetpack-layout-grid.column1-grid__span-10 > .block-editor-inner-blocks > .block-editor-block-list__layout > .wp-block:nth-child(1) {
409
  grid-column-end: span 10; }
410
- .wp-block-jetpack-layout-grid.column2-grid__span-10 > .wpcom-resize-grid > .wp-block:nth-child(2),
411
- .wp-block-jetpack-layout-grid.column2-grid__span-10 > .block-editor-inner-blocks > .block-editor-block-list__layout > .wp-block:nth-child(2) {
412
  grid-column-end: span 10; }
413
- .wp-block-jetpack-layout-grid.column3-grid__span-10 > .wpcom-resize-grid > .wp-block:nth-child(3),
414
- .wp-block-jetpack-layout-grid.column3-grid__span-10 > .block-editor-inner-blocks > .block-editor-block-list__layout > .wp-block:nth-child(3) {
415
  grid-column-end: span 10; }
416
- .wp-block-jetpack-layout-grid.column4-grid__span-10 > .wpcom-resize-grid > .wp-block:nth-child(4),
417
- .wp-block-jetpack-layout-grid.column4-grid__span-10 > .block-editor-inner-blocks > .block-editor-block-list__layout > .wp-block:nth-child(4) {
418
  grid-column-end: span 10; }
419
- .wp-block-jetpack-layout-grid.column4-grid__span-10 > .wpcom-resize-grid > .wp-block:nth-child(5) {
420
  grid-column-end: span 10; }
421
- .wp-block-jetpack-layout-grid.column1-grid__span-11 > .wpcom-resize-grid > .wp-block:nth-child(1),
422
- .wp-block-jetpack-layout-grid.column1-grid__span-11 > .block-editor-inner-blocks > .block-editor-block-list__layout > .wp-block:nth-child(1) {
423
  grid-column-end: span 11; }
424
- .wp-block-jetpack-layout-grid.column2-grid__span-11 > .wpcom-resize-grid > .wp-block:nth-child(2),
425
- .wp-block-jetpack-layout-grid.column2-grid__span-11 > .block-editor-inner-blocks > .block-editor-block-list__layout > .wp-block:nth-child(2) {
426
  grid-column-end: span 11; }
427
- .wp-block-jetpack-layout-grid.column3-grid__span-11 > .wpcom-resize-grid > .wp-block:nth-child(3),
428
- .wp-block-jetpack-layout-grid.column3-grid__span-11 > .block-editor-inner-blocks > .block-editor-block-list__layout > .wp-block:nth-child(3) {
429
  grid-column-end: span 11; }
430
- .wp-block-jetpack-layout-grid.column4-grid__span-11 > .wpcom-resize-grid > .wp-block:nth-child(4),
431
- .wp-block-jetpack-layout-grid.column4-grid__span-11 > .block-editor-inner-blocks > .block-editor-block-list__layout > .wp-block:nth-child(4) {
432
  grid-column-end: span 11; }
433
- .wp-block-jetpack-layout-grid.column4-grid__span-11 > .wpcom-resize-grid > .wp-block:nth-child(5) {
434
  grid-column-end: span 11; }
435
- .wp-block-jetpack-layout-grid.column1-grid__span-12 > .wpcom-resize-grid > .wp-block:nth-child(1),
436
- .wp-block-jetpack-layout-grid.column1-grid__span-12 > .block-editor-inner-blocks > .block-editor-block-list__layout > .wp-block:nth-child(1) {
437
  grid-column-end: span 12; }
438
- .wp-block-jetpack-layout-grid.column2-grid__span-12 > .wpcom-resize-grid > .wp-block:nth-child(2),
439
- .wp-block-jetpack-layout-grid.column2-grid__span-12 > .block-editor-inner-blocks > .block-editor-block-list__layout > .wp-block:nth-child(2) {
440
  grid-column-end: span 12; }
441
- .wp-block-jetpack-layout-grid.column3-grid__span-12 > .wpcom-resize-grid > .wp-block:nth-child(3),
442
- .wp-block-jetpack-layout-grid.column3-grid__span-12 > .block-editor-inner-blocks > .block-editor-block-list__layout > .wp-block:nth-child(3) {
443
  grid-column-end: span 12; }
444
- .wp-block-jetpack-layout-grid.column4-grid__span-12 > .wpcom-resize-grid > .wp-block:nth-child(4),
445
- .wp-block-jetpack-layout-grid.column4-grid__span-12 > .block-editor-inner-blocks > .block-editor-block-list__layout > .wp-block:nth-child(4) {
446
  grid-column-end: span 12; }
447
- .wp-block-jetpack-layout-grid.column4-grid__span-12 > .wpcom-resize-grid > .wp-block:nth-child(5) {
448
  grid-column-end: span 12; }
449
- .wp-block-jetpack-layout-grid.column1-grid__row-1 > .wpcom-resize-grid > .wp-block:nth-child(1),
450
- .wp-block-jetpack-layout-grid.column1-grid__row-1 > .block-editor-inner-blocks > .block-editor-block-list__layout > .wp-block:nth-child(1) {
451
  grid-row-start: 1; }
452
- .wp-block-jetpack-layout-grid.column2-grid__row-1 > .wpcom-resize-grid > .wp-block:nth-child(2),
453
- .wp-block-jetpack-layout-grid.column2-grid__row-1 > .block-editor-inner-blocks > .block-editor-block-list__layout > .wp-block:nth-child(2) {
454
  grid-row-start: 1; }
455
- .wp-block-jetpack-layout-grid.column3-grid__row-1 > .wpcom-resize-grid > .wp-block:nth-child(3),
456
- .wp-block-jetpack-layout-grid.column3-grid__row-1 > .block-editor-inner-blocks > .block-editor-block-list__layout > .wp-block:nth-child(3) {
457
  grid-row-start: 1; }
458
- .wp-block-jetpack-layout-grid.column4-grid__row-1 > .wpcom-resize-grid > .wp-block:nth-child(4),
459
- .wp-block-jetpack-layout-grid.column4-grid__row-1 > .block-editor-inner-blocks > .block-editor-block-list__layout > .wp-block:nth-child(4) {
460
  grid-row-start: 1; }
461
- .wp-block-jetpack-layout-grid.column1-grid__row-2 > .wpcom-resize-grid > .wp-block:nth-child(1),
462
- .wp-block-jetpack-layout-grid.column1-grid__row-2 > .block-editor-inner-blocks > .block-editor-block-list__layout > .wp-block:nth-child(1) {
463
  grid-row-start: 2; }
464
- .wp-block-jetpack-layout-grid.column2-grid__row-2 > .wpcom-resize-grid > .wp-block:nth-child(2),
465
- .wp-block-jetpack-layout-grid.column2-grid__row-2 > .block-editor-inner-blocks > .block-editor-block-list__layout > .wp-block:nth-child(2) {
466
  grid-row-start: 2; }
467
- .wp-block-jetpack-layout-grid.column3-grid__row-2 > .wpcom-resize-grid > .wp-block:nth-child(3),
468
- .wp-block-jetpack-layout-grid.column3-grid__row-2 > .block-editor-inner-blocks > .block-editor-block-list__layout > .wp-block:nth-child(3) {
469
  grid-row-start: 2; }
470
- .wp-block-jetpack-layout-grid.column4-grid__row-2 > .wpcom-resize-grid > .wp-block:nth-child(4),
471
- .wp-block-jetpack-layout-grid.column4-grid__row-2 > .block-editor-inner-blocks > .block-editor-block-list__layout > .wp-block:nth-child(4) {
472
  grid-row-start: 2; }
473
- .wp-block-jetpack-layout-grid.column1-grid__row-3 > .wpcom-resize-grid > .wp-block:nth-child(1),
474
- .wp-block-jetpack-layout-grid.column1-grid__row-3 > .block-editor-inner-blocks > .block-editor-block-list__layout > .wp-block:nth-child(1) {
475
  grid-row-start: 3; }
476
- .wp-block-jetpack-layout-grid.column2-grid__row-3 > .wpcom-resize-grid > .wp-block:nth-child(2),
477
- .wp-block-jetpack-layout-grid.column2-grid__row-3 > .block-editor-inner-blocks > .block-editor-block-list__layout > .wp-block:nth-child(2) {
478
  grid-row-start: 3; }
479
- .wp-block-jetpack-layout-grid.column3-grid__row-3 > .wpcom-resize-grid > .wp-block:nth-child(3),
480
- .wp-block-jetpack-layout-grid.column3-grid__row-3 > .block-editor-inner-blocks > .block-editor-block-list__layout > .wp-block:nth-child(3) {
481
  grid-row-start: 3; }
482
- .wp-block-jetpack-layout-grid.column4-grid__row-3 > .wpcom-resize-grid > .wp-block:nth-child(4),
483
- .wp-block-jetpack-layout-grid.column4-grid__row-3 > .block-editor-inner-blocks > .block-editor-block-list__layout > .wp-block:nth-child(4) {
484
  grid-row-start: 3; }
485
- .wp-block-jetpack-layout-grid.column1-grid__row-4 > .wpcom-resize-grid > .wp-block:nth-child(1),
486
- .wp-block-jetpack-layout-grid.column1-grid__row-4 > .block-editor-inner-blocks > .block-editor-block-list__layout > .wp-block:nth-child(1) {
487
  grid-row-start: 4; }
488
- .wp-block-jetpack-layout-grid.column2-grid__row-4 > .wpcom-resize-grid > .wp-block:nth-child(2),
489
- .wp-block-jetpack-layout-grid.column2-grid__row-4 > .block-editor-inner-blocks > .block-editor-block-list__layout > .wp-block:nth-child(2) {
490
  grid-row-start: 4; }
491
- .wp-block-jetpack-layout-grid.column3-grid__row-4 > .wpcom-resize-grid > .wp-block:nth-child(3),
492
- .wp-block-jetpack-layout-grid.column3-grid__row-4 > .block-editor-inner-blocks > .block-editor-block-list__layout > .wp-block:nth-child(3) {
493
  grid-row-start: 4; }
494
- .wp-block-jetpack-layout-grid.column4-grid__row-4 > .wpcom-resize-grid > .wp-block:nth-child(4),
495
- .wp-block-jetpack-layout-grid.column4-grid__row-4 > .block-editor-inner-blocks > .block-editor-block-list__layout > .wp-block:nth-child(4) {
496
  grid-row-start: 4; }
497
 
498
  /**
@@ -698,3 +698,51 @@ body.is-resizing [data-type="jetpack/layout-grid"] {
698
  [data-type="jetpack/layout-grid"] .wp-block-jetpack-layout-gutter__nowrap .wp-block::before {
699
  right: 0;
700
  left: 0; }
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
131
  .wp-block-jetpack-layout-grid.wp-block-jetpack-layout-gutter__huge > .block-editor-inner-blocks > .block-editor-block-list__layout {
132
  grid-gap: 48px; }
133
 
134
+ .block-editor .wp-block-jetpack-layout-grid {
135
  display: flex;
136
  flex-direction: column; }
137
+ .block-editor .wp-block-jetpack-layout-grid.column1-grid__start-1 > .wpcom-resize-grid > .wp-block:nth-child(1),
138
+ .block-editor .wp-block-jetpack-layout-grid.column1-grid__start-1 > .block-editor-inner-blocks > .block-editor-block-list__layout > .wp-block:nth-child(1) {
139
  grid-column-start: 1; }
140
+ .block-editor .wp-block-jetpack-layout-grid.column2-grid__start-1 > .wpcom-resize-grid > .wp-block:nth-child(2),
141
+ .block-editor .wp-block-jetpack-layout-grid.column2-grid__start-1 > .block-editor-inner-blocks > .block-editor-block-list__layout > .wp-block:nth-child(2) {
142
  grid-column-start: 1; }
143
+ .block-editor .wp-block-jetpack-layout-grid.column3-grid__start-1 > .wpcom-resize-grid > .wp-block:nth-child(3),
144
+ .block-editor .wp-block-jetpack-layout-grid.column3-grid__start-1 > .block-editor-inner-blocks > .block-editor-block-list__layout > .wp-block:nth-child(3) {
145
  grid-column-start: 1; }
146
+ .block-editor .wp-block-jetpack-layout-grid.column4-grid__start-1 > .wpcom-resize-grid > .wp-block:nth-child(4),
147
+ .block-editor .wp-block-jetpack-layout-grid.column4-grid__start-1 > .block-editor-inner-blocks > .block-editor-block-list__layout > .wp-block:nth-child(4) {
148
  grid-column-start: 1; }
149
+ .block-editor .wp-block-jetpack-layout-grid.column1-grid__start-2 > .wpcom-resize-grid > .wp-block:nth-child(1),
150
+ .block-editor .wp-block-jetpack-layout-grid.column1-grid__start-2 > .block-editor-inner-blocks > .block-editor-block-list__layout > .wp-block:nth-child(1) {
151
  grid-column-start: 2; }
152
+ .block-editor .wp-block-jetpack-layout-grid.column2-grid__start-2 > .wpcom-resize-grid > .wp-block:nth-child(2),
153
+ .block-editor .wp-block-jetpack-layout-grid.column2-grid__start-2 > .block-editor-inner-blocks > .block-editor-block-list__layout > .wp-block:nth-child(2) {
154
  grid-column-start: 2; }
155
+ .block-editor .wp-block-jetpack-layout-grid.column3-grid__start-2 > .wpcom-resize-grid > .wp-block:nth-child(3),
156
+ .block-editor .wp-block-jetpack-layout-grid.column3-grid__start-2 > .block-editor-inner-blocks > .block-editor-block-list__layout > .wp-block:nth-child(3) {
157
  grid-column-start: 2; }
158
+ .block-editor .wp-block-jetpack-layout-grid.column4-grid__start-2 > .wpcom-resize-grid > .wp-block:nth-child(4),
159
+ .block-editor .wp-block-jetpack-layout-grid.column4-grid__start-2 > .block-editor-inner-blocks > .block-editor-block-list__layout > .wp-block:nth-child(4) {
160
  grid-column-start: 2; }
161
+ .block-editor .wp-block-jetpack-layout-grid.column1-grid__start-3 > .wpcom-resize-grid > .wp-block:nth-child(1),
162
+ .block-editor .wp-block-jetpack-layout-grid.column1-grid__start-3 > .block-editor-inner-blocks > .block-editor-block-list__layout > .wp-block:nth-child(1) {
163
  grid-column-start: 3; }
164
+ .block-editor .wp-block-jetpack-layout-grid.column2-grid__start-3 > .wpcom-resize-grid > .wp-block:nth-child(2),
165
+ .block-editor .wp-block-jetpack-layout-grid.column2-grid__start-3 > .block-editor-inner-blocks > .block-editor-block-list__layout > .wp-block:nth-child(2) {
166
  grid-column-start: 3; }
167
+ .block-editor .wp-block-jetpack-layout-grid.column3-grid__start-3 > .wpcom-resize-grid > .wp-block:nth-child(3),
168
+ .block-editor .wp-block-jetpack-layout-grid.column3-grid__start-3 > .block-editor-inner-blocks > .block-editor-block-list__layout > .wp-block:nth-child(3) {
169
  grid-column-start: 3; }
170
+ .block-editor .wp-block-jetpack-layout-grid.column4-grid__start-3 > .wpcom-resize-grid > .wp-block:nth-child(4),
171
+ .block-editor .wp-block-jetpack-layout-grid.column4-grid__start-3 > .block-editor-inner-blocks > .block-editor-block-list__layout > .wp-block:nth-child(4) {
172
  grid-column-start: 3; }
173
+ .block-editor .wp-block-jetpack-layout-grid.column1-grid__start-4 > .wpcom-resize-grid > .wp-block:nth-child(1),
174
+ .block-editor .wp-block-jetpack-layout-grid.column1-grid__start-4 > .block-editor-inner-blocks > .block-editor-block-list__layout > .wp-block:nth-child(1) {
175
  grid-column-start: 4; }
176
+ .block-editor .wp-block-jetpack-layout-grid.column2-grid__start-4 > .wpcom-resize-grid > .wp-block:nth-child(2),
177
+ .block-editor .wp-block-jetpack-layout-grid.column2-grid__start-4 > .block-editor-inner-blocks > .block-editor-block-list__layout > .wp-block:nth-child(2) {
178
  grid-column-start: 4; }
179
+ .block-editor .wp-block-jetpack-layout-grid.column3-grid__start-4 > .wpcom-resize-grid > .wp-block:nth-child(3),
180
+ .block-editor .wp-block-jetpack-layout-grid.column3-grid__start-4 > .block-editor-inner-blocks > .block-editor-block-list__layout > .wp-block:nth-child(3) {
181
  grid-column-start: 4; }
182
+ .block-editor .wp-block-jetpack-layout-grid.column4-grid__start-4 > .wpcom-resize-grid > .wp-block:nth-child(4),
183
+ .block-editor .wp-block-jetpack-layout-grid.column4-grid__start-4 > .block-editor-inner-blocks > .block-editor-block-list__layout > .wp-block:nth-child(4) {
184
  grid-column-start: 4; }
185
+ .block-editor .wp-block-jetpack-layout-grid.column1-grid__start-5 > .wpcom-resize-grid > .wp-block:nth-child(1),
186
+ .block-editor .wp-block-jetpack-layout-grid.column1-grid__start-5 > .block-editor-inner-blocks > .block-editor-block-list__layout > .wp-block:nth-child(1) {
187
  grid-column-start: 5; }
188
+ .block-editor .wp-block-jetpack-layout-grid.column2-grid__start-5 > .wpcom-resize-grid > .wp-block:nth-child(2),
189
+ .block-editor .wp-block-jetpack-layout-grid.column2-grid__start-5 > .block-editor-inner-blocks > .block-editor-block-list__layout > .wp-block:nth-child(2) {
190
  grid-column-start: 5; }
191
+ .block-editor .wp-block-jetpack-layout-grid.column3-grid__start-5 > .wpcom-resize-grid > .wp-block:nth-child(3),
192
+ .block-editor .wp-block-jetpack-layout-grid.column3-grid__start-5 > .block-editor-inner-blocks > .block-editor-block-list__layout > .wp-block:nth-child(3) {
193
  grid-column-start: 5; }
194
+ .block-editor .wp-block-jetpack-layout-grid.column4-grid__start-5 > .wpcom-resize-grid > .wp-block:nth-child(4),
195
+ .block-editor .wp-block-jetpack-layout-grid.column4-grid__start-5 > .block-editor-inner-blocks > .block-editor-block-list__layout > .wp-block:nth-child(4) {
196
  grid-column-start: 5; }
197
+ .block-editor .wp-block-jetpack-layout-grid.column1-grid__start-6 > .wpcom-resize-grid > .wp-block:nth-child(1),
198
+ .block-editor .wp-block-jetpack-layout-grid.column1-grid__start-6 > .block-editor-inner-blocks > .block-editor-block-list__layout > .wp-block:nth-child(1) {
199
  grid-column-start: 6; }
200
+ .block-editor .wp-block-jetpack-layout-grid.column2-grid__start-6 > .wpcom-resize-grid > .wp-block:nth-child(2),
201
+ .block-editor .wp-block-jetpack-layout-grid.column2-grid__start-6 > .block-editor-inner-blocks > .block-editor-block-list__layout > .wp-block:nth-child(2) {
202
  grid-column-start: 6; }
203
+ .block-editor .wp-block-jetpack-layout-grid.column3-grid__start-6 > .wpcom-resize-grid > .wp-block:nth-child(3),
204
+ .block-editor .wp-block-jetpack-layout-grid.column3-grid__start-6 > .block-editor-inner-blocks > .block-editor-block-list__layout > .wp-block:nth-child(3) {
205
  grid-column-start: 6; }
206
+ .block-editor .wp-block-jetpack-layout-grid.column4-grid__start-6 > .wpcom-resize-grid > .wp-block:nth-child(4),
207
+ .block-editor .wp-block-jetpack-layout-grid.column4-grid__start-6 > .block-editor-inner-blocks > .block-editor-block-list__layout > .wp-block:nth-child(4) {
208
  grid-column-start: 6; }
209
+ .block-editor .wp-block-jetpack-layout-grid.column1-grid__start-7 > .wpcom-resize-grid > .wp-block:nth-child(1),
210
+ .block-editor .wp-block-jetpack-layout-grid.column1-grid__start-7 > .block-editor-inner-blocks > .block-editor-block-list__layout > .wp-block:nth-child(1) {
211
  grid-column-start: 7; }
212
+ .block-editor .wp-block-jetpack-layout-grid.column2-grid__start-7 > .wpcom-resize-grid > .wp-block:nth-child(2),
213
+ .block-editor .wp-block-jetpack-layout-grid.column2-grid__start-7 > .block-editor-inner-blocks > .block-editor-block-list__layout > .wp-block:nth-child(2) {
214
  grid-column-start: 7; }
215
+ .block-editor .wp-block-jetpack-layout-grid.column3-grid__start-7 > .wpcom-resize-grid > .wp-block:nth-child(3),
216
+ .block-editor .wp-block-jetpack-layout-grid.column3-grid__start-7 > .block-editor-inner-blocks > .block-editor-block-list__layout > .wp-block:nth-child(3) {
217
  grid-column-start: 7; }
218
+ .block-editor .wp-block-jetpack-layout-grid.column4-grid__start-7 > .wpcom-resize-grid > .wp-block:nth-child(4),
219
+ .block-editor .wp-block-jetpack-layout-grid.column4-grid__start-7 > .block-editor-inner-blocks > .block-editor-block-list__layout > .wp-block:nth-child(4) {
220
  grid-column-start: 7; }
221
+ .block-editor .wp-block-jetpack-layout-grid.column1-grid__start-8 > .wpcom-resize-grid > .wp-block:nth-child(1),
222
+ .block-editor .wp-block-jetpack-layout-grid.column1-grid__start-8 > .block-editor-inner-blocks > .block-editor-block-list__layout > .wp-block:nth-child(1) {
223
  grid-column-start: 8; }
224
+ .block-editor .wp-block-jetpack-layout-grid.column2-grid__start-8 > .wpcom-resize-grid > .wp-block:nth-child(2),
225
+ .block-editor .wp-block-jetpack-layout-grid.column2-grid__start-8 > .block-editor-inner-blocks > .block-editor-block-list__layout > .wp-block:nth-child(2) {
226
  grid-column-start: 8; }
227
+ .block-editor .wp-block-jetpack-layout-grid.column3-grid__start-8 > .wpcom-resize-grid > .wp-block:nth-child(3),
228
+ .block-editor .wp-block-jetpack-layout-grid.column3-grid__start-8 > .block-editor-inner-blocks > .block-editor-block-list__layout > .wp-block:nth-child(3) {
229
  grid-column-start: 8; }
230
+ .block-editor .wp-block-jetpack-layout-grid.column4-grid__start-8 > .wpcom-resize-grid > .wp-block:nth-child(4),
231
+ .block-editor .wp-block-jetpack-layout-grid.column4-grid__start-8 > .block-editor-inner-blocks > .block-editor-block-list__layout > .wp-block:nth-child(4) {
232
  grid-column-start: 8; }
233
+ .block-editor .wp-block-jetpack-layout-grid.column1-grid__start-9 > .wpcom-resize-grid > .wp-block:nth-child(1),
234
+ .block-editor .wp-block-jetpack-layout-grid.column1-grid__start-9 > .block-editor-inner-blocks > .block-editor-block-list__layout > .wp-block:nth-child(1) {
235
  grid-column-start: 9; }
236
+ .block-editor .wp-block-jetpack-layout-grid.column2-grid__start-9 > .wpcom-resize-grid > .wp-block:nth-child(2),
237
+ .block-editor .wp-block-jetpack-layout-grid.column2-grid__start-9 > .block-editor-inner-blocks > .block-editor-block-list__layout > .wp-block:nth-child(2) {
238
  grid-column-start: 9; }
239
+ .block-editor .wp-block-jetpack-layout-grid.column3-grid__start-9 > .wpcom-resize-grid > .wp-block:nth-child(3),
240
+ .block-editor .wp-block-jetpack-layout-grid.column3-grid__start-9 > .block-editor-inner-blocks > .block-editor-block-list__layout > .wp-block:nth-child(3) {
241
  grid-column-start: 9; }
242
+ .block-editor .wp-block-jetpack-layout-grid.column4-grid__start-9 > .wpcom-resize-grid > .wp-block:nth-child(4),
243
+ .block-editor .wp-block-jetpack-layout-grid.column4-grid__start-9 > .block-editor-inner-blocks > .block-editor-block-list__layout > .wp-block:nth-child(4) {
244
  grid-column-start: 9; }
245
+ .block-editor .wp-block-jetpack-layout-grid.column1-grid__start-10 > .wpcom-resize-grid > .wp-block:nth-child(1),
246
+ .block-editor .wp-block-jetpack-layout-grid.column1-grid__start-10 > .block-editor-inner-blocks > .block-editor-block-list__layout > .wp-block:nth-child(1) {
247
  grid-column-start: 10; }
248
+ .block-editor .wp-block-jetpack-layout-grid.column2-grid__start-10 > .wpcom-resize-grid > .wp-block:nth-child(2),
249
+ .block-editor .wp-block-jetpack-layout-grid.column2-grid__start-10 > .block-editor-inner-blocks > .block-editor-block-list__layout > .wp-block:nth-child(2) {
250
  grid-column-start: 10; }
251
+ .block-editor .wp-block-jetpack-layout-grid.column3-grid__start-10 > .wpcom-resize-grid > .wp-block:nth-child(3),
252
+ .block-editor .wp-block-jetpack-layout-grid.column3-grid__start-10 > .block-editor-inner-blocks > .block-editor-block-list__layout > .wp-block:nth-child(3) {
253
  grid-column-start: 10; }
254
+ .block-editor .wp-block-jetpack-layout-grid.column4-grid__start-10 > .wpcom-resize-grid > .wp-block:nth-child(4),
255
+ .block-editor .wp-block-jetpack-layout-grid.column4-grid__start-10 > .block-editor-inner-blocks > .block-editor-block-list__layout > .wp-block:nth-child(4) {
256
  grid-column-start: 10; }
257
+ .block-editor .wp-block-jetpack-layout-grid.column1-grid__start-11 > .wpcom-resize-grid > .wp-block:nth-child(1),
258
+ .block-editor .wp-block-jetpack-layout-grid.column1-grid__start-11 > .block-editor-inner-blocks > .block-editor-block-list__layout > .wp-block:nth-child(1) {
259
  grid-column-start: 11; }
260
+ .block-editor .wp-block-jetpack-layout-grid.column2-grid__start-11 > .wpcom-resize-grid > .wp-block:nth-child(2),
261
+ .block-editor .wp-block-jetpack-layout-grid.column2-grid__start-11 > .block-editor-inner-blocks > .block-editor-block-list__layout > .wp-block:nth-child(2) {
262
  grid-column-start: 11; }
263
+ .block-editor .wp-block-jetpack-layout-grid.column3-grid__start-11 > .wpcom-resize-grid > .wp-block:nth-child(3),
264
+ .block-editor .wp-block-jetpack-layout-grid.column3-grid__start-11 > .block-editor-inner-blocks > .block-editor-block-list__layout > .wp-block:nth-child(3) {
265
  grid-column-start: 11; }
266
+ .block-editor .wp-block-jetpack-layout-grid.column4-grid__start-11 > .wpcom-resize-grid > .wp-block:nth-child(4),
267
+ .block-editor .wp-block-jetpack-layout-grid.column4-grid__start-11 > .block-editor-inner-blocks > .block-editor-block-list__layout > .wp-block:nth-child(4) {
268
  grid-column-start: 11; }
269
+ .block-editor .wp-block-jetpack-layout-grid.column1-grid__start-12 > .wpcom-resize-grid > .wp-block:nth-child(1),
270
+ .block-editor .wp-block-jetpack-layout-grid.column1-grid__start-12 > .block-editor-inner-blocks > .block-editor-block-list__layout > .wp-block:nth-child(1) {
271
  grid-column-start: 12; }
272
+ .block-editor .wp-block-jetpack-layout-grid.column2-grid__start-12 > .wpcom-resize-grid > .wp-block:nth-child(2),
273
+ .block-editor .wp-block-jetpack-layout-grid.column2-grid__start-12 > .block-editor-inner-blocks > .block-editor-block-list__layout > .wp-block:nth-child(2) {
274
  grid-column-start: 12; }
275
+ .block-editor .wp-block-jetpack-layout-grid.column3-grid__start-12 > .wpcom-resize-grid > .wp-block:nth-child(3),
276
+ .block-editor .wp-block-jetpack-layout-grid.column3-grid__start-12 > .block-editor-inner-blocks > .block-editor-block-list__layout > .wp-block:nth-child(3) {
277
  grid-column-start: 12; }
278
+ .block-editor .wp-block-jetpack-layout-grid.column4-grid__start-12 > .wpcom-resize-grid > .wp-block:nth-child(4),
279
+ .block-editor .wp-block-jetpack-layout-grid.column4-grid__start-12 > .block-editor-inner-blocks > .block-editor-block-list__layout > .wp-block:nth-child(4) {
280
  grid-column-start: 12; }
281
+ .block-editor .wp-block-jetpack-layout-grid.column1-grid__span-1 > .wpcom-resize-grid > .wp-block:nth-child(1),
282
+ .block-editor .wp-block-jetpack-layout-grid.column1-grid__span-1 > .block-editor-inner-blocks > .block-editor-block-list__layout > .wp-block:nth-child(1) {
283
  grid-column-end: span 1; }
284
+ .block-editor .wp-block-jetpack-layout-grid.column2-grid__span-1 > .wpcom-resize-grid > .wp-block:nth-child(2),
285
+ .block-editor .wp-block-jetpack-layout-grid.column2-grid__span-1 > .block-editor-inner-blocks > .block-editor-block-list__layout > .wp-block:nth-child(2) {
286
  grid-column-end: span 1; }
287
+ .block-editor .wp-block-jetpack-layout-grid.column3-grid__span-1 > .wpcom-resize-grid > .wp-block:nth-child(3),
288
+ .block-editor .wp-block-jetpack-layout-grid.column3-grid__span-1 > .block-editor-inner-blocks > .block-editor-block-list__layout > .wp-block:nth-child(3) {
289
  grid-column-end: span 1; }
290
+ .block-editor .wp-block-jetpack-layout-grid.column4-grid__span-1 > .wpcom-resize-grid > .wp-block:nth-child(4),
291
+ .block-editor .wp-block-jetpack-layout-grid.column4-grid__span-1 > .block-editor-inner-blocks > .block-editor-block-list__layout > .wp-block:nth-child(4) {
292
  grid-column-end: span 1; }
293
+ .block-editor .wp-block-jetpack-layout-grid.column4-grid__span-1 > .wpcom-resize-grid > .wp-block:nth-child(5) {
294
  grid-column-end: span 1; }
295
+ .block-editor .wp-block-jetpack-layout-grid.column1-grid__span-2 > .wpcom-resize-grid > .wp-block:nth-child(1),
296
+ .block-editor .wp-block-jetpack-layout-grid.column1-grid__span-2 > .block-editor-inner-blocks > .block-editor-block-list__layout > .wp-block:nth-child(1) {
297
  grid-column-end: span 2; }
298
+ .block-editor .wp-block-jetpack-layout-grid.column2-grid__span-2 > .wpcom-resize-grid > .wp-block:nth-child(2),
299
+ .block-editor .wp-block-jetpack-layout-grid.column2-grid__span-2 > .block-editor-inner-blocks > .block-editor-block-list__layout > .wp-block:nth-child(2) {
300
  grid-column-end: span 2; }
301
+ .block-editor .wp-block-jetpack-layout-grid.column3-grid__span-2 > .wpcom-resize-grid > .wp-block:nth-child(3),
302
+ .block-editor .wp-block-jetpack-layout-grid.column3-grid__span-2 > .block-editor-inner-blocks > .block-editor-block-list__layout > .wp-block:nth-child(3) {
303
  grid-column-end: span 2; }
304
+ .block-editor .wp-block-jetpack-layout-grid.column4-grid__span-2 > .wpcom-resize-grid > .wp-block:nth-child(4),
305
+ .block-editor .wp-block-jetpack-layout-grid.column4-grid__span-2 > .block-editor-inner-blocks > .block-editor-block-list__layout > .wp-block:nth-child(4) {
306
  grid-column-end: span 2; }
307
+ .block-editor .wp-block-jetpack-layout-grid.column4-grid__span-2 > .wpcom-resize-grid > .wp-block:nth-child(5) {
308
  grid-column-end: span 2; }
309
+ .block-editor .wp-block-jetpack-layout-grid.column1-grid__span-3 > .wpcom-resize-grid > .wp-block:nth-child(1),
310
+ .block-editor .wp-block-jetpack-layout-grid.column1-grid__span-3 > .block-editor-inner-blocks > .block-editor-block-list__layout > .wp-block:nth-child(1) {
311
  grid-column-end: span 3; }
312
+ .block-editor .wp-block-jetpack-layout-grid.column2-grid__span-3 > .wpcom-resize-grid > .wp-block:nth-child(2),
313
+ .block-editor .wp-block-jetpack-layout-grid.column2-grid__span-3 > .block-editor-inner-blocks > .block-editor-block-list__layout > .wp-block:nth-child(2) {
314
  grid-column-end: span 3; }
315
+ .block-editor .wp-block-jetpack-layout-grid.column3-grid__span-3 > .wpcom-resize-grid > .wp-block:nth-child(3),
316
+ .block-editor .wp-block-jetpack-layout-grid.column3-grid__span-3 > .block-editor-inner-blocks > .block-editor-block-list__layout > .wp-block:nth-child(3) {
317
  grid-column-end: span 3; }
318
+ .block-editor .wp-block-jetpack-layout-grid.column4-grid__span-3 > .wpcom-resize-grid > .wp-block:nth-child(4),
319
+ .block-editor .wp-block-jetpack-layout-grid.column4-grid__span-3 > .block-editor-inner-blocks > .block-editor-block-list__layout > .wp-block:nth-child(4) {
320
  grid-column-end: span 3; }
321
+ .block-editor .wp-block-jetpack-layout-grid.column4-grid__span-3 > .wpcom-resize-grid > .wp-block:nth-child(5) {
322
  grid-column-end: span 3; }
323
+ .block-editor .wp-block-jetpack-layout-grid.column1-grid__span-4 > .wpcom-resize-grid > .wp-block:nth-child(1),
324
+ .block-editor .wp-block-jetpack-layout-grid.column1-grid__span-4 > .block-editor-inner-blocks > .block-editor-block-list__layout > .wp-block:nth-child(1) {
325
  grid-column-end: span 4; }
326
+ .block-editor .wp-block-jetpack-layout-grid.column2-grid__span-4 > .wpcom-resize-grid > .wp-block:nth-child(2),
327
+ .block-editor .wp-block-jetpack-layout-grid.column2-grid__span-4 > .block-editor-inner-blocks > .block-editor-block-list__layout > .wp-block:nth-child(2) {
328
  grid-column-end: span 4; }
329
+ .block-editor .wp-block-jetpack-layout-grid.column3-grid__span-4 > .wpcom-resize-grid > .wp-block:nth-child(3),
330
+ .block-editor .wp-block-jetpack-layout-grid.column3-grid__span-4 > .block-editor-inner-blocks > .block-editor-block-list__layout > .wp-block:nth-child(3) {
331
  grid-column-end: span 4; }
332
+ .block-editor .wp-block-jetpack-layout-grid.column4-grid__span-4 > .wpcom-resize-grid > .wp-block:nth-child(4),
333
+ .block-editor .wp-block-jetpack-layout-grid.column4-grid__span-4 > .block-editor-inner-blocks > .block-editor-block-list__layout > .wp-block:nth-child(4) {
334
  grid-column-end: span 4; }
335
+ .block-editor .wp-block-jetpack-layout-grid.column4-grid__span-4 > .wpcom-resize-grid > .wp-block:nth-child(5) {
336
  grid-column-end: span 4; }
337
+ .block-editor .wp-block-jetpack-layout-grid.column1-grid__span-5 > .wpcom-resize-grid > .wp-block:nth-child(1),
338
+ .block-editor .wp-block-jetpack-layout-grid.column1-grid__span-5 > .block-editor-inner-blocks > .block-editor-block-list__layout > .wp-block:nth-child(1) {
339
  grid-column-end: span 5; }
340
+ .block-editor .wp-block-jetpack-layout-grid.column2-grid__span-5 > .wpcom-resize-grid > .wp-block:nth-child(2),
341
+ .block-editor .wp-block-jetpack-layout-grid.column2-grid__span-5 > .block-editor-inner-blocks > .block-editor-block-list__layout > .wp-block:nth-child(2) {
342
  grid-column-end: span 5; }
343
+ .block-editor .wp-block-jetpack-layout-grid.column3-grid__span-5 > .wpcom-resize-grid > .wp-block:nth-child(3),
344
+ .block-editor .wp-block-jetpack-layout-grid.column3-grid__span-5 > .block-editor-inner-blocks > .block-editor-block-list__layout > .wp-block:nth-child(3) {
345
  grid-column-end: span 5; }
346
+ .block-editor .wp-block-jetpack-layout-grid.column4-grid__span-5 > .wpcom-resize-grid > .wp-block:nth-child(4),
347
+ .block-editor .wp-block-jetpack-layout-grid.column4-grid__span-5 > .block-editor-inner-blocks > .block-editor-block-list__layout > .wp-block:nth-child(4) {
348
  grid-column-end: span 5; }
349
+ .block-editor .wp-block-jetpack-layout-grid.column4-grid__span-5 > .wpcom-resize-grid > .wp-block:nth-child(5) {
350
  grid-column-end: span 5; }
351
+ .block-editor .wp-block-jetpack-layout-grid.column1-grid__span-6 > .wpcom-resize-grid > .wp-block:nth-child(1),
352
+ .block-editor .wp-block-jetpack-layout-grid.column1-grid__span-6 > .block-editor-inner-blocks > .block-editor-block-list__layout > .wp-block:nth-child(1) {
353
  grid-column-end: span 6; }
354
+ .block-editor .wp-block-jetpack-layout-grid.column2-grid__span-6 > .wpcom-resize-grid > .wp-block:nth-child(2),
355
+ .block-editor .wp-block-jetpack-layout-grid.column2-grid__span-6 > .block-editor-inner-blocks > .block-editor-block-list__layout > .wp-block:nth-child(2) {
356
  grid-column-end: span 6; }
357
+ .block-editor .wp-block-jetpack-layout-grid.column3-grid__span-6 > .wpcom-resize-grid > .wp-block:nth-child(3),
358
+ .block-editor .wp-block-jetpack-layout-grid.column3-grid__span-6 > .block-editor-inner-blocks > .block-editor-block-list__layout > .wp-block:nth-child(3) {
359
  grid-column-end: span 6; }
360
+ .block-editor .wp-block-jetpack-layout-grid.column4-grid__span-6 > .wpcom-resize-grid > .wp-block:nth-child(4),
361
+ .block-editor .wp-block-jetpack-layout-grid.column4-grid__span-6 > .block-editor-inner-blocks > .block-editor-block-list__layout > .wp-block:nth-child(4) {
362
  grid-column-end: span 6; }
363
+ .block-editor .wp-block-jetpack-layout-grid.column4-grid__span-6 > .wpcom-resize-grid > .wp-block:nth-child(5) {
364
  grid-column-end: span 6; }
365
+ .block-editor .wp-block-jetpack-layout-grid.column1-grid__span-7 > .wpcom-resize-grid > .wp-block:nth-child(1),
366
+ .block-editor .wp-block-jetpack-layout-grid.column1-grid__span-7 > .block-editor-inner-blocks > .block-editor-block-list__layout > .wp-block:nth-child(1) {
367
  grid-column-end: span 7; }
368
+ .block-editor .wp-block-jetpack-layout-grid.column2-grid__span-7 > .wpcom-resize-grid > .wp-block:nth-child(2),
369
+ .block-editor .wp-block-jetpack-layout-grid.column2-grid__span-7 > .block-editor-inner-blocks > .block-editor-block-list__layout > .wp-block:nth-child(2) {
370
  grid-column-end: span 7; }
371
+ .block-editor .wp-block-jetpack-layout-grid.column3-grid__span-7 > .wpcom-resize-grid > .wp-block:nth-child(3),
372
+ .block-editor .wp-block-jetpack-layout-grid.column3-grid__span-7 > .block-editor-inner-blocks > .block-editor-block-list__layout > .wp-block:nth-child(3) {
373
  grid-column-end: span 7; }
374
+ .block-editor .wp-block-jetpack-layout-grid.column4-grid__span-7 > .wpcom-resize-grid > .wp-block:nth-child(4),
375
+ .block-editor .wp-block-jetpack-layout-grid.column4-grid__span-7 > .block-editor-inner-blocks > .block-editor-block-list__layout > .wp-block:nth-child(4) {
376
  grid-column-end: span 7; }
377
+ .block-editor .wp-block-jetpack-layout-grid.column4-grid__span-7 > .wpcom-resize-grid > .wp-block:nth-child(5) {
378
  grid-column-end: span 7; }
379
+ .block-editor .wp-block-jetpack-layout-grid.column1-grid__span-8 > .wpcom-resize-grid > .wp-block:nth-child(1),
380
+ .block-editor .wp-block-jetpack-layout-grid.column1-grid__span-8 > .block-editor-inner-blocks > .block-editor-block-list__layout > .wp-block:nth-child(1) {
381
  grid-column-end: span 8; }
382
+ .block-editor .wp-block-jetpack-layout-grid.column2-grid__span-8 > .wpcom-resize-grid > .wp-block:nth-child(2),
383
+ .block-editor .wp-block-jetpack-layout-grid.column2-grid__span-8 > .block-editor-inner-blocks > .block-editor-block-list__layout > .wp-block:nth-child(2) {
384
  grid-column-end: span 8; }
385
+ .block-editor .wp-block-jetpack-layout-grid.column3-grid__span-8 > .wpcom-resize-grid > .wp-block:nth-child(3),
386
+ .block-editor .wp-block-jetpack-layout-grid.column3-grid__span-8 > .block-editor-inner-blocks > .block-editor-block-list__layout > .wp-block:nth-child(3) {
387
  grid-column-end: span 8; }
388
+ .block-editor .wp-block-jetpack-layout-grid.column4-grid__span-8 > .wpcom-resize-grid > .wp-block:nth-child(4),
389
+ .block-editor .wp-block-jetpack-layout-grid.column4-grid__span-8 > .block-editor-inner-blocks > .block-editor-block-list__layout > .wp-block:nth-child(4) {
390
  grid-column-end: span 8; }
391
+ .block-editor .wp-block-jetpack-layout-grid.column4-grid__span-8 > .wpcom-resize-grid > .wp-block:nth-child(5) {
392
  grid-column-end: span 8; }
393
+ .block-editor .wp-block-jetpack-layout-grid.column1-grid__span-9 > .wpcom-resize-grid > .wp-block:nth-child(1),
394
+ .block-editor .wp-block-jetpack-layout-grid.column1-grid__span-9 > .block-editor-inner-blocks > .block-editor-block-list__layout > .wp-block:nth-child(1) {
395
  grid-column-end: span 9; }
396
+ .block-editor .wp-block-jetpack-layout-grid.column2-grid__span-9 > .wpcom-resize-grid > .wp-block:nth-child(2),
397
+ .block-editor .wp-block-jetpack-layout-grid.column2-grid__span-9 > .block-editor-inner-blocks > .block-editor-block-list__layout > .wp-block:nth-child(2) {
398
  grid-column-end: span 9; }
399
+ .block-editor .wp-block-jetpack-layout-grid.column3-grid__span-9 > .wpcom-resize-grid > .wp-block:nth-child(3),
400
+ .block-editor .wp-block-jetpack-layout-grid.column3-grid__span-9 > .block-editor-inner-blocks > .block-editor-block-list__layout > .wp-block:nth-child(3) {
401
  grid-column-end: span 9; }
402
+ .block-editor .wp-block-jetpack-layout-grid.column4-grid__span-9 > .wpcom-resize-grid > .wp-block:nth-child(4),
403
+ .block-editor .wp-block-jetpack-layout-grid.column4-grid__span-9 > .block-editor-inner-blocks > .block-editor-block-list__layout > .wp-block:nth-child(4) {
404
  grid-column-end: span 9; }
405
+ .block-editor .wp-block-jetpack-layout-grid.column4-grid__span-9 > .wpcom-resize-grid > .wp-block:nth-child(5) {
406
  grid-column-end: span 9; }
407
+ .block-editor .wp-block-jetpack-layout-grid.column1-grid__span-10 > .wpcom-resize-grid > .wp-block:nth-child(1),
408
+ .block-editor .wp-block-jetpack-layout-grid.column1-grid__span-10 > .block-editor-inner-blocks > .block-editor-block-list__layout > .wp-block:nth-child(1) {
409
  grid-column-end: span 10; }
410
+ .block-editor .wp-block-jetpack-layout-grid.column2-grid__span-10 > .wpcom-resize-grid > .wp-block:nth-child(2),
411
+ .block-editor .wp-block-jetpack-layout-grid.column2-grid__span-10 > .block-editor-inner-blocks > .block-editor-block-list__layout > .wp-block:nth-child(2) {
412
  grid-column-end: span 10; }
413
+ .block-editor .wp-block-jetpack-layout-grid.column3-grid__span-10 > .wpcom-resize-grid > .wp-block:nth-child(3),
414
+ .block-editor .wp-block-jetpack-layout-grid.column3-grid__span-10 > .block-editor-inner-blocks > .block-editor-block-list__layout > .wp-block:nth-child(3) {
415
  grid-column-end: span 10; }
416
+ .block-editor .wp-block-jetpack-layout-grid.column4-grid__span-10 > .wpcom-resize-grid > .wp-block:nth-child(4),
417
+ .block-editor .wp-block-jetpack-layout-grid.column4-grid__span-10 > .block-editor-inner-blocks > .block-editor-block-list__layout > .wp-block:nth-child(4) {
418
  grid-column-end: span 10; }
419
+ .block-editor .wp-block-jetpack-layout-grid.column4-grid__span-10 > .wpcom-resize-grid > .wp-block:nth-child(5) {
420
  grid-column-end: span 10; }
421
+ .block-editor .wp-block-jetpack-layout-grid.column1-grid__span-11 > .wpcom-resize-grid > .wp-block:nth-child(1),
422
+ .block-editor .wp-block-jetpack-layout-grid.column1-grid__span-11 > .block-editor-inner-blocks > .block-editor-block-list__layout > .wp-block:nth-child(1) {
423
  grid-column-end: span 11; }
424
+ .block-editor .wp-block-jetpack-layout-grid.column2-grid__span-11 > .wpcom-resize-grid > .wp-block:nth-child(2),
425
+ .block-editor .wp-block-jetpack-layout-grid.column2-grid__span-11 > .block-editor-inner-blocks > .block-editor-block-list__layout > .wp-block:nth-child(2) {
426
  grid-column-end: span 11; }
427
+ .block-editor .wp-block-jetpack-layout-grid.column3-grid__span-11 > .wpcom-resize-grid > .wp-block:nth-child(3),
428
+ .block-editor .wp-block-jetpack-layout-grid.column3-grid__span-11 > .block-editor-inner-blocks > .block-editor-block-list__layout > .wp-block:nth-child(3) {
429
  grid-column-end: span 11; }
430
+ .block-editor .wp-block-jetpack-layout-grid.column4-grid__span-11 > .wpcom-resize-grid > .wp-block:nth-child(4),
431
+ .block-editor .wp-block-jetpack-layout-grid.column4-grid__span-11 > .block-editor-inner-blocks > .block-editor-block-list__layout > .wp-block:nth-child(4) {
432
  grid-column-end: span 11; }
433
+ .block-editor .wp-block-jetpack-layout-grid.column4-grid__span-11 > .wpcom-resize-grid > .wp-block:nth-child(5) {
434
  grid-column-end: span 11; }
435
+ .block-editor .wp-block-jetpack-layout-grid.column1-grid__span-12 > .wpcom-resize-grid > .wp-block:nth-child(1),
436
+ .block-editor .wp-block-jetpack-layout-grid.column1-grid__span-12 > .block-editor-inner-blocks > .block-editor-block-list__layout > .wp-block:nth-child(1) {
437
  grid-column-end: span 12; }
438
+ .block-editor .wp-block-jetpack-layout-grid.column2-grid__span-12 > .wpcom-resize-grid > .wp-block:nth-child(2),
439
+ .block-editor .wp-block-jetpack-layout-grid.column2-grid__span-12 > .block-editor-inner-blocks > .block-editor-block-list__layout > .wp-block:nth-child(2) {
440
  grid-column-end: span 12; }
441
+ .block-editor .wp-block-jetpack-layout-grid.column3-grid__span-12 > .wpcom-resize-grid > .wp-block:nth-child(3),
442
+ .block-editor .wp-block-jetpack-layout-grid.column3-grid__span-12 > .block-editor-inner-blocks > .block-editor-block-list__layout > .wp-block:nth-child(3) {
443
  grid-column-end: span 12; }
444
+ .block-editor .wp-block-jetpack-layout-grid.column4-grid__span-12 > .wpcom-resize-grid > .wp-block:nth-child(4),
445
+ .block-editor .wp-block-jetpack-layout-grid.column4-grid__span-12 > .block-editor-inner-blocks > .block-editor-block-list__layout > .wp-block:nth-child(4) {
446
  grid-column-end: span 12; }
447
+ .block-editor .wp-block-jetpack-layout-grid.column4-grid__span-12 > .wpcom-resize-grid > .wp-block:nth-child(5) {
448
  grid-column-end: span 12; }
449
+ .block-editor .wp-block-jetpack-layout-grid.column1-grid__row-1 > .wpcom-resize-grid > .wp-block:nth-child(1),
450
+ .block-editor .wp-block-jetpack-layout-grid.column1-grid__row-1 > .block-editor-inner-blocks > .block-editor-block-list__layout > .wp-block:nth-child(1) {
451
  grid-row-start: 1; }
452
+ .block-editor .wp-block-jetpack-layout-grid.column2-grid__row-1 > .wpcom-resize-grid > .wp-block:nth-child(2),
453
+ .block-editor .wp-block-jetpack-layout-grid.column2-grid__row-1 > .block-editor-inner-blocks > .block-editor-block-list__layout > .wp-block:nth-child(2) {
454
  grid-row-start: 1; }
455
+ .block-editor .wp-block-jetpack-layout-grid.column3-grid__row-1 > .wpcom-resize-grid > .wp-block:nth-child(3),
456
+ .block-editor .wp-block-jetpack-layout-grid.column3-grid__row-1 > .block-editor-inner-blocks > .block-editor-block-list__layout > .wp-block:nth-child(3) {
457
  grid-row-start: 1; }
458
+ .block-editor .wp-block-jetpack-layout-grid.column4-grid__row-1 > .wpcom-resize-grid > .wp-block:nth-child(4),
459
+ .block-editor .wp-block-jetpack-layout-grid.column4-grid__row-1 > .block-editor-inner-blocks > .block-editor-block-list__layout > .wp-block:nth-child(4) {
460
  grid-row-start: 1; }
461
+ .block-editor .wp-block-jetpack-layout-grid.column1-grid__row-2 > .wpcom-resize-grid > .wp-block:nth-child(1),
462
+ .block-editor .wp-block-jetpack-layout-grid.column1-grid__row-2 > .block-editor-inner-blocks > .block-editor-block-list__layout > .wp-block:nth-child(1) {
463
  grid-row-start: 2; }
464
+ .block-editor .wp-block-jetpack-layout-grid.column2-grid__row-2 > .wpcom-resize-grid > .wp-block:nth-child(2),
465
+ .block-editor .wp-block-jetpack-layout-grid.column2-grid__row-2 > .block-editor-inner-blocks > .block-editor-block-list__layout > .wp-block:nth-child(2) {
466
  grid-row-start: 2; }
467
+ .block-editor .wp-block-jetpack-layout-grid.column3-grid__row-2 > .wpcom-resize-grid > .wp-block:nth-child(3),
468
+ .block-editor .wp-block-jetpack-layout-grid.column3-grid__row-2 > .block-editor-inner-blocks > .block-editor-block-list__layout > .wp-block:nth-child(3) {
469
  grid-row-start: 2; }
470
+ .block-editor .wp-block-jetpack-layout-grid.column4-grid__row-2 > .wpcom-resize-grid > .wp-block:nth-child(4),
471
+ .block-editor .wp-block-jetpack-layout-grid.column4-grid__row-2 > .block-editor-inner-blocks > .block-editor-block-list__layout > .wp-block:nth-child(4) {
472
  grid-row-start: 2; }
473
+ .block-editor .wp-block-jetpack-layout-grid.column1-grid__row-3 > .wpcom-resize-grid > .wp-block:nth-child(1),
474
+ .block-editor .wp-block-jetpack-layout-grid.column1-grid__row-3 > .block-editor-inner-blocks > .block-editor-block-list__layout > .wp-block:nth-child(1) {
475
  grid-row-start: 3; }
476
+ .block-editor .wp-block-jetpack-layout-grid.column2-grid__row-3 > .wpcom-resize-grid > .wp-block:nth-child(2),
477
+ .block-editor .wp-block-jetpack-layout-grid.column2-grid__row-3 > .block-editor-inner-blocks > .block-editor-block-list__layout > .wp-block:nth-child(2) {
478
  grid-row-start: 3; }
479
+ .block-editor .wp-block-jetpack-layout-grid.column3-grid__row-3 > .wpcom-resize-grid > .wp-block:nth-child(3),
480
+ .block-editor .wp-block-jetpack-layout-grid.column3-grid__row-3 > .block-editor-inner-blocks > .block-editor-block-list__layout > .wp-block:nth-child(3) {
481
  grid-row-start: 3; }
482
+ .block-editor .wp-block-jetpack-layout-grid.column4-grid__row-3 > .wpcom-resize-grid > .wp-block:nth-child(4),
483
+ .block-editor .wp-block-jetpack-layout-grid.column4-grid__row-3 > .block-editor-inner-blocks > .block-editor-block-list__layout > .wp-block:nth-child(4) {
484
  grid-row-start: 3; }
485
+ .block-editor .wp-block-jetpack-layout-grid.column1-grid__row-4 > .wpcom-resize-grid > .wp-block:nth-child(1),
486
+ .block-editor .wp-block-jetpack-layout-grid.column1-grid__row-4 > .block-editor-inner-blocks > .block-editor-block-list__layout > .wp-block:nth-child(1) {
487
  grid-row-start: 4; }
488
+ .block-editor .wp-block-jetpack-layout-grid.column2-grid__row-4 > .wpcom-resize-grid > .wp-block:nth-child(2),
489
+ .block-editor .wp-block-jetpack-layout-grid.column2-grid__row-4 > .block-editor-inner-blocks > .block-editor-block-list__layout > .wp-block:nth-child(2) {
490
  grid-row-start: 4; }
491
+ .block-editor .wp-block-jetpack-layout-grid.column3-grid__row-4 > .wpcom-resize-grid > .wp-block:nth-child(3),
492
+ .block-editor .wp-block-jetpack-layout-grid.column3-grid__row-4 > .block-editor-inner-blocks > .block-editor-block-list__layout > .wp-block:nth-child(3) {
493
  grid-row-start: 4; }
494
+ .block-editor .wp-block-jetpack-layout-grid.column4-grid__row-4 > .wpcom-resize-grid > .wp-block:nth-child(4),
495
+ .block-editor .wp-block-jetpack-layout-grid.column4-grid__row-4 > .block-editor-inner-blocks > .block-editor-block-list__layout > .wp-block:nth-child(4) {
496
  grid-row-start: 4; }
497
 
498
  /**
698
  [data-type="jetpack/layout-grid"] .wp-block-jetpack-layout-gutter__nowrap .wp-block::before {
699
  right: 0;
700
  left: 0; }
701
+
702
+ /**
703
+ * Individual column alignment for the editor
704
+ */
705
+ .wp-block-jetpack-layout-grid.are-vertically-aligned-top [data-type="jetpack/layout-grid-column"].wp-block {
706
+ align-self: flex-start; }
707
+
708
+ .wp-block-jetpack-layout-grid.are-vertically-aligned-center [data-type="jetpack/layout-grid-column"].wp-block {
709
+ align-self: center; }
710
+
711
+ .wp-block-jetpack-layout-grid.are-vertically-aligned-bottom [data-type="jetpack/layout-grid-column"].wp-block {
712
+ align-self: flex-end; }
713
+
714
+ .wp-block-jetpack-layout-grid.column1-grid__valign-top [data-type="jetpack/layout-grid-column"].wp-block:nth-child(1) {
715
+ align-self: flex-start; }
716
+
717
+ .wp-block-jetpack-layout-grid.column1-grid__valign-center [data-type="jetpack/layout-grid-column"].wp-block:nth-child(1) {
718
+ align-self: center; }
719
+
720
+ .wp-block-jetpack-layout-grid.column1-grid__valign-bottom [data-type="jetpack/layout-grid-column"].wp-block:nth-child(1) {
721
+ align-self: flex-end; }
722
+
723
+ .wp-block-jetpack-layout-grid.column2-grid__valign-top [data-type="jetpack/layout-grid-column"].wp-block:nth-child(2) {
724
+ align-self: flex-start; }
725
+
726
+ .wp-block-jetpack-layout-grid.column2-grid__valign-center [data-type="jetpack/layout-grid-column"].wp-block:nth-child(2) {
727
+ align-self: center; }
728
+
729
+ .wp-block-jetpack-layout-grid.column2-grid__valign-bottom [data-type="jetpack/layout-grid-column"].wp-block:nth-child(2) {
730
+ align-self: flex-end; }
731
+
732
+ .wp-block-jetpack-layout-grid.column3-grid__valign-top [data-type="jetpack/layout-grid-column"].wp-block:nth-child(3) {
733
+ align-self: flex-start; }
734
+
735
+ .wp-block-jetpack-layout-grid.column3-grid__valign-center [data-type="jetpack/layout-grid-column"].wp-block:nth-child(3) {
736
+ align-self: center; }
737
+
738
+ .wp-block-jetpack-layout-grid.column3-grid__valign-bottom [data-type="jetpack/layout-grid-column"].wp-block:nth-child(3) {
739
+ align-self: flex-end; }
740
+
741
+ .wp-block-jetpack-layout-grid.column4-grid__valign-top [data-type="jetpack/layout-grid-column"].wp-block:nth-child(4) {
742
+ align-self: flex-start; }
743
+
744
+ .wp-block-jetpack-layout-grid.column4-grid__valign-center [data-type="jetpack/layout-grid-column"].wp-block:nth-child(4) {
745
+ align-self: center; }
746
+
747
+ .wp-block-jetpack-layout-grid.column4-grid__valign-bottom [data-type="jetpack/layout-grid-column"].wp-block:nth-child(4) {
748
+ align-self: flex-end; }
index.asset.php CHANGED
@@ -1 +1 @@
1
- <?php return array('dependencies' => array('lodash', 'wp-block-editor', 'wp-blocks', 'wp-components', 'wp-compose', 'wp-data', 'wp-element', 'wp-i18n', 'wp-keycodes', 'wp-polyfill', 'wp-primitives'), 'version' => 'c68d807f6379753b7be73475fcccf39d');
1
+ <?php return array('dependencies' => array('lodash', 'wp-block-editor', 'wp-blocks', 'wp-components', 'wp-compose', 'wp-data', 'wp-element', 'wp-i18n', 'wp-keycodes', 'wp-polyfill', 'wp-primitives'), 'version' => 'cfd93373a61cfbf4fb1355ef73d0eba5');
index.js CHANGED
@@ -1,6 +1 @@
1
- !function(e){var t={};function n(r){if(t[r])return t[r].exports;var o=t[r]={i:r,l:!1,exports:{}};return e[r].call(o.exports,o,o.exports,n),o.l=!0,o.exports}n.m=e,n.c=t,n.d=function(e,t,r){n.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:r})},n.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},n.t=function(e,t){if(1&t&&(e=n(e)),8&t)return e;if(4&t&&"object"==typeof e&&e&&e.__esModule)return e;var r=Object.create(null);if(n.r(r),Object.defineProperty(r,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var o in e)n.d(r,o,function(t){return e[t]}.bind(null,o));return r},n.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return n.d(t,"a",t),t},n.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},n.p="",n(n.s=26)}([function(e,t){!function(){e.exports=this.wp.element}()},function(e,t){!function(){e.exports=this.wp.i18n}()},function(e,t){!function(){e.exports=this.wp.components}()},function(e,t){e.exports=function(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}},function(e,t){!function(){e.exports=this.wp.blockEditor}()},function(e,t){e.exports=function(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}},function(e,t,n){var r;
2
- /*!
3
- Copyright (c) 2017 Jed Watson.
4
- Licensed under the MIT License (MIT), see
5
- http://jedwatson.github.io/classnames
6
- */!function(){"use strict";var n={}.hasOwnProperty;function o(){for(var e=[],t=0;t<arguments.length;t++){var r=arguments[t];if(r){var c=typeof r;if("string"===c||"number"===c)e.push(r);else if(Array.isArray(r)&&r.length){var a=o.apply(null,r);a&&e.push(a)}else if("object"===c)for(var i in r)n.call(r,i)&&r[i]&&e.push(i)}}return e.join(" ")}e.exports?(o.default=o,e.exports=o):void 0===(r=function(){return o}.apply(t,[]))||(e.exports=r)}()},function(e,t){function n(t){return e.exports=n=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__||Object.getPrototypeOf(e)},n(t)}e.exports=n},function(e,t){!function(){e.exports=this.wp.primitives}()},function(e,t){e.exports=function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}},function(e,t){function n(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}e.exports=function(e,t,r){return t&&n(e.prototype,t),r&&n(e,r),e}},function(e,t,n){var r=n(24);e.exports=function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),t&&r(e,t)}},function(e,t,n){var r=n(25),o=n(5);e.exports=function(e,t){return!t||"object"!==r(t)&&"function"!=typeof t?o(e):t}},function(e,t){!function(){e.exports=this.wp.blocks}()},function(e,t){!function(){e.exports=this.wp.data}()},function(e,t){!function(){e.exports=this.wp.compose}()},function(e,t,n){var r=n(20),o=n(21),c=n(22),a=n(23);e.exports=function(e){return r(e)||o(e)||c(e)||a()}},function(e,t){!function(){e.exports=this.lodash}()},function(e,t){!function(){e.exports=this.wp.keycodes}()},function(e,t){e.exports=function(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}},function(e,t,n){var r=n(19);e.exports=function(e){if(Array.isArray(e))return r(e)}},function(e,t){e.exports=function(e){if("undefined"!=typeof Symbol&&Symbol.iterator in Object(e))return Array.from(e)}},function(e,t,n){var r=n(19);e.exports=function(e,t){if(e){if("string"==typeof e)return r(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?r(e,t):void 0}}},function(e,t){e.exports=function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}},function(e,t){function n(t,r){return e.exports=n=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e},n(t,r)}e.exports=n},function(e,t){function n(t){return"function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?e.exports=n=function(e){return typeof e}:e.exports=n=function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},n(t)}e.exports=n},function(e,t,n){"use strict";n.r(t);var r=n(3),o=n.n(r),c=n(13),a=n(1),i=n(16),u=n.n(i),l=n(9),s=n.n(l),f=n(10),d=n.n(f),p=n(5),b=n.n(p),h=n(11),g=n.n(h),m=n(12),v=n.n(m),y=n(7),O=n.n(y),j=n(0),k=n(17),w=n(6),_=n.n(w),E=n(4),S=n(2),x=n(18),C=n(14),P=n(15),M=n(8),z=Object(j.createElement)(M.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24"},Object(j.createElement)(M.Path,{d:"M20.5 16h-.7V8c0-1.1-.9-2-2-2H6.2c-1.1 0-2 .9-2 2v8h-.7c-.8 0-1.5.7-1.5 1.5h20c0-.8-.7-1.5-1.5-1.5zM5.7 8c0-.3.2-.5.5-.5h11.6c.3 0 .5.2.5.5v7.6H5.7V8z"})),B=Object(j.createElement)(M.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24"},Object(j.createElement)(M.Path,{d:"M17 4H7c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h10c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zm.5 14c0 .3-.2.5-.5.5H7c-.3 0-.5-.2-.5-.5V6c0-.3.2-.5.5-.5h10c.3 0 .5.2.5.5v12zm-7.5-.5h4V16h-4v1.5z"})),R=Object(j.createElement)(M.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24"},Object(j.createElement)(M.Path,{d:"M15 4H9c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h6c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zm.5 14c0 .3-.2.5-.5.5H9c-.3 0-.5-.2-.5-.5V6c0-.3.2-.5.5-.5h6c.3 0 .5.2.5.5v12zm-4.5-.5h2V16h-2v1.5z"}));function D(){return[{value:"small",label:Object(a.__)("Small","layout-grid")},{value:"medium",label:Object(a.__)("Medium","layout-grid")},{value:"large",label:Object(a.__)("Large","layout-grid")},{value:"huge",label:Object(a.__)("Huge","layout-grid")}]}var A=function(){return[{label:Object(a.__)("1 column","layout-grid"),value:1},{label:Object(a.__)("2 columns","layout-grid"),value:2},{label:Object(a.__)("3 columns","layout-grid"),value:3},{label:Object(a.__)("4 columns","layout-grid"),value:4}]},V=function(){return[{value:"Desktop",label:Object(a.__)("Desktop","layout-grid"),icon:z},{value:"Tablet",label:Object(a.__)("Tablet","layout-grid"),icon:B},{value:"Mobile",label:Object(a.__)("Mobile","layout-grid"),icon:R}]},N=["Desktop","Tablet","Mobile"];function G(e,t){return"column".concat(e+1).concat(t,"Span")}function L(e,t){return"column".concat(e+1).concat(t,"Offset")}var T=function(e){return"Tablet"===e?8:"Mobile"===e?4:12};function I(e,t,n){return"Tablet"===e?3===t&&2===n?T(e):t>1?T(e)/2:T(e):"Mobile"===e?T(e):T(e)/t}function H(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function U(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?H(Object(n),!0).forEach((function(t){o()(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):H(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var X=function(e,t){return"column".concat(e+1,"-grid__span-").concat(t)},F=function(e,t){return"column".concat(e+1,"-grid__start-").concat(t)},K=function(e,t){return"column".concat(e+1,"-grid__row-").concat(t)},W=function(e,t,n){return"column".concat(e+1,"-").concat(n.toLowerCase(),"-grid__span-").concat(t)},$=function(e,t,n){return"column".concat(e+1,"-").concat(n.toLowerCase(),"-grid__start-").concat(t)},q=function(e,t,n){return"column".concat(e+1,"-").concat(n.toLowerCase(),"-grid__row-").concat(t)};function J(e,t){return Math.floor(e/t)}function Q(e,t){return e%t}function Y(e,t,n,r){var o=!(arguments.length>4&&void 0!==arguments[4])||arguments[4];return{name:e,column:t,value:n,device:r,enabled:o}}function Z(e,t,n){for(var r=[],o=T(e),c=function(e,t,n){for(var r=[],o=0,c=0;c<e;c++){var a=G(c,t),i=L(c,t),u=n[a]||I(t,e,c),l=n[i]||0;r.push({position:o+l,span:u}),o+=l,o+=u}return r}(t,e,n),a=0;a<c.length;a++){var i=c[a],u=i.span,l=i.position,s=J(l,o),f=Q(l,o);r.push(Y("span",a,u,e)),r.push(Y("offset",a,f+1,e,f>0)),r.push(Y("row",a,s+1,e))}return r}function ee(e,t){var n={};return e.filter((function(e){return e.enabled&&t[e.name]})).map((function(e){return n[t[e.name](e.column,e.value,e.device)]=!0})),n}function te(e){return e?e.replace(/column\d-\w*-grid__\w*-\d*/g,"").replace(/column\d-grid__\w*-\d*/g,"").replace(/\s{2,}/,"").replace(/wp-block-jetpack-layout-gutter__\w*/,""):e}function ne(e){var t=e.gutterSize;return{"wp-block-jetpack-layout-gutter__nowrap":!e.addGutterEnds,"wp-block-jetpack-layout-gutter__none":"none"===t,"wp-block-jetpack-layout-gutter__small":"small"===t,"wp-block-jetpack-layout-gutter__medium":"medium"===t,"wp-block-jetpack-layout-gutter__huge":"huge"===t}}var re=function(){return Object(j.createElement)(S.SVG,{xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24",viewBox:"0 0 24 24"},Object(j.createElement)(S.Path,{d:"M19 6H6c-1.1 0-2 .9-2 2v9c0 1.1.9 2 2 2h13c1.1 0 2-.9 2-2V8c0-1.1-.9-2-2-2zm-7.5 11.5H6c-.3 0-.5-.2-.5-.5V8c0-.3.2-.5.5-.5h5.5v10zm4 0H13v-10h2.5v10zm4-.5c0 .3-.2.5-.5.5h-2v-10h2c.3 0 .5.2.5.5v9z"}))},oe=function(){return Object(j.createElement)(S.SVG,{xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24",viewBox:"0 0 24 24"},Object(j.createElement)(S.Path,{d:"M19 6H6c-1.1 0-2 .9-2 2v9c0 1.1.9 2 2 2h13c1.1 0 2-.9 2-2V8c0-1.1-.9-2-2-2zM5.5 17V8c0-.3.2-.5.5-.5h5.5v10H6c-.3 0-.5-.2-.5-.5zm14 0c0 .3-.2.5-.5.5h-2v-10h2c.3 0 .5.2.5.5v9z"}))},ce=function(){return Object(j.createElement)(S.SVG,{xmlns:"http://www.w3.org/2000/svg",width:"48",height:"48",viewBox:"0 0 48 48"},Object(j.createElement)(S.Path,{d:"M7 12v24h34V12H7zm32 22H9V14h30v20z"}))},ae=function(){return Object(j.createElement)(S.SVG,{xmlns:"http://www.w3.org/2000/svg",width:"48",height:"48",viewBox:"0 0 48 48"},Object(j.createElement)(S.Path,{d:"M7,12v24h34V12H7z M23,34H9V14h14V34z M39,34H25V14h14V34z"}))},ie=function(){return Object(j.createElement)(S.SVG,{xmlns:"http://www.w3.org/2000/svg",width:"48",height:"48",viewBox:"0 0 48 48"},Object(j.createElement)(S.Path,{d:"M7 12v24h34V12H7zm23 2h9v20h-9V14zm-2 20h-8V14h8v20zM9 14h9v20H9V14z"}))},ue=function(){return Object(j.createElement)(S.SVG,{xmlns:"http://www.w3.org/2000/svg",width:"48",height:"48",viewBox:"0 0 48 48"},Object(j.createElement)(S.Path,{d:"M7 12v24h34V12H7zm8 22H9V14h6v20zm8 0h-6V14h6v20zm8 0h-6V14h6v20zm8 0h-6V14h6v20z"}))},le=function(e){var t=e.columns;return 4===t?Object(j.createElement)(ue,null):3===t?Object(j.createElement)(ie,null):2===t?Object(j.createElement)(ae,null):Object(j.createElement)(ce,null)};var se=function(e){var t=e.direction,n=e.height,r=e.xPos,o=e.top,c=e.isSelected,a=_()("wpcom-overlay-resize__handle","components-resizable-box__container",{"is-selected":c}),i={height:n+"px",width:r+"px",top:o+"px"},u={left:r+"px"},l=_()("components-resizable-box__handle","components-resizable-box__side-handle",{"components-resizable-box__handle-left":"left"===t,"components-resizable-box__handle-right":"right"===t});return Object(j.createElement)("div",{className:a,style:i},Object(j.createElement)("span",null,Object(j.createElement)("div",{className:l,style:u})))};function fe(e){var t=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(e){return!1}}();return function(){var n,r=O()(e);if(t){var o=O()(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return v()(this,n)}}var de=function(e){g()(n,e);var t=fe(n);function n(e){var r;return s()(this,n),r=t.call(this,e),o()(b()(r),"onMouseDown",(function(e){var t=e.target;if((0===e.button||e.touches)&&(t.dataset.resizeRight||t.dataset.resizeLeft)){r.block=t.closest(".wp-block");var n=r.block.getBoundingClientRect(),o=n.height,c=n.right,a=n.left,i=n.top,u=t.getBoundingClientRect().width,l=r.getChildPosition(r.block),s=t.dataset.resizeLeft;r.setState({resizingColumn:l,xPos:r.getAdjustedOffset(r.getMouseX(e),u),height:o,width:u,top:r.getAdjustedTop(i),direction:s?"left":"right",max:s?r.getAdjustedOffset(c,u):r.getAdjustedOffset(a,u)}),0===e.button?(document.addEventListener("mousemove",r.onMouseMove),document.addEventListener("mouseup",r.onMouseUp),e.preventDefault()):(document.addEventListener("touchmove",r.onMouseMove),document.addEventListener("touchend",r.onMouseUp)),e.stopPropagation()}})),o()(b()(r),"onMouseMove",(function(e){e.stopPropagation(),void 0===e.touches&&e.preventDefault();var t=r.block.getBoundingClientRect().height;r.setState({xPos:r.getRestrictedOffset(r.getAdjustedOffset(r.getMouseX(e))),height:t});var n=r.getNearestColumn(r.state.direction,e);n&&r.props.onResize(r.state.resizingColumn,n)})),o()(b()(r),"onMouseUp",(function(e){r.setState({resizingColumn:-1}),document.removeEventListener("mousemove",r.onMouseMove),document.removeEventListener("mouseup",r.onMouseUp),document.removeEventListener("touchmove",r.onMouseMove),document.removeEventListener("touchend",r.onMouseUp)})),r.containerRef=Object(j.createRef)(),r.state={resizingColumn:-1,xPos:0,height:0},r}return d()(n,[{key:"getNearestColumn",value:function(e,t){var n=this.props,r=n.totalColumns,o=n.layoutGrid,c=o.getStart(this.state.resizingColumn),a=o.getSpan(this.state.resizingColumn),i=Math.min(r,Math.max(0,function(e,t,n,r){var o=e.getBoundingClientRect(),c=o.width/r,a=t-o.x,i=Math.floor(a/c),u=a%c;return"left"===n?u<=c/2?i:i+1:u<c/2?i:i+1}(this.containerRef.current,this.getMouseX(t),e,r)));if("left"===e){if(i===c)return null;var u=Math.abs(i-c),l={start:i,span:i>c?a-u:a+u,direction:e};return l.start>=c+a?null:(l.span=Math.max(1,l.span),l)}return{span:Math.max(1,i-c),direction:e}}},{key:"getMouseX",value:function(e){var t=e.clientX,n=e.targetTouches;return t||n&&n[0].clientX}},{key:"getAdjustedOffset",value:function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0,n=this.state.width,r=t>0?t:n;return e-this.containerRef.current.getBoundingClientRect().left-r/2}},{key:"getAdjustedTop",value:function(e){return e-this.containerRef.current.getBoundingClientRect().top}},{key:"getRestrictedOffset",value:function(e){var t=this.state,n=t.direction,r=t.max,o=t.width;return"left"===n?Math.min(r-o,e):Math.max(r+o,e)}},{key:"getChildPosition",value:function(e){for(var t=0;null!==e.previousSibling;)e=e.previousSibling,t++;return t}},{key:"render",value:function(){var e=this.props,t=e.className,n=e.children,r=e.isSelected,o=this.state,c=o.resizingColumn,a=o.xPos,i=o.height,u=_()(t,-1!==c?"wp-block-jetpack-layout-grid__resizing":null);return Object(j.createElement)("div",{className:u,onMouseDown:this.onMouseDown,onTouchStart:this.onMouseDown,ref:this.containerRef},-1!==c&&Object(j.createElement)(se,{direction:this.state.direction,height:i,xPos:a,top:this.state.top,isSelected:r}),n)}}]),n}(j.Component);function pe(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function be(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?pe(Object(n),!0).forEach((function(t){o()(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):pe(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var he=function(){function e(t,n,r){s()(this,e),this.attributes=t,this.device=n,this.columnCount=r}return d()(e,[{key:"getGridValues",value:function(){for(var e={},t=0;t<this.columnCount;t++){var n=I(this.device,this.columnCount,t);e[G(t,this.device)]=this.getSpan(t)||n,e[L(t,this.device)]=this.getOffset(t)}return e}},{key:"applyAdjustments",value:function(e){for(var t=this.getGridValues(),n=0;n<e.length;n++)t=be(be({},t),e[n]);return t}},{key:"getSpanAdjustment",value:function(e,t){return o()({},G(e,this.device),t)}},{key:"getAdjustOffset",value:function(e,t){return o()({},L(e,this.device),t)}},{key:"getShrinkOffset",value:function(e,t){var n=this.getOffset(e),r=t>=n?n:t;return{adjustment:this.getAdjustOffset(e,n-r),offsetUsed:r}}},{key:"hasOverlaps",value:function(e){for(var t=0;t<e.length;t++)for(var n=e[t],r=t+1;r<e.length;r++){var o=e[r];if(n.start>o.start&&n.start<o.end)return!0;if(n.end>o.start&&n.end<o.end)return!0}return!1}},{key:"validateGrid",value:function(e){for(var t,n,r=[],o=T(this.device),c=0,a=0,i=0;i<this.columnCount;i++){var u=e[G(i,this.device)],l=e[L(i,this.device)];if((a+=l)>=o&&(a-=o),(a+=u)>o)return!1;r.push({start:c+l,end:c+l+u}),c+=u+l}return!(c>(t=this.device,n=this.columnCount,"Tablet"===t&&n>2?2*T(t):"Mobile"===t?T(t)*n:T(t)))&&!this.hasOverlaps(r)}},{key:"getEndAdjustments",value:function(e,t){var n=[];if(t<0)return[this.getAdjustOffset(e,this.getOffset(e)+Math.abs(t))];if(t>0)for(var r=e;r<this.columnCount&&t>0;r++){var o=this.getShrinkOffset(r,Math.abs(t));n.push(o.adjustment),t-=o.offsetUsed}return n}},{key:"getStartMovedLeft",value:function(e,t){for(var n=[],r=e;r>=0&&t>0;r--){var o=this.getShrinkOffset(r,t);n.push(o.adjustment),t-=o.offsetUsed}return n}},{key:"getStartAdjustments",value:function(e,t){var n=this.getOffset(e),r=this.getOffsetFromStart(e,t),o=r-n;return o<0?this.getStartMovedLeft(e,Math.abs(o)):[this.getAdjustOffset(e,r)]}},{key:"getSpan",value:function(e){return this.attributes[G(e,this.device)]}},{key:"getOffset",value:function(e){return this.attributes[L(e,this.device)]}},{key:"getStart",value:function(e){for(var t=0,n=0;n<e;n++)t+=this.getSpan(n)+this.getOffset(n);var r=Math.max(1,Math.floor(t/T(this.device)));return(t+this.getOffset(e))%(r*T(this.device))}},{key:"getOffsetFromStart",value:function(e,t){if(0===e)return t;var n=t-this.getStart(e);return this.getOffset(e)+n}},{key:"convertOffsetToStart",value:function(e,t){return this.getStart(e)+(t-this.getOffset(e))}},{key:"getAdjustedGrid",value:function(e,t){var n=t.start,r=void 0===n?this.getStart(e):n,o=t.span,c=void 0===o?this.getSpan(e):o,a=[];r!==this.getStart(e)&&c!==this.getSpan(e)?a=(a=a.concat(this.getStartAdjustments(e,r))).concat(this.getSpanAdjustment(e,c)):c!==this.getSpan(e)?a=(a=a.concat(this.getSpanAdjustment(e,c))).concat(this.getEndAdjustments(e+1,c-this.getSpan(e))):r!==this.getStart(e)&&(a=(a=a.concat(this.getStartAdjustments(e,r))).concat(this.getEndAdjustments(e+1,r-this.getStart(e))));var i=this.applyAdjustments(a);return a.length>0&&this.validateGrid(i)?i:null}}]),e}();function ge(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function me(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?ge(Object(n),!0).forEach((function(t){o()(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):ge(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function ve(e){var t=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(e){return!1}}();return function(){var n,r=O()(e);if(t){var o=O()(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return v()(this,n)}}var ye=["jetpack/layout-grid-column"],Oe=function(e){g()(n,e);var t=ve(n);function n(e){var r;return s()(this,n),r=t.call(this,e),o()(b()(r),"onChangeLayout",(function(e){for(var t={},n=0;n<e;n++)for(var o=0;o<N.length;o++){var c=I(N[o],e,n);t[G(n,N[o])]=c,t[L(n,N[o])]=0}r.props.updateColumns(r.props.columns,e,t)})),o()(b()(r),"onChangeDevice",(function(e){r.setState({selectedDevice:e})})),o()(b()(r),"onResize",(function(e,t){var n=r.props,o=n.attributes,c=n.columns,a=new he(o,r.state.selectedDevice,c).getAdjustedGrid(e,t);a&&r.adjustGrid(a)})),o()(b()(r),"onChangeSpan",(function(e,t,n){var o=r.props,c=o.attributes,a=o.columns,i=new he(c,t,a).getAdjustedGrid(e,{span:parseInt(n,10)});i&&r.adjustGrid(i)})),o()(b()(r),"onChangeOffset",(function(e,t,n){var o=r.props,c=o.attributes,a=o.columns,i=new he(c,t,a),u=i.getAdjustedGrid(e,{start:i.convertOffsetToStart(e,parseInt(n,10))});u&&r.adjustGrid(u)})),r.overlayRef=Object(j.createRef)(),r.state={selectedDevice:V()[0].value},r}return d()(n,[{key:"adjustGrid",value:function(e){var t=this.props,n=t.setAttributes,r=t.attributes;n(me(me({},e),{},{className:te(r.className)}))}},{key:"renderDeviceSettings",value:function(e,t,n){for(var r=this,o=new he(n,t,this.props.columns),c=[],i=function(n){var i=o.getSpan(n)||I(t,e,n),u=o.getOffset(n)||0;c.push(Object(j.createElement)("div",{className:"jetpack-layout-grid-settings",key:n},Object(j.createElement)("strong",null,Object(a.__)("Column","layout-grid")," ",n+1),Object(j.createElement)("div",{className:"jetpack-layout-grid-settings__group"},Object(j.createElement)(S.TextControl,{type:"number",label:Object(a.__)("Offset","layout-grid"),value:u||0,min:0,max:T(t)-1,onChange:function(e){return r.onChangeOffset(n,t,e)}}),Object(j.createElement)(S.TextControl,{type:"number",label:Object(a.__)("Span","layout-grid"),value:i,min:1,max:T(t),onChange:function(e){return r.onChangeSpan(n,t,e)}}))))},u=0;u<e;u++)i(u);return c}},{key:"canResizeBreakpoint",value:function(e){return!(!this.overlayRef||!this.overlayRef.current)&&this.overlayRef.current.getBoundingClientRect().width/T(e)>50}},{key:"render",value:function(){var e=this,t=this.props,n=t.className,r=t.attributes,o=void 0===r?{}:r,c=t.isSelected,i=t.columns,u=t.setAttributes,l=this.state.selectedDevice,s=function(e,t){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{},r=Z(e,t,n),o={span:X,offset:F,row:K};return ee(r,o)}(l,i,o),f=o.gutterSize,d=o.addGutterEnds,p=new he(o,l,i),b=_()(te(n),s,{"wp-block-jetpack-layout-tablet":"Tablet"===l,"wp-block-jetpack-layout-desktop":"Desktop"===l,"wp-block-jetpack-layout-mobile":"Mobile"===l,"wp-block-jetpack-layout-resizable":this.canResizeBreakpoint(l)},ne(o));if(0===i)return Object(j.createElement)(S.Placeholder,{icon:"layout",label:Object(a.__)("Choose Layout","layout-grid"),instructions:Object(a.__)("Select a layout to start with:","layout-grid"),className:b},Object(j.createElement)("ul",{className:"block-editor-inner-blocks__template-picker-options"},A().map((function(t){return Object(j.createElement)("li",{key:t.value},Object(j.createElement)(S.IconButton,{isSecondary:!0,icon:Object(j.createElement)(le,{columns:t.value}),onClick:function(){return e.onChangeLayout(t.value)},className:"block-editor-inner-blocks__template-picker-option",label:t.label}))}))));var h=Object(j.createElement)(S.ToggleControl,{label:Object(a.__)("Add end gutters","layout-grid"),help:d?Object(a.__)("Toggle off to remove the spacing left and right of the grid.","layout-grid"):Object(a.__)("Toggle on to add space left and right of the layout grid. ","layout-grid"),checked:d,onChange:function(e){return u({addGutterEnds:e})}});return Object(j.createElement)(j.Fragment,null,Object(j.createElement)(S.IsolatedEventContainer,null,Object(j.createElement)(de,{className:b,onResize:this.onResize,totalColumns:T(l),layoutGrid:p,isSelected:c},Object(j.createElement)("div",{className:"wpcom-overlay-grid",ref:this.overlayRef},Object(k.times)(T(l)).map((function(e){return Object(j.createElement)("div",{className:"wpcom-overlay-grid__column",key:e})}))),Object(j.createElement)(E.InnerBlocks,{template:null,templateLock:"all",allowedBlocks:ye}),Object(j.createElement)(E.InspectorControls,null,Object(j.createElement)(S.PanelBody,{title:Object(a.__)("Layout","layout-grid")},Object(j.createElement)("div",{className:"jetpack-layout-grid-columns block-editor-block-styles"},A().map((function(t){return Object(j.createElement)("div",{key:t.value,className:_()("block-editor-block-styles__item",{"is-active":i===t.value}),onClick:function(){return e.onChangeLayout(t.value)},onKeyDown:function(n){x.ENTER!==n.keyCode&&x.SPACE!==n.keyCode||(n.preventDefault(),e.onChangeLayout(t.value))},role:"button",tabIndex:"0","aria-label":t.label},Object(j.createElement)("div",{className:"block-editor-block-styles__item-preview"},Object(j.createElement)(le,{columns:t.value})),Object(j.createElement)("div",{className:"editor-block-styles__item-label block-editor-block-styles__item-label"},t.label))}))),Object(j.createElement)("p",null,Object(j.createElement)("em",null,Object(a.__)("Changing the number of columns will reset your layout and could remove content.","layout-grid")))),Object(j.createElement)(S.PanelBody,{title:Object(a.__)("Responsive Breakpoints","layout-grid")},Object(j.createElement)("p",null,Object(j.createElement)("em",null,Object(a.__)("Note that previewing your post will show your browser's breakpoint, not the currently selected one.","layout-grid"))),Object(j.createElement)(S.ButtonGroup,null,V().map((function(t){return Object(j.createElement)(S.Button,{key:t.value,isPrimary:t.value===l,onClick:function(){return e.onChangeDevice(t.value)}},t.label)}))),this.renderDeviceSettings(i,l,o)),Object(j.createElement)(S.PanelBody,{title:Object(a.__)("Gutter","layout-grid")},Object(j.createElement)("p",null,Object(a.__)("Gutter size","layout-grid")),Object(j.createElement)(S.SelectControl,{value:f,onChange:function(e){return u({gutterSize:e,addGutterEnds:"none"!==e&&d})},options:[{value:"none",label:Object(a.__)("No gutter","layout-grid")}].concat(D())}),"none"===f?Object(j.createElement)(S.Disabled,null,h):h)))),Object(j.createElement)(E.BlockControls,null,Object(j.createElement)(S.Dropdown,{renderToggle:function(e){var t=e.isOpen,n=e.onToggle;return Object(j.createElement)(S.ToolbarGroup,null,Object(j.createElement)(S.Button,{"aria-expanded":t,onClick:n,icon:V().find((function(e){return e.value===l})).icon}))},renderContent:function(t){t.onClose;return Object(j.createElement)(S.MenuGroup,null,V().map((function(t){return Object(j.createElement)(S.MenuItem,{key:t.value,isSelected:t.value===l,onClick:function(){return e.setState({selectedDevice:t.value})},icon:t.icon},t.label)})))}})))}}]),n}(j.Component);var je=Object(P.compose)([Object(C.withDispatch)((function(e,t,n){return{updateColumns:function(r,o,a){var i=t.clientId,l=e("core/block-editor").replaceBlock,s=function(e,t,n){if(n>t)return[].concat(u()(e),u()(Object(k.times)(n-t,(function(){return Object(c.createBlock)("jetpack/layout-grid-column")}))));var r=u()(e),o=0;return r.reverse(),(r=r.filter((function(e){return!(o<t-n&&0===e.innerBlocks.length)||(o++,!1)}))).slice(Math.max(0,t-n-o)).reverse()}((0,n.select("core/block-editor").getBlocks)(i),r,o);l(i,Object(c.createBlock)(t.name,me(me(me({},t.attributes),a),{},{className:te(t.attributes.className)}),s))}}})),Object(C.withSelect)((function(e,t){var n=t.clientId;return{columns:e("core/block-editor").getBlockCount(n)}}))])(Oe),ke=function(e){var t=e.attributes,n=e.innerBlocks,r=t.className,o=function(e){for(var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},n={},r={span:W,offset:$,row:q},o=0;o<N.length;o++)n=U(U({},n),ee(Z(N[o],e,t),r));return t.addGutterEnds||(n["wp-block-jetpack-layout-gutter__nowrap"]=!0),n}(n.length,t),c=_()(te(r),o,ne(t));return Object(j.createElement)("div",{className:c},Object(j.createElement)(E.InnerBlocks.Content,null))};function we(e){var t=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(e){return!1}}();return function(){var n,r=O()(e);if(t){var o=O()(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return v()(this,n)}}var _e=function(e){g()(n,e);var t=we(n);function n(e){var r;return s()(this,n),r=t.call(this,e),o()(b()(r),"onLeftIn",(function(){r.setState({direction:"left"}),document.addEventListener("mouseup",r.onLeftOut)})),o()(b()(r),"onLeftOut",(function(){r.setState({direction:null}),document.removeEventListener("mouseup",r.onLeftOut)})),o()(b()(r),"onRightIn",(function(){r.setState({direction:"right"}),document.addEventListener("mouseup",r.onRightOut)})),o()(b()(r),"onRightOut",(function(){r.setState({direction:null}),document.removeEventListener("mouseup",r.onRightOut)})),r.state={direction:null},r}return d()(n,[{key:"render",value:function(){var e,t=this.props,n=t.className,r=t.hasChildBlocks,c=t.backgroundColor,i=t.setBackgroundColor,u=t.attributes,l=t.setAttributes,s=u.padding,f=this.state.direction,d=_()(n,c.class,(e={},o()(e,"wp-block-jetpack-layout-grid__padding-"+s,!0),o()(e,"has-background",c.color),o()(e,"components-resizable-box__container",!0),o()(e,c.class,c.class),o()(e,"wp-blocks-jetpack-layout-grid__showleft","right"===f),o()(e,"wp-blocks-jetpack-layout-grid__showright","left"===f),e)),p={backgroundColor:c.color};return Object(j.createElement)("div",{className:d,style:p},Object(j.createElement)("span",{className:"wp-blocks-jetpack-layout-grid__resize-handles"},Object(j.createElement)("div",{className:"components-resizable-box__handle components-resizable-box__side-handle components-resizable-box__handle-right",onMouseDown:this.onRightIn,"data-resize-right":!0}),Object(j.createElement)("div",{className:"components-resizable-box__handle components-resizable-box__side-handle components-resizable-box__handle-left",onMouseDown:this.onLeftIn,"data-resize-left":!0})),Object(j.createElement)(E.InnerBlocks,{templateLock:!1,renderAppender:r?void 0:function(){return Object(j.createElement)(E.InnerBlocks.ButtonBlockAppender,null)}}),Object(j.createElement)(E.InspectorControls,null,Object(j.createElement)(E.PanelColorSettings,{title:Object(a.__)("Column Color","layout-grid"),initialOpen:!0,colorSettings:[{value:c.color,onChange:i,label:Object(a.__)("Background","layout-grid")}]}),Object(j.createElement)(S.PanelBody,{title:Object(a.__)("Column Padding","layout-grid")},Object(j.createElement)("p",null,Object(a.__)("Choose padding for this column:","layout-grid")),Object(j.createElement)(S.SelectControl,{value:s,onChange:function(e){return l({padding:e})},options:[{value:"none",label:Object(a.__)("No padding","layout-grid")}].concat(D())}))))}}]),n}(j.Component),Ee=Object(P.compose)(Object(E.withColors)("backgroundColor"),Object(C.withSelect)((function(e,t){var n=t.clientId;return{hasChildBlocks:(0,e("core/block-editor").getBlockOrder)(n).length>0}})))(_e),Se=function(e){var t,n=e.attributes,r=void 0===n?{}:n,c=r.className,a=r.backgroundColor,i=r.customBackgroundColor,u=r.padding,l=Object(E.getColorClassName)("background-color",a),s=_()(c,(t={},o()(t,"wp-block-jetpack-layout-grid__padding-"+u,!0),o()(t,"has-background",a),o()(t,l,l),t)),f={backgroundColor:l?void 0:i};return Object(j.createElement)("div",{className:s,style:f},Object(j.createElement)(E.InnerBlocks.Content,null))};function xe(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function Ce(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?xe(Object(n),!0).forEach((function(t){o()(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):xe(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function Pe(e,t){for(var n={},r=function(e){t.map((function(t){n[G(e,t)]={type:"number"},n[L(e,t)]={type:"number",default:0}}))},o=0;o<e;o++)r(o);return n}Object(c.registerBlockType)("jetpack/layout-grid",{title:Object(a.__)("Layout Grid","layout-grid"),description:Object(a.__)("Align blocks to a global grid, with support for responsive breakpoints.","layout-grid"),icon:re,category:"layout",supports:{align:["full"],html:!1},example:{attributes:{columns:2},innerBlocks:[{name:"jetpack/layout-grid-column",innerBlocks:[{name:"core/paragraph",attributes:{customFontSize:32,content:Object(a.__)("<strong>Snow Patrol</strong>","layout-grid"),align:"center"}}]},{name:"jetpack/layout-grid-column",innerBlocks:[{name:"core/image",attributes:{url:"https://s.w.org/images/core/5.3/Windbuchencom.jpg"}}]}]},attributes:Ce({align:{type:"string",default:"full"},gutterSize:{type:"string",default:"large"},addGutterEnds:{type:"boolean",default:!0}},Pe(4,N)),edit:je,save:ke}),Object(c.registerBlockType)("jetpack/layout-grid-column",{description:Object(a.__)("A column used inside a Layout Grid block.","layout-grid"),title:Object(a.__)("Column","layout-grid"),icon:oe,category:"layout",parent:["jetpack/layout-grid"],supports:{inserter:!1,reusable:!1,html:!1},attributes:{backgroundColor:{type:"string"},customBackgroundColor:{type:"string"},padding:{type:"string",default:"none"}},edit:Ee,save:Se})}]);
1
+ !function(e){var t={};function n(r){if(t[r])return t[r].exports;var o=t[r]={i:r,l:!1,exports:{}};return e[r].call(o.exports,o,o.exports,n),o.l=!0,o.exports}n.m=e,n.c=t,n.d=function(e,t,r){n.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:r})},n.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},n.t=function(e,t){if(1&t&&(e=n(e)),8&t)return e;if(4&t&&"object"==typeof e&&e&&e.__esModule)return e;var r=Object.create(null);if(n.r(r),Object.defineProperty(r,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var o in e)n.d(r,o,function(t){return e[t]}.bind(null,o));return r},n.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return n.d(t,"a",t),t},n.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},n.p="",n(n.s=26)}([function(e,t){!function(){e.exports=this.wp.element}()},function(e,t){!function(){e.exports=this.wp.i18n}()},function(e,t){e.exports=function(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}},function(e,t){!function(){e.exports=this.wp.components}()},function(e,t){!function(){e.exports=this.wp.blockEditor}()},function(e,t){e.exports=function(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}},function(e,t,n){var r;!function(){"use strict";var n={}.hasOwnProperty;function o(){for(var e=[],t=0;t<arguments.length;t++){var r=arguments[t];if(r){var c=typeof r;if("string"===c||"number"===c)e.push(r);else if(Array.isArray(r)&&r.length){var i=o.apply(null,r);i&&e.push(i)}else if("object"===c)for(var a in r)n.call(r,a)&&r[a]&&e.push(a)}}return e.join(" ")}e.exports?(o.default=o,e.exports=o):void 0===(r=function(){return o}.apply(t,[]))||(e.exports=r)}()},function(e,t){function n(t){return e.exports=n=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__||Object.getPrototypeOf(e)},n(t)}e.exports=n},function(e,t){!function(){e.exports=this.wp.primitives}()},function(e,t){e.exports=function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}},function(e,t){function n(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}e.exports=function(e,t,r){return t&&n(e.prototype,t),r&&n(e,r),e}},function(e,t,n){var r=n(24);e.exports=function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),t&&r(e,t)}},function(e,t,n){var r=n(25),o=n(5);e.exports=function(e,t){return!t||"object"!==r(t)&&"function"!=typeof t?o(e):t}},function(e,t){!function(){e.exports=this.wp.blocks}()},function(e,t){!function(){e.exports=this.wp.data}()},function(e,t){!function(){e.exports=this.wp.compose}()},function(e,t,n){var r=n(20),o=n(21),c=n(22),i=n(23);e.exports=function(e){return r(e)||o(e)||c(e)||i()}},function(e,t){!function(){e.exports=this.lodash}()},function(e,t){!function(){e.exports=this.wp.keycodes}()},function(e,t){e.exports=function(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}},function(e,t,n){var r=n(19);e.exports=function(e){if(Array.isArray(e))return r(e)}},function(e,t){e.exports=function(e){if("undefined"!=typeof Symbol&&Symbol.iterator in Object(e))return Array.from(e)}},function(e,t,n){var r=n(19);e.exports=function(e,t){if(e){if("string"==typeof e)return r(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?r(e,t):void 0}}},function(e,t){e.exports=function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}},function(e,t){function n(t,r){return e.exports=n=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e},n(t,r)}e.exports=n},function(e,t){function n(t){return"function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?e.exports=n=function(e){return typeof e}:e.exports=n=function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},n(t)}e.exports=n},function(e,t,n){"use strict";n.r(t);var r=n(2),o=n.n(r),c=n(13),i=n(1),a=n(16),l=n.n(a),u=n(9),s=n.n(u),f=n(10),p=n.n(f),d=n(5),g=n.n(d),b=n(11),m=n.n(b),h=n(12),v=n.n(h),y=n(7),O=n.n(y),j=n(0),k=n(17),_=n(6),w=n.n(_),E=n(4),S=n(3),C=n(18),x=n(14),P=n(15),A=n(8),M=Object(j.createElement)(A.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24"},Object(j.createElement)(A.Path,{d:"M20.5 16h-.7V8c0-1.1-.9-2-2-2H6.2c-1.1 0-2 .9-2 2v8h-.7c-.8 0-1.5.7-1.5 1.5h20c0-.8-.7-1.5-1.5-1.5zM5.7 8c0-.3.2-.5.5-.5h11.6c.3 0 .5.2.5.5v7.6H5.7V8z"})),z=Object(j.createElement)(A.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24"},Object(j.createElement)(A.Path,{d:"M17 4H7c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h10c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zm.5 14c0 .3-.2.5-.5.5H7c-.3 0-.5-.2-.5-.5V6c0-.3.2-.5.5-.5h10c.3 0 .5.2.5.5v12zm-7.5-.5h4V16h-4v1.5z"})),B=Object(j.createElement)(A.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24"},Object(j.createElement)(A.Path,{d:"M15 4H9c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h6c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zm.5 14c0 .3-.2.5-.5.5H9c-.3 0-.5-.2-.5-.5V6c0-.3.2-.5.5-.5h6c.3 0 .5.2.5.5v12zm-4.5-.5h2V16h-2v1.5z"}));function D(){return[{value:"small",label:Object(i.__)("Small","layout-grid")},{value:"medium",label:Object(i.__)("Medium","layout-grid")},{value:"large",label:Object(i.__)("Large","layout-grid")},{value:"huge",label:Object(i.__)("Huge","layout-grid")}]}var R=function(){return[{label:Object(i.__)("1 column","layout-grid"),value:1},{label:Object(i.__)("2 columns","layout-grid"),value:2},{label:Object(i.__)("3 columns","layout-grid"),value:3},{label:Object(i.__)("4 columns","layout-grid"),value:4}]},T=function(){return[{value:"Desktop",label:Object(i.__)("Desktop","layout-grid"),icon:M},{value:"Tablet",label:Object(i.__)("Tablet","layout-grid"),icon:z},{value:"Mobile",label:Object(i.__)("Mobile","layout-grid"),icon:B}]},V=["Desktop","Tablet","Mobile"];function G(e,t){return"column".concat(e+1).concat(t,"Span")}function N(e,t){return"column".concat(e+1).concat(t,"Offset")}var L=function(e){return"Tablet"===e?8:"Mobile"===e?4:12};function I(e,t,n){return"Tablet"===e?3===t&&2===n?L(e):t>1?L(e)/2:L(e):"Mobile"===e?L(e):L(e)/t}function H(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function U(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?H(Object(n),!0).forEach((function(t){o()(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):H(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var X=function(e,t){return"column".concat(e+1,"-grid__span-").concat(t)},F=function(e,t){return"column".concat(e+1,"-grid__start-").concat(t)},K=function(e,t){return"column".concat(e+1,"-grid__row-").concat(t)},W=function(e,t){return"column".concat(e+1,"-grid__valign-").concat(t)},$=function(e,t,n){return"column".concat(e+1,"-").concat(n.toLowerCase(),"-grid__span-").concat(t)},q=function(e,t,n){return"column".concat(e+1,"-").concat(n.toLowerCase(),"-grid__start-").concat(t)},J=function(e,t,n){return"column".concat(e+1,"-").concat(n.toLowerCase(),"-grid__row-").concat(t)};function Q(e,t){return Math.floor(e/t)}function Y(e,t){return e%t}function Z(e,t,n,r){var o=!(arguments.length>4&&void 0!==arguments[4])||arguments[4];return{name:e,column:t,value:n,device:r,enabled:o}}function ee(e,t,n){for(var r=[],o=L(e),c=function(e,t,n){for(var r=[],o=0,c=0;c<e;c++){var i=G(c,t),a=N(c,t),l=n[i]||I(t,e,c),u=n[a]||0;r.push({position:o+u,span:l}),o+=u,o+=l}return r}(t,e,n),i=0;i<c.length;i++){var a=c[i],l=a.span,u=a.position,s=Q(u,o),f=Y(u,o);r.push(Z("span",i,l,e)),r.push(Z("offset",i,f+1,e,f>0)),r.push(Z("row",i,s+1,e))}return r}function te(e,t){var n={};return e.filter((function(e){return e.enabled&&t[e.name]})).map((function(e){return n[t[e.name](e.column,e.value,e.device)]=!0})),n}function ne(e){return e?e.replace(/column\d-\w*-grid__\w*-\d*/g,"").replace(/column\d-grid__\w*-\d*/g,"").replace(/\s{2,}/,"").replace(/wp-block-jetpack-layout-gutter__\w*/,"").replace(/is-vertically-aligned-\w*/,"").replace(/are-vertically-aligned-\w*/):e}function re(e){var t=e.gutterSize;return{"wp-block-jetpack-layout-gutter__nowrap":!e.addGutterEnds,"wp-block-jetpack-layout-gutter__none":"none"===t,"wp-block-jetpack-layout-gutter__small":"small"===t,"wp-block-jetpack-layout-gutter__medium":"medium"===t,"wp-block-jetpack-layout-gutter__huge":"huge"===t}}var oe=function(){return Object(j.createElement)(S.SVG,{xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24",viewBox:"0 0 24 24"},Object(j.createElement)(S.Path,{d:"M19 6H6c-1.1 0-2 .9-2 2v9c0 1.1.9 2 2 2h13c1.1 0 2-.9 2-2V8c0-1.1-.9-2-2-2zm-7.5 11.5H6c-.3 0-.5-.2-.5-.5V8c0-.3.2-.5.5-.5h5.5v10zm4 0H13v-10h2.5v10zm4-.5c0 .3-.2.5-.5.5h-2v-10h2c.3 0 .5.2.5.5v9z"}))},ce=function(){return Object(j.createElement)(S.SVG,{xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24",viewBox:"0 0 24 24"},Object(j.createElement)(S.Path,{d:"M19 6H6c-1.1 0-2 .9-2 2v9c0 1.1.9 2 2 2h13c1.1 0 2-.9 2-2V8c0-1.1-.9-2-2-2zM5.5 17V8c0-.3.2-.5.5-.5h5.5v10H6c-.3 0-.5-.2-.5-.5zm14 0c0 .3-.2.5-.5.5h-2v-10h2c.3 0 .5.2.5.5v9z"}))},ie=function(){return Object(j.createElement)(S.SVG,{xmlns:"http://www.w3.org/2000/svg",width:"48",height:"48",viewBox:"0 0 48 48"},Object(j.createElement)(S.Path,{d:"M7 12v24h34V12H7zm32 22H9V14h30v20z"}))},ae=function(){return Object(j.createElement)(S.SVG,{xmlns:"http://www.w3.org/2000/svg",width:"48",height:"48",viewBox:"0 0 48 48"},Object(j.createElement)(S.Path,{d:"M7,12v24h34V12H7z M23,34H9V14h14V34z M39,34H25V14h14V34z"}))},le=function(){return Object(j.createElement)(S.SVG,{xmlns:"http://www.w3.org/2000/svg",width:"48",height:"48",viewBox:"0 0 48 48"},Object(j.createElement)(S.Path,{d:"M7 12v24h34V12H7zm23 2h9v20h-9V14zm-2 20h-8V14h8v20zM9 14h9v20H9V14z"}))},ue=function(){return Object(j.createElement)(S.SVG,{xmlns:"http://www.w3.org/2000/svg",width:"48",height:"48",viewBox:"0 0 48 48"},Object(j.createElement)(S.Path,{d:"M7 12v24h34V12H7zm8 22H9V14h6v20zm8 0h-6V14h6v20zm8 0h-6V14h6v20zm8 0h-6V14h6v20z"}))},se=function(e){var t=e.columns;return 4===t?Object(j.createElement)(ue,null):3===t?Object(j.createElement)(le,null):2===t?Object(j.createElement)(ae,null):Object(j.createElement)(ie,null)};var fe=function(e){var t=e.direction,n=e.height,r=e.xPos,o=e.top,c=e.isSelected,i=w()("wpcom-overlay-resize__handle","components-resizable-box__container",{"is-selected":c}),a={height:n+"px",width:r+"px",top:o+"px"},l={left:r+"px"},u=w()("components-resizable-box__handle","components-resizable-box__side-handle",{"components-resizable-box__handle-left":"left"===t,"components-resizable-box__handle-right":"right"===t});return Object(j.createElement)("div",{className:i,style:a},Object(j.createElement)("span",null,Object(j.createElement)("div",{className:u,style:l})))};function pe(e){var t=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(e){return!1}}();return function(){var n,r=O()(e);if(t){var o=O()(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return v()(this,n)}}var de=function(e){m()(n,e);var t=pe(n);function n(e){var r;return s()(this,n),r=t.call(this,e),o()(g()(r),"onMouseDown",(function(e){var t=e.target;if((0===e.button||e.touches)&&(t.dataset.resizeRight||t.dataset.resizeLeft)){r.block=t.closest(".wp-block");var n=r.block.getBoundingClientRect(),o=n.height,c=n.right,i=n.left,a=n.top,l=t.getBoundingClientRect().width,u=r.getChildPosition(r.block),s=t.dataset.resizeLeft;r.setState({resizingColumn:u,xPos:r.getAdjustedOffset(r.getMouseX(e),l),height:o,width:l,top:r.getAdjustedTop(a),direction:s?"left":"right",max:s?r.getAdjustedOffset(c,l):r.getAdjustedOffset(i,l)}),0===e.button?(document.addEventListener("mousemove",r.onMouseMove),document.addEventListener("mouseup",r.onMouseUp),e.preventDefault()):(document.addEventListener("touchmove",r.onMouseMove),document.addEventListener("touchend",r.onMouseUp)),e.stopPropagation()}})),o()(g()(r),"onMouseMove",(function(e){e.stopPropagation(),void 0===e.touches&&e.preventDefault();var t=r.block.getBoundingClientRect().height;r.setState({xPos:r.getRestrictedOffset(r.getAdjustedOffset(r.getMouseX(e))),height:t});var n=r.getNearestColumn(r.state.direction,e);n&&r.props.onResize(r.state.resizingColumn,n)})),o()(g()(r),"onMouseUp",(function(e){r.setState({resizingColumn:-1}),document.removeEventListener("mousemove",r.onMouseMove),document.removeEventListener("mouseup",r.onMouseUp),document.removeEventListener("touchmove",r.onMouseMove),document.removeEventListener("touchend",r.onMouseUp)})),r.containerRef=Object(j.createRef)(),r.state={resizingColumn:-1,xPos:0,height:0},r}return p()(n,[{key:"getNearestColumn",value:function(e,t){var n=this.props,r=n.totalColumns,o=n.layoutGrid,c=o.getStart(this.state.resizingColumn),i=o.getSpan(this.state.resizingColumn),a=Math.min(r,Math.max(0,function(e,t,n,r){var o=e.getBoundingClientRect(),c=o.width/r,i=t-o.x,a=Math.floor(i/c),l=i%c;return"left"===n?l<=c/2?a:a+1:l<c/2?a:a+1}(this.containerRef.current,this.getMouseX(t),e,r)));if("left"===e){if(a===c)return null;var l=Math.abs(a-c),u={start:a,span:a>c?i-l:i+l,direction:e};return u.start>=c+i?null:(u.span=Math.max(1,u.span),u)}return{span:Math.max(1,a-c),direction:e}}},{key:"getMouseX",value:function(e){var t=e.clientX,n=e.targetTouches;return t||n&&n[0].clientX}},{key:"getAdjustedOffset",value:function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0,n=this.state.width,r=t>0?t:n;return e-this.containerRef.current.getBoundingClientRect().left-r/2}},{key:"getAdjustedTop",value:function(e){return e-this.containerRef.current.getBoundingClientRect().top}},{key:"getRestrictedOffset",value:function(e){var t=this.state,n=t.direction,r=t.max,o=t.width;return"left"===n?Math.min(r-o,e):Math.max(r+o,e)}},{key:"getChildPosition",value:function(e){for(var t=0;null!==e.previousSibling;)e=e.previousSibling,t++;return t}},{key:"render",value:function(){var e=this.props,t=e.className,n=e.children,r=e.isSelected,o=this.state,c=o.resizingColumn,i=o.xPos,a=o.height,l=w()(t,-1!==c?"wp-block-jetpack-layout-grid__resizing":null);return Object(j.createElement)("div",{className:l,onMouseDown:this.onMouseDown,onTouchStart:this.onMouseDown,ref:this.containerRef},-1!==c&&Object(j.createElement)(fe,{direction:this.state.direction,height:a,xPos:i,top:this.state.top,isSelected:r}),n)}}]),n}(j.Component);function ge(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function be(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?ge(Object(n),!0).forEach((function(t){o()(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):ge(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var me=function(){function e(t,n,r){s()(this,e),this.attributes=t,this.device=n,this.columnCount=r}return p()(e,[{key:"getGridValues",value:function(){for(var e={},t=0;t<this.columnCount;t++){var n=I(this.device,this.columnCount,t);e[G(t,this.device)]=this.getSpan(t)||n,e[N(t,this.device)]=this.getOffset(t)}return e}},{key:"applyAdjustments",value:function(e){for(var t=this.getGridValues(),n=0;n<e.length;n++)t=be(be({},t),e[n]);return t}},{key:"getSpanAdjustment",value:function(e,t){return o()({},G(e,this.device),t)}},{key:"getAdjustOffset",value:function(e,t){return o()({},N(e,this.device),t)}},{key:"getShrinkOffset",value:function(e,t){var n=this.getOffset(e),r=t>=n?n:t;return{adjustment:this.getAdjustOffset(e,n-r),offsetUsed:r}}},{key:"hasOverlaps",value:function(e){for(var t=0;t<e.length;t++)for(var n=e[t],r=t+1;r<e.length;r++){var o=e[r];if(n.start>o.start&&n.start<o.end)return!0;if(n.end>o.start&&n.end<o.end)return!0}return!1}},{key:"validateGrid",value:function(e){for(var t,n,r=[],o=L(this.device),c=0,i=0,a=0;a<this.columnCount;a++){var l=e[G(a,this.device)],u=e[N(a,this.device)];if((i+=u)>=o&&(i-=o),(i+=l)>o)return!1;r.push({start:c+u,end:c+u+l}),c+=l+u}return!(c>(t=this.device,n=this.columnCount,"Tablet"===t&&n>2?2*L(t):"Mobile"===t?L(t)*n:L(t)))&&!this.hasOverlaps(r)}},{key:"getEndAdjustments",value:function(e,t){var n=[];if(t<0)return[this.getAdjustOffset(e,this.getOffset(e)+Math.abs(t))];if(t>0)for(var r=e;r<this.columnCount&&t>0;r++){var o=this.getShrinkOffset(r,Math.abs(t));n.push(o.adjustment),t-=o.offsetUsed}return n}},{key:"getStartMovedLeft",value:function(e,t){for(var n=[],r=e;r>=0&&t>0;r--){var o=this.getShrinkOffset(r,t);n.push(o.adjustment),t-=o.offsetUsed}return n}},{key:"getStartAdjustments",value:function(e,t){var n=this.getOffset(e),r=this.getOffsetFromStart(e,t),o=r-n;return o<0?this.getStartMovedLeft(e,Math.abs(o)):[this.getAdjustOffset(e,r)]}},{key:"getSpan",value:function(e){return this.attributes[G(e,this.device)]}},{key:"getOffset",value:function(e){return this.attributes[N(e,this.device)]}},{key:"getStart",value:function(e){for(var t=0,n=0;n<e;n++)t+=this.getSpan(n)+this.getOffset(n);var r=Math.max(1,Math.floor(t/L(this.device)));return(t+this.getOffset(e))%(r*L(this.device))}},{key:"getOffsetFromStart",value:function(e,t){if(0===e)return t;var n=t-this.getStart(e);return this.getOffset(e)+n}},{key:"convertOffsetToStart",value:function(e,t){return this.getStart(e)+(t-this.getOffset(e))}},{key:"getAdjustedGrid",value:function(e,t){var n=t.start,r=void 0===n?this.getStart(e):n,o=t.span,c=void 0===o?this.getSpan(e):o,i=[];r!==this.getStart(e)&&c!==this.getSpan(e)?i=(i=i.concat(this.getStartAdjustments(e,r))).concat(this.getSpanAdjustment(e,c)):c!==this.getSpan(e)?i=(i=i.concat(this.getSpanAdjustment(e,c))).concat(this.getEndAdjustments(e+1,c-this.getSpan(e))):r!==this.getStart(e)&&(i=(i=i.concat(this.getStartAdjustments(e,r))).concat(this.getEndAdjustments(e+1,r-this.getStart(e))));var a=this.applyAdjustments(i);return i.length>0&&this.validateGrid(a)?a:null}}]),e}();function he(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function ve(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?he(Object(n),!0).forEach((function(t){o()(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):he(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function ye(e){var t=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(e){return!1}}();return function(){var n,r=O()(e);if(t){var o=O()(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return v()(this,n)}}var Oe=["jetpack/layout-grid-column"],je=function(e){m()(n,e);var t=ye(n);function n(e){var r;return s()(this,n),r=t.call(this,e),o()(g()(r),"onChangeLayout",(function(e){for(var t={},n=0;n<e;n++)for(var o=0;o<V.length;o++){var c=I(V[o],e,n);t[G(n,V[o])]=c,t[N(n,V[o])]=0}r.props.updateColumns(r.props.columns,e,t)})),o()(g()(r),"setDeviceType",(function(e){r.props.deviceType?r.props.setDeviceType(e):r.setState({selectedDevice:e})})),o()(g()(r),"onResize",(function(e,t){var n=r.props,o=n.attributes,c=n.columns,i=new me(o,r.getDeviceType(),c).getAdjustedGrid(e,t);i&&r.adjustGrid(i)})),o()(g()(r),"onChangeSpan",(function(e,t,n){var o=r.props,c=o.attributes,i=o.columns,a=new me(c,t,i).getAdjustedGrid(e,{span:parseInt(n,10)});a&&r.adjustGrid(a)})),o()(g()(r),"onChangeOffset",(function(e,t,n){var o=r.props,c=o.attributes,i=o.columns,a=new me(c,t,i),l=a.getAdjustedGrid(e,{start:a.convertOffsetToStart(e,parseInt(n,10))});l&&r.adjustGrid(l)})),r.overlayRef=Object(j.createRef)(),r.state={selectedDevice:T()[0].value},r}return p()(n,[{key:"getDeviceType",value:function(){return this.props.deviceType?this.props.deviceType:this.state.selectedDevice}},{key:"adjustGrid",value:function(e){var t=this.props,n=t.setAttributes,r=t.attributes;n(ve(ve({},e),{},{className:ne(r.className)}))}},{key:"renderDeviceSettings",value:function(e,t,n){for(var r=this,o=new me(n,t,this.props.columns),c=[],a=function(n){var a=o.getSpan(n)||I(t,e,n),l=o.getOffset(n)||0;c.push(Object(j.createElement)("div",{className:"jetpack-layout-grid-settings",key:n},Object(j.createElement)("strong",null,Object(i.__)("Column","layout-grid")," ",n+1),Object(j.createElement)("div",{className:"jetpack-layout-grid-settings__group"},Object(j.createElement)(S.TextControl,{type:"number",label:Object(i.__)("Offset","layout-grid"),value:l||0,min:0,max:L(t)-1,onChange:function(e){return r.onChangeOffset(n,t,e)}}),Object(j.createElement)(S.TextControl,{type:"number",label:Object(i.__)("Span","layout-grid"),value:a,min:1,max:L(t),onChange:function(e){return r.onChangeSpan(n,t,e)}}))))},l=0;l<e;l++)a(l);return c}},{key:"canResizeBreakpoint",value:function(e){return!(!this.overlayRef||!this.overlayRef.current)&&this.overlayRef.current.getBoundingClientRect().width/L(e)>50}},{key:"render",value:function(){var e=this,t=this.props,n=t.className,r=t.attributes,c=void 0===r?{}:r,a=t.isSelected,l=t.columns,u=t.setAttributes,s=t.updateAlignment,f=t.columnAttributes,p=this.getDeviceType(),d=function(e,t){for(var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{},r=arguments.length>3&&void 0!==arguments[3]?arguments[3]:[],o=ee(e,t,n),c={span:X,offset:F,row:K},i={},a=0;a<t;a++)r[a].verticalAlignment&&r[a].verticalAlignment!==n.verticalAlignment&&(i[W(a,r[a].verticalAlignment)]=!0);return U(U({},te(o,c)),i)}(p,l,c,f),g=c.gutterSize,b=c.addGutterEnds,m=c.verticalAlignment,h=new me(c,p,l),v=w()(ne(n),d,o()({"wp-block-jetpack-layout-tablet":"Tablet"===p,"wp-block-jetpack-layout-desktop":"Desktop"===p,"wp-block-jetpack-layout-mobile":"Mobile"===p,"wp-block-jetpack-layout-resizable":this.canResizeBreakpoint(p)},"are-vertically-aligned-".concat(m),m),re(c));if(0===l)return Object(j.createElement)(S.Placeholder,{icon:"layout",label:Object(i.__)("Choose Layout","layout-grid"),instructions:Object(i.__)("Select a layout to start with:","layout-grid"),className:v},Object(j.createElement)("ul",{className:"block-editor-inner-blocks__template-picker-options"},R().map((function(t){return Object(j.createElement)("li",{key:t.value},Object(j.createElement)(S.IconButton,{isSecondary:!0,icon:Object(j.createElement)(se,{columns:t.value}),onClick:function(){return e.onChangeLayout(t.value)},className:"block-editor-inner-blocks__template-picker-option",label:t.label}))}))));var y=Object(j.createElement)(S.ToggleControl,{label:Object(i.__)("Add end gutters","layout-grid"),help:b?Object(i.__)("Toggle off to remove the spacing left and right of the grid.","layout-grid"):Object(i.__)("Toggle on to add space left and right of the layout grid. ","layout-grid"),checked:b,onChange:function(e){return u({addGutterEnds:e})}});return Object(j.createElement)(j.Fragment,null,Object(j.createElement)(S.IsolatedEventContainer,null,Object(j.createElement)(de,{className:v,onResize:this.onResize,totalColumns:L(p),layoutGrid:h,isSelected:a},Object(j.createElement)("div",{className:"wpcom-overlay-grid",ref:this.overlayRef},Object(k.times)(L(p)).map((function(e){return Object(j.createElement)("div",{className:"wpcom-overlay-grid__column",key:e})}))),Object(j.createElement)(E.InnerBlocks,{template:null,templateLock:"all",allowedBlocks:Oe}),Object(j.createElement)(E.InspectorControls,null,Object(j.createElement)(S.PanelBody,{title:Object(i.__)("Layout","layout-grid")},Object(j.createElement)("div",{className:"jetpack-layout-grid-columns block-editor-block-styles"},R().map((function(t){return Object(j.createElement)("div",{key:t.value,className:w()("block-editor-block-styles__item",{"is-active":l===t.value}),onClick:function(){return e.onChangeLayout(t.value)},onKeyDown:function(n){C.ENTER!==n.keyCode&&C.SPACE!==n.keyCode||(n.preventDefault(),e.onChangeLayout(t.value))},role:"button",tabIndex:"0","aria-label":t.label},Object(j.createElement)("div",{className:"block-editor-block-styles__item-preview"},Object(j.createElement)(se,{columns:t.value})),Object(j.createElement)("div",{className:"editor-block-styles__item-label block-editor-block-styles__item-label"},t.label))}))),Object(j.createElement)("p",null,Object(j.createElement)("em",null,Object(i.__)("Changing the number of columns will reset your layout and could remove content.","layout-grid")))),Object(j.createElement)(S.PanelBody,{title:Object(i.__)("Responsive Breakpoints","layout-grid")},Object(j.createElement)("p",null,Object(j.createElement)("em",null,Object(i.__)("Note that previewing your post will show your browser's breakpoint, not the currently selected one.","layout-grid"))),Object(j.createElement)(S.ButtonGroup,null,T().map((function(t){return Object(j.createElement)(S.Button,{key:t.value,isPrimary:t.value===p,onClick:function(){return e.setDeviceType(t.value)}},t.label)}))),this.renderDeviceSettings(l,p,c)),Object(j.createElement)(S.PanelBody,{title:Object(i.__)("Gutter","layout-grid")},Object(j.createElement)("p",null,Object(i.__)("Gutter size","layout-grid")),Object(j.createElement)(S.SelectControl,{value:g,onChange:function(e){return u({gutterSize:e,addGutterEnds:"none"!==e&&b})},options:[{value:"none",label:Object(i.__)("No gutter","layout-grid")}].concat(D())}),"none"===g?Object(j.createElement)(S.Disabled,null,y):y)))),Object(j.createElement)(E.BlockControls,null,Object(j.createElement)(E.BlockVerticalAlignmentToolbar,{onChange:s,value:m}),Object(j.createElement)(S.Dropdown,{renderToggle:function(e){var t=e.isOpen,n=e.onToggle;return Object(j.createElement)(S.ToolbarGroup,null,Object(j.createElement)(S.Button,{"aria-expanded":t,onClick:n,icon:T().find((function(e){return e.value===p})).icon}))},renderContent:function(t){t.onClose;return Object(j.createElement)(S.MenuGroup,null,T().map((function(t){return Object(j.createElement)(S.MenuItem,{key:t.value,isSelected:t.value===p,onClick:function(){return e.setDeviceType(t.value)},icon:t.icon},t.label)})))}})))}}]),n}(j.Component);var ke=Object(P.compose)([Object(x.withDispatch)((function(e,t,n){return{updateAlignment:function(r){var o=t.clientId,c=t.setAttributes,i=e("core/block-editor").updateBlockAttributes,a=n.select("core/block-editor").getBlockOrder;c({verticalAlignment:r}),a(o).forEach((function(e){i(e,{verticalAlignment:r})}))},updateColumns:function(r,o,i){var a=t.clientId,u=e("core/block-editor").replaceBlock,s=function(e,t,n){if(n>t)return[].concat(l()(e),l()(Object(k.times)(n-t,(function(){return Object(c.createBlock)("jetpack/layout-grid-column")}))));var r=l()(e),o=0;return r.reverse(),(r=r.filter((function(e){return!(o<t-n&&0===e.innerBlocks.length)||(o++,!1)}))).slice(Math.max(0,t-n-o)).reverse()}((0,n.select("core/block-editor").getBlocks)(a),r,o);u(a,Object(c.createBlock)(t.name,ve(ve(ve({},t.attributes),i),{},{className:ne(t.attributes.className)}),s))},setDeviceType:function(t){(0,e("core/edit-post").__experimentalSetPreviewDeviceType)(t)}}})),Object(x.withSelect)((function(e,t){var n=t.clientId,r=e("core/block-editor"),o=r.getBlockOrder,c=r.getBlockCount,i=r.getBlocksByClientId,a=e("core/edit-post").__experimentalGetPreviewDeviceType,l=void 0===a?null:a;return{columns:c(n),columnAttributes:o(n).map((function(e){return i(e)[0].attributes})),deviceType:l?l():null}}))])(je),_e=function(e){var t=e.attributes,n=e.innerBlocks,r=t.className,o=function(e){for(var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},n={},r={span:$,offset:q,row:J},o=0;o<V.length;o++)n=U(U({},n),te(ee(V[o],e,t),r));return t.addGutterEnds||(n["wp-block-jetpack-layout-gutter__nowrap"]=!0),t.verticalAlignment&&"top"!==t.verticalAlignment&&(n["are-vertically-aligned-".concat(t.verticalAlignment)]=!0),n}(n.length,t),c=w()(ne(r),o,re(t));return Object(j.createElement)("div",{className:c},Object(j.createElement)(E.InnerBlocks.Content,null))};function we(e){var t=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(e){return!1}}();return function(){var n,r=O()(e);if(t){var o=O()(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return v()(this,n)}}var Ee=function(e){m()(n,e);var t=we(n);function n(e){var r;return s()(this,n),r=t.call(this,e),o()(g()(r),"onLeftIn",(function(){r.setState({direction:"left"}),document.addEventListener("mouseup",r.onLeftOut)})),o()(g()(r),"onLeftOut",(function(){r.setState({direction:null}),document.removeEventListener("mouseup",r.onLeftOut)})),o()(g()(r),"onRightIn",(function(){r.setState({direction:"right"}),document.addEventListener("mouseup",r.onRightOut)})),o()(g()(r),"onRightOut",(function(){r.setState({direction:null}),document.removeEventListener("mouseup",r.onRightOut)})),r.state={direction:null},r}return p()(n,[{key:"render",value:function(){var e,t=this.props,n=t.className,r=t.hasChildBlocks,c=t.backgroundColor,a=t.setBackgroundColor,l=t.attributes,u=t.setAttributes,s=t.updateAlignment,f=l.padding,p=l.verticalAlignment,d=this.state.direction,g=w()(n,c.class,(e={},o()(e,"wp-block-jetpack-layout-grid__padding-"+f,!0),o()(e,"has-background",c.color),o()(e,"components-resizable-box__container",!0),o()(e,c.class,c.class),o()(e,"wp-blocks-jetpack-layout-grid__showleft","right"===d),o()(e,"wp-blocks-jetpack-layout-grid__showright","left"===d),o()(e,"is-vertically-aligned-".concat(p),p),e)),b={backgroundColor:c.color};return Object(j.createElement)("div",{className:g,style:b},Object(j.createElement)("span",{className:"wp-blocks-jetpack-layout-grid__resize-handles"},Object(j.createElement)("div",{className:"components-resizable-box__handle components-resizable-box__side-handle components-resizable-box__handle-right",onMouseDown:this.onRightIn,"data-resize-right":!0}),Object(j.createElement)("div",{className:"components-resizable-box__handle components-resizable-box__side-handle components-resizable-box__handle-left",onMouseDown:this.onLeftIn,"data-resize-left":!0})),Object(j.createElement)(E.InnerBlocks,{templateLock:!1,renderAppender:r?void 0:function(){return Object(j.createElement)(E.InnerBlocks.ButtonBlockAppender,null)}}),Object(j.createElement)(E.InspectorControls,null,Object(j.createElement)(E.PanelColorSettings,{title:Object(i.__)("Column Color","layout-grid"),initialOpen:!0,colorSettings:[{value:c.color,onChange:a,label:Object(i.__)("Background","layout-grid")}]}),Object(j.createElement)(S.PanelBody,{title:Object(i.__)("Column Padding","layout-grid")},Object(j.createElement)("p",null,Object(i.__)("Choose padding for this column:","layout-grid")),Object(j.createElement)(S.SelectControl,{value:f,onChange:function(e){return u({padding:e})},options:[{value:"none",label:Object(i.__)("No padding","layout-grid")}].concat(D())}))),Object(j.createElement)(E.BlockControls,null,Object(j.createElement)(E.BlockVerticalAlignmentToolbar,{onChange:s,value:p})))}}]),n}(j.Component),Se=Object(P.compose)(Object(E.withColors)("backgroundColor"),Object(x.withSelect)((function(e,t){var n=t.clientId;return{hasChildBlocks:(0,e("core/block-editor").getBlockOrder)(n).length>0}})),Object(x.withDispatch)((function(e,t,n){return{updateAlignment:function(r){var o=t.clientId,c=t.setAttributes,i=e("core/block-editor").updateBlockAttributes,a=n.select("core/block-editor").getBlockRootClientId;c({verticalAlignment:r}),i(a(o),{verticalAlignment:null})}}})))(Ee),Ce=function(e){var t,n=e.attributes,r=void 0===n?{}:n,c=r.className,i=r.backgroundColor,a=r.customBackgroundColor,l=r.padding,u=r.verticalAlignment,s=Object(E.getColorClassName)("background-color",i),f=w()(c,(t={},o()(t,"wp-block-jetpack-layout-grid__padding-"+l,!0),o()(t,"has-background",i),o()(t,s,s),o()(t,"is-vertically-aligned-".concat(u),u),t)),p={backgroundColor:s?void 0:a};return Object(j.createElement)("div",{className:f,style:p},Object(j.createElement)(E.InnerBlocks.Content,null))};function xe(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function Pe(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?xe(Object(n),!0).forEach((function(t){o()(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):xe(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function Ae(e,t){for(var n={},r=function(e){t.map((function(t){n[G(e,t)]={type:"number"},n[N(e,t)]={type:"number",default:0}}))},o=0;o<e;o++)r(o);return n}Object(c.registerBlockType)("jetpack/layout-grid",{title:Object(i.__)("Layout Grid","layout-grid"),description:Object(i.__)("Align blocks to a global grid, with support for responsive breakpoints.","layout-grid"),icon:oe,category:"design",supports:{align:["full"],html:!1},example:{attributes:{columns:2},innerBlocks:[{name:"jetpack/layout-grid-column",innerBlocks:[{name:"core/paragraph",attributes:{customFontSize:32,content:Object(i.__)("<strong>Snow Patrol</strong>","layout-grid"),align:"center"}}]},{name:"jetpack/layout-grid-column",innerBlocks:[{name:"core/image",attributes:{url:"https://s.w.org/images/core/5.3/Windbuchencom.jpg"}}]}]},attributes:Pe({align:{type:"string",default:"full"},gutterSize:{type:"string",default:"large"},addGutterEnds:{type:"boolean",default:!0},verticalAlignment:{type:"string"}},Ae(4,V)),edit:ke,save:_e}),Object(c.registerBlockType)("jetpack/layout-grid-column",{description:Object(i.__)("A column used inside a Layout Grid block.","layout-grid"),title:Object(i.__)("Column","layout-grid"),icon:ce,category:"design",parent:["jetpack/layout-grid"],supports:{inserter:!1,reusable:!1,html:!1},attributes:{backgroundColor:{type:"string"},customBackgroundColor:{type:"string"},padding:{type:"string",default:"none"},verticalAlignment:{type:"string"}},edit:Se,save:Ce})}]);
 
 
 
 
 
index.php CHANGED
@@ -2,7 +2,7 @@
2
  /**
3
  * Plugin Name: Layout Grid
4
  * Description: Let any blocks align to a global grid
5
- * Version: 1.2.4
6
  * Author: Automattic
7
  * Author URI: https://automattic.com
8
  * License: GPL v2 or later
2
  /**
3
  * Plugin Name: Layout Grid
4
  * Description: Let any blocks align to a global grid
5
+ * Version: 1.3
6
  * Author: Automattic
7
  * Author URI: https://automattic.com
8
  * License: GPL v2 or later
readme.txt CHANGED
@@ -1,10 +1,11 @@
1
  === Layout Grid Block ===
2
  Contributors: automattic, jasmussen, johnny5, mkaz
3
- Stable tag: 1.2.4
4
- Tested up to: 5.4.2
5
- Requires at least: 5.4
6
  License: GPLv2 or later
7
  License URI: https://www.gnu.org/licenses/gpl-2.0.html
 
8
 
9
  A Gutenberg container block to let you align items consistently across a global grid.
10
 
@@ -23,6 +24,11 @@ You can follow development, file an issue, suggest features, and view the source
23
 
24
  == Changelog ==
25
 
 
 
 
 
 
26
  = 1.2.4 - 14th July 2020 =
27
  * Fix some blocks breaking outside of the grid in Firefox
28
  * Fix editor margins for some themes
1
  === Layout Grid Block ===
2
  Contributors: automattic, jasmussen, johnny5, mkaz
3
+ Stable tag: 1.3
4
+ Tested up to: 5.5
5
+ Requires at least: 5.5
6
  License: GPLv2 or later
7
  License URI: https://www.gnu.org/licenses/gpl-2.0.html
8
+ Tags: blocks, layout, grid, design
9
 
10
  A Gutenberg container block to let you align items consistently across a global grid.
11
 
24
 
25
  == Changelog ==
26
 
27
+ = 1.3 - 21st July 2020 =
28
+ * Add vertical alignment to grid and grid columns
29
+ * Mirror grid device breakpoint with editor preview breakpoint (requires WP 5.5 or Gutenberg plugin)
30
+ * Bump minimum WordPress version to 5.5
31
+
32
  = 1.2.4 - 14th July 2020 =
33
  * Fix some blocks breaking outside of the grid in Firefox
34
  * Fix editor margins for some themes
style.css CHANGED
@@ -81,3 +81,27 @@
81
  padding: 48px; }
82
  .wp-block-jetpack-layout-grid .wp-block-jetpack-layout-grid-column.wp-block-jetpack-layout-grid__padding-huge.has-background {
83
  padding: 48px 61px; }
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
81
  padding: 48px; }
82
  .wp-block-jetpack-layout-grid .wp-block-jetpack-layout-grid-column.wp-block-jetpack-layout-grid__padding-huge.has-background {
83
  padding: 48px 61px; }
84
+
85
+ /**
86
+ * Parent column alignment
87
+ */
88
+ .wp-block-jetpack-layout-grid.are-vertically-aligned-top {
89
+ align-items: flex-start; }
90
+
91
+ .wp-block-jetpack-layout-grid.are-vertically-aligned-center {
92
+ align-items: center; }
93
+
94
+ .wp-block-jetpack-layout-grid.are-vertically-aligned-bottom {
95
+ align-items: flex-end; }
96
+
97
+ /**
98
+ * Individual column alignment
99
+ */
100
+ .wp-block-jetpack-layout-grid-column.is-vertically-aligned-top {
101
+ align-self: flex-start; }
102
+
103
+ .wp-block-jetpack-layout-grid-column.is-vertically-aligned-center {
104
+ align-self: center; }
105
+
106
+ .wp-block-jetpack-layout-grid-column.is-vertically-aligned-bottom {
107
+ align-self: flex-end; }