Layout Grid Block - Version 1.2

Version Description

  • 29th April 2020
  • Move the selected breakpoint to the toolbar and allow it to be toggled
  • Bump minimum WordPress version to 5.4
  • Improve drag handle behaviour
  • Fix multi-select inside grid blocks
  • Fix output of grid front-end CSS
  • Fix issue with sizing being off when full-wide
  • Fix old classes being added when column layout changes
Download this release

Release Info

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

Code changes from version 1.0.5 to 1.2

Files changed (8) hide show
  1. blocks/front.css +548 -192
  2. blocks/layout-grid.php +3 -1
  3. editor.css +119 -91
  4. index.asset.php +1 -1
  5. index.js +2 -2
  6. index.php +1 -1
  7. readme.txt +20 -5
  8. style.css +16 -0
blocks/front.css CHANGED
@@ -5,685 +5,1041 @@
5
  /**
6
  * Responsive Grid Options
7
  */
 
8
  .wp-block-jetpack-layout-grid {
 
9
  display: grid;
10
  grid-gap: 24px;
 
11
  grid-template-columns: repeat(4, 1fr); }
12
  .wp-block-jetpack-layout-grid.column1-mobile-grid__start-1 > .wp-block-jetpack-layout-grid-column:nth-child(1) {
13
- grid-column-start: 1; }
 
14
  .wp-block-jetpack-layout-grid.column2-mobile-grid__start-1 > .wp-block-jetpack-layout-grid-column:nth-child(2) {
15
- grid-column-start: 1; }
 
16
  .wp-block-jetpack-layout-grid.column3-mobile-grid__start-1 > .wp-block-jetpack-layout-grid-column:nth-child(3) {
17
- grid-column-start: 1; }
 
18
  .wp-block-jetpack-layout-grid.column4-mobile-grid__start-1 > .wp-block-jetpack-layout-grid-column:nth-child(4) {
19
- grid-column-start: 1; }
 
20
  .wp-block-jetpack-layout-grid.column1-mobile-grid__start-2 > .wp-block-jetpack-layout-grid-column:nth-child(1) {
21
- grid-column-start: 2; }
 
22
  .wp-block-jetpack-layout-grid.column2-mobile-grid__start-2 > .wp-block-jetpack-layout-grid-column:nth-child(2) {
23
- grid-column-start: 2; }
 
24
  .wp-block-jetpack-layout-grid.column3-mobile-grid__start-2 > .wp-block-jetpack-layout-grid-column:nth-child(3) {
25
- grid-column-start: 2; }
 
26
  .wp-block-jetpack-layout-grid.column4-mobile-grid__start-2 > .wp-block-jetpack-layout-grid-column:nth-child(4) {
27
- grid-column-start: 2; }
 
28
  .wp-block-jetpack-layout-grid.column1-mobile-grid__start-3 > .wp-block-jetpack-layout-grid-column:nth-child(1) {
29
- grid-column-start: 3; }
 
30
  .wp-block-jetpack-layout-grid.column2-mobile-grid__start-3 > .wp-block-jetpack-layout-grid-column:nth-child(2) {
31
- grid-column-start: 3; }
 
32
  .wp-block-jetpack-layout-grid.column3-mobile-grid__start-3 > .wp-block-jetpack-layout-grid-column:nth-child(3) {
33
- grid-column-start: 3; }
 
34
  .wp-block-jetpack-layout-grid.column4-mobile-grid__start-3 > .wp-block-jetpack-layout-grid-column:nth-child(4) {
35
- grid-column-start: 3; }
 
36
  .wp-block-jetpack-layout-grid.column1-mobile-grid__start-4 > .wp-block-jetpack-layout-grid-column:nth-child(1) {
37
- grid-column-start: 4; }
 
38
  .wp-block-jetpack-layout-grid.column2-mobile-grid__start-4 > .wp-block-jetpack-layout-grid-column:nth-child(2) {
39
- grid-column-start: 4; }
 
40
  .wp-block-jetpack-layout-grid.column3-mobile-grid__start-4 > .wp-block-jetpack-layout-grid-column:nth-child(3) {
41
- grid-column-start: 4; }
 
42
  .wp-block-jetpack-layout-grid.column4-mobile-grid__start-4 > .wp-block-jetpack-layout-grid-column:nth-child(4) {
43
- grid-column-start: 4; }
 
44
  .wp-block-jetpack-layout-grid.column1-mobile-grid__start-5 > .wp-block-jetpack-layout-grid-column:nth-child(1) {
45
- grid-column-start: 5; }
 
46
  .wp-block-jetpack-layout-grid.column2-mobile-grid__start-5 > .wp-block-jetpack-layout-grid-column:nth-child(2) {
47
- grid-column-start: 5; }
 
48
  .wp-block-jetpack-layout-grid.column3-mobile-grid__start-5 > .wp-block-jetpack-layout-grid-column:nth-child(3) {
49
- grid-column-start: 5; }
 
50
  .wp-block-jetpack-layout-grid.column4-mobile-grid__start-5 > .wp-block-jetpack-layout-grid-column:nth-child(4) {
51
- grid-column-start: 5; }
 
52
  .wp-block-jetpack-layout-grid.column1-mobile-grid__start-6 > .wp-block-jetpack-layout-grid-column:nth-child(1) {
53
- grid-column-start: 6; }
 
54
  .wp-block-jetpack-layout-grid.column2-mobile-grid__start-6 > .wp-block-jetpack-layout-grid-column:nth-child(2) {
55
- grid-column-start: 6; }
 
56
  .wp-block-jetpack-layout-grid.column3-mobile-grid__start-6 > .wp-block-jetpack-layout-grid-column:nth-child(3) {
57
- grid-column-start: 6; }
 
58
  .wp-block-jetpack-layout-grid.column4-mobile-grid__start-6 > .wp-block-jetpack-layout-grid-column:nth-child(4) {
59
- grid-column-start: 6; }
 
60
  .wp-block-jetpack-layout-grid.column1-mobile-grid__start-7 > .wp-block-jetpack-layout-grid-column:nth-child(1) {
61
- grid-column-start: 7; }
 
62
  .wp-block-jetpack-layout-grid.column2-mobile-grid__start-7 > .wp-block-jetpack-layout-grid-column:nth-child(2) {
63
- grid-column-start: 7; }
 
64
  .wp-block-jetpack-layout-grid.column3-mobile-grid__start-7 > .wp-block-jetpack-layout-grid-column:nth-child(3) {
65
- grid-column-start: 7; }
 
66
  .wp-block-jetpack-layout-grid.column4-mobile-grid__start-7 > .wp-block-jetpack-layout-grid-column:nth-child(4) {
67
- grid-column-start: 7; }
 
68
  .wp-block-jetpack-layout-grid.column1-mobile-grid__start-8 > .wp-block-jetpack-layout-grid-column:nth-child(1) {
69
- grid-column-start: 8; }
 
70
  .wp-block-jetpack-layout-grid.column2-mobile-grid__start-8 > .wp-block-jetpack-layout-grid-column:nth-child(2) {
71
- grid-column-start: 8; }
 
72
  .wp-block-jetpack-layout-grid.column3-mobile-grid__start-8 > .wp-block-jetpack-layout-grid-column:nth-child(3) {
73
- grid-column-start: 8; }
 
74
  .wp-block-jetpack-layout-grid.column4-mobile-grid__start-8 > .wp-block-jetpack-layout-grid-column:nth-child(4) {
75
- grid-column-start: 8; }
 
76
  .wp-block-jetpack-layout-grid.column1-mobile-grid__start-9 > .wp-block-jetpack-layout-grid-column:nth-child(1) {
77
- grid-column-start: 9; }
 
78
  .wp-block-jetpack-layout-grid.column2-mobile-grid__start-9 > .wp-block-jetpack-layout-grid-column:nth-child(2) {
79
- grid-column-start: 9; }
 
80
  .wp-block-jetpack-layout-grid.column3-mobile-grid__start-9 > .wp-block-jetpack-layout-grid-column:nth-child(3) {
81
- grid-column-start: 9; }
 
82
  .wp-block-jetpack-layout-grid.column4-mobile-grid__start-9 > .wp-block-jetpack-layout-grid-column:nth-child(4) {
83
- grid-column-start: 9; }
 
84
  .wp-block-jetpack-layout-grid.column1-mobile-grid__start-10 > .wp-block-jetpack-layout-grid-column:nth-child(1) {
85
- grid-column-start: 10; }
 
86
  .wp-block-jetpack-layout-grid.column2-mobile-grid__start-10 > .wp-block-jetpack-layout-grid-column:nth-child(2) {
87
- grid-column-start: 10; }
 
88
  .wp-block-jetpack-layout-grid.column3-mobile-grid__start-10 > .wp-block-jetpack-layout-grid-column:nth-child(3) {
89
- grid-column-start: 10; }
 
90
  .wp-block-jetpack-layout-grid.column4-mobile-grid__start-10 > .wp-block-jetpack-layout-grid-column:nth-child(4) {
91
- grid-column-start: 10; }
 
92
  .wp-block-jetpack-layout-grid.column1-mobile-grid__start-11 > .wp-block-jetpack-layout-grid-column:nth-child(1) {
93
- grid-column-start: 11; }
 
94
  .wp-block-jetpack-layout-grid.column2-mobile-grid__start-11 > .wp-block-jetpack-layout-grid-column:nth-child(2) {
95
- grid-column-start: 11; }
 
96
  .wp-block-jetpack-layout-grid.column3-mobile-grid__start-11 > .wp-block-jetpack-layout-grid-column:nth-child(3) {
97
- grid-column-start: 11; }
 
98
  .wp-block-jetpack-layout-grid.column4-mobile-grid__start-11 > .wp-block-jetpack-layout-grid-column:nth-child(4) {
99
- grid-column-start: 11; }
 
100
  .wp-block-jetpack-layout-grid.column1-mobile-grid__start-12 > .wp-block-jetpack-layout-grid-column:nth-child(1) {
101
- grid-column-start: 12; }
 
102
  .wp-block-jetpack-layout-grid.column2-mobile-grid__start-12 > .wp-block-jetpack-layout-grid-column:nth-child(2) {
103
- grid-column-start: 12; }
 
104
  .wp-block-jetpack-layout-grid.column3-mobile-grid__start-12 > .wp-block-jetpack-layout-grid-column:nth-child(3) {
105
- grid-column-start: 12; }
 
106
  .wp-block-jetpack-layout-grid.column4-mobile-grid__start-12 > .wp-block-jetpack-layout-grid-column:nth-child(4) {
107
- grid-column-start: 12; }
 
108
  .wp-block-jetpack-layout-grid.column1-mobile-grid__span-1 > .wp-block-jetpack-layout-grid-column:nth-child(1) {
 
109
  grid-column-end: span 1; }
110
  .wp-block-jetpack-layout-grid.column2-mobile-grid__span-1 > .wp-block-jetpack-layout-grid-column:nth-child(2) {
 
111
  grid-column-end: span 1; }
112
  .wp-block-jetpack-layout-grid.column3-mobile-grid__span-1 > .wp-block-jetpack-layout-grid-column:nth-child(3) {
 
113
  grid-column-end: span 1; }
114
  .wp-block-jetpack-layout-grid.column4-mobile-grid__span-1 > .wp-block-jetpack-layout-grid-column:nth-child(4) {
 
115
  grid-column-end: span 1; }
116
  .wp-block-jetpack-layout-grid.column1-mobile-grid__span-2 > .wp-block-jetpack-layout-grid-column:nth-child(1) {
 
117
  grid-column-end: span 2; }
118
  .wp-block-jetpack-layout-grid.column2-mobile-grid__span-2 > .wp-block-jetpack-layout-grid-column:nth-child(2) {
 
119
  grid-column-end: span 2; }
120
  .wp-block-jetpack-layout-grid.column3-mobile-grid__span-2 > .wp-block-jetpack-layout-grid-column:nth-child(3) {
 
121
  grid-column-end: span 2; }
122
  .wp-block-jetpack-layout-grid.column4-mobile-grid__span-2 > .wp-block-jetpack-layout-grid-column:nth-child(4) {
 
123
  grid-column-end: span 2; }
124
  .wp-block-jetpack-layout-grid.column1-mobile-grid__span-3 > .wp-block-jetpack-layout-grid-column:nth-child(1) {
 
125
  grid-column-end: span 3; }
126
  .wp-block-jetpack-layout-grid.column2-mobile-grid__span-3 > .wp-block-jetpack-layout-grid-column:nth-child(2) {
 
127
  grid-column-end: span 3; }
128
  .wp-block-jetpack-layout-grid.column3-mobile-grid__span-3 > .wp-block-jetpack-layout-grid-column:nth-child(3) {
 
129
  grid-column-end: span 3; }
130
  .wp-block-jetpack-layout-grid.column4-mobile-grid__span-3 > .wp-block-jetpack-layout-grid-column:nth-child(4) {
 
131
  grid-column-end: span 3; }
132
  .wp-block-jetpack-layout-grid.column1-mobile-grid__span-4 > .wp-block-jetpack-layout-grid-column:nth-child(1) {
 
133
  grid-column-end: span 4; }
134
  .wp-block-jetpack-layout-grid.column2-mobile-grid__span-4 > .wp-block-jetpack-layout-grid-column:nth-child(2) {
 
135
  grid-column-end: span 4; }
136
  .wp-block-jetpack-layout-grid.column3-mobile-grid__span-4 > .wp-block-jetpack-layout-grid-column:nth-child(3) {
 
137
  grid-column-end: span 4; }
138
  .wp-block-jetpack-layout-grid.column4-mobile-grid__span-4 > .wp-block-jetpack-layout-grid-column:nth-child(4) {
 
139
  grid-column-end: span 4; }
140
  .wp-block-jetpack-layout-grid.column1-mobile-grid__span-5 > .wp-block-jetpack-layout-grid-column:nth-child(1) {
 
141
  grid-column-end: span 5; }
142
  .wp-block-jetpack-layout-grid.column2-mobile-grid__span-5 > .wp-block-jetpack-layout-grid-column:nth-child(2) {
 
143
  grid-column-end: span 5; }
144
  .wp-block-jetpack-layout-grid.column3-mobile-grid__span-5 > .wp-block-jetpack-layout-grid-column:nth-child(3) {
 
145
  grid-column-end: span 5; }
146
  .wp-block-jetpack-layout-grid.column4-mobile-grid__span-5 > .wp-block-jetpack-layout-grid-column:nth-child(4) {
 
147
  grid-column-end: span 5; }
148
  .wp-block-jetpack-layout-grid.column1-mobile-grid__span-6 > .wp-block-jetpack-layout-grid-column:nth-child(1) {
 
149
  grid-column-end: span 6; }
150
  .wp-block-jetpack-layout-grid.column2-mobile-grid__span-6 > .wp-block-jetpack-layout-grid-column:nth-child(2) {
 
151
  grid-column-end: span 6; }
152
  .wp-block-jetpack-layout-grid.column3-mobile-grid__span-6 > .wp-block-jetpack-layout-grid-column:nth-child(3) {
 
153
  grid-column-end: span 6; }
154
  .wp-block-jetpack-layout-grid.column4-mobile-grid__span-6 > .wp-block-jetpack-layout-grid-column:nth-child(4) {
 
155
  grid-column-end: span 6; }
156
  .wp-block-jetpack-layout-grid.column1-mobile-grid__span-7 > .wp-block-jetpack-layout-grid-column:nth-child(1) {
 
157
  grid-column-end: span 7; }
158
  .wp-block-jetpack-layout-grid.column2-mobile-grid__span-7 > .wp-block-jetpack-layout-grid-column:nth-child(2) {
 
159
  grid-column-end: span 7; }
160
  .wp-block-jetpack-layout-grid.column3-mobile-grid__span-7 > .wp-block-jetpack-layout-grid-column:nth-child(3) {
 
161
  grid-column-end: span 7; }
162
  .wp-block-jetpack-layout-grid.column4-mobile-grid__span-7 > .wp-block-jetpack-layout-grid-column:nth-child(4) {
 
163
  grid-column-end: span 7; }
164
  .wp-block-jetpack-layout-grid.column1-mobile-grid__span-8 > .wp-block-jetpack-layout-grid-column:nth-child(1) {
 
165
  grid-column-end: span 8; }
166
  .wp-block-jetpack-layout-grid.column2-mobile-grid__span-8 > .wp-block-jetpack-layout-grid-column:nth-child(2) {
 
167
  grid-column-end: span 8; }
168
  .wp-block-jetpack-layout-grid.column3-mobile-grid__span-8 > .wp-block-jetpack-layout-grid-column:nth-child(3) {
 
169
  grid-column-end: span 8; }
170
  .wp-block-jetpack-layout-grid.column4-mobile-grid__span-8 > .wp-block-jetpack-layout-grid-column:nth-child(4) {
 
171
  grid-column-end: span 8; }
172
  .wp-block-jetpack-layout-grid.column1-mobile-grid__span-9 > .wp-block-jetpack-layout-grid-column:nth-child(1) {
 
173
  grid-column-end: span 9; }
174
  .wp-block-jetpack-layout-grid.column2-mobile-grid__span-9 > .wp-block-jetpack-layout-grid-column:nth-child(2) {
 
175
  grid-column-end: span 9; }
176
  .wp-block-jetpack-layout-grid.column3-mobile-grid__span-9 > .wp-block-jetpack-layout-grid-column:nth-child(3) {
 
177
  grid-column-end: span 9; }
178
  .wp-block-jetpack-layout-grid.column4-mobile-grid__span-9 > .wp-block-jetpack-layout-grid-column:nth-child(4) {
 
179
  grid-column-end: span 9; }
180
  .wp-block-jetpack-layout-grid.column1-mobile-grid__span-10 > .wp-block-jetpack-layout-grid-column:nth-child(1) {
 
181
  grid-column-end: span 10; }
182
  .wp-block-jetpack-layout-grid.column2-mobile-grid__span-10 > .wp-block-jetpack-layout-grid-column:nth-child(2) {
 
183
  grid-column-end: span 10; }
184
  .wp-block-jetpack-layout-grid.column3-mobile-grid__span-10 > .wp-block-jetpack-layout-grid-column:nth-child(3) {
 
185
  grid-column-end: span 10; }
186
  .wp-block-jetpack-layout-grid.column4-mobile-grid__span-10 > .wp-block-jetpack-layout-grid-column:nth-child(4) {
 
187
  grid-column-end: span 10; }
188
  .wp-block-jetpack-layout-grid.column1-mobile-grid__span-11 > .wp-block-jetpack-layout-grid-column:nth-child(1) {
 
189
  grid-column-end: span 11; }
190
  .wp-block-jetpack-layout-grid.column2-mobile-grid__span-11 > .wp-block-jetpack-layout-grid-column:nth-child(2) {
 
191
  grid-column-end: span 11; }
192
  .wp-block-jetpack-layout-grid.column3-mobile-grid__span-11 > .wp-block-jetpack-layout-grid-column:nth-child(3) {
 
193
  grid-column-end: span 11; }
194
  .wp-block-jetpack-layout-grid.column4-mobile-grid__span-11 > .wp-block-jetpack-layout-grid-column:nth-child(4) {
 
195
  grid-column-end: span 11; }
196
  .wp-block-jetpack-layout-grid.column1-mobile-grid__span-12 > .wp-block-jetpack-layout-grid-column:nth-child(1) {
 
197
  grid-column-end: span 12; }
198
  .wp-block-jetpack-layout-grid.column2-mobile-grid__span-12 > .wp-block-jetpack-layout-grid-column:nth-child(2) {
 
199
  grid-column-end: span 12; }
200
  .wp-block-jetpack-layout-grid.column3-mobile-grid__span-12 > .wp-block-jetpack-layout-grid-column:nth-child(3) {
 
201
  grid-column-end: span 12; }
202
  .wp-block-jetpack-layout-grid.column4-mobile-grid__span-12 > .wp-block-jetpack-layout-grid-column:nth-child(4) {
 
203
  grid-column-end: span 12; }
204
  .wp-block-jetpack-layout-grid.column1-mobile-grid__row-1 > .wp-block-jetpack-layout-grid-column:nth-child(1) {
205
- grid-row-start: 1; }
 
206
  .wp-block-jetpack-layout-grid.column2-mobile-grid__row-1 > .wp-block-jetpack-layout-grid-column:nth-child(2) {
207
- grid-row-start: 1; }
 
208
  .wp-block-jetpack-layout-grid.column3-mobile-grid__row-1 > .wp-block-jetpack-layout-grid-column:nth-child(3) {
209
- grid-row-start: 1; }
 
210
  .wp-block-jetpack-layout-grid.column4-mobile-grid__row-1 > .wp-block-jetpack-layout-grid-column:nth-child(4) {
211
- grid-row-start: 1; }
 
212
  .wp-block-jetpack-layout-grid.column1-mobile-grid__row-2 > .wp-block-jetpack-layout-grid-column:nth-child(1) {
213
- grid-row-start: 2; }
 
214
  .wp-block-jetpack-layout-grid.column2-mobile-grid__row-2 > .wp-block-jetpack-layout-grid-column:nth-child(2) {
215
- grid-row-start: 2; }
 
216
  .wp-block-jetpack-layout-grid.column3-mobile-grid__row-2 > .wp-block-jetpack-layout-grid-column:nth-child(3) {
217
- grid-row-start: 2; }
 
218
  .wp-block-jetpack-layout-grid.column4-mobile-grid__row-2 > .wp-block-jetpack-layout-grid-column:nth-child(4) {
219
- grid-row-start: 2; }
 
220
  .wp-block-jetpack-layout-grid.column1-mobile-grid__row-3 > .wp-block-jetpack-layout-grid-column:nth-child(1) {
221
- grid-row-start: 3; }
 
222
  .wp-block-jetpack-layout-grid.column2-mobile-grid__row-3 > .wp-block-jetpack-layout-grid-column:nth-child(2) {
223
- grid-row-start: 3; }
 
224
  .wp-block-jetpack-layout-grid.column3-mobile-grid__row-3 > .wp-block-jetpack-layout-grid-column:nth-child(3) {
225
- grid-row-start: 3; }
 
226
  .wp-block-jetpack-layout-grid.column4-mobile-grid__row-3 > .wp-block-jetpack-layout-grid-column:nth-child(4) {
227
- grid-row-start: 3; }
 
228
  .wp-block-jetpack-layout-grid.column1-mobile-grid__row-4 > .wp-block-jetpack-layout-grid-column:nth-child(1) {
229
- grid-row-start: 4; }
 
230
  .wp-block-jetpack-layout-grid.column2-mobile-grid__row-4 > .wp-block-jetpack-layout-grid-column:nth-child(2) {
231
- grid-row-start: 4; }
 
232
  .wp-block-jetpack-layout-grid.column3-mobile-grid__row-4 > .wp-block-jetpack-layout-grid-column:nth-child(3) {
233
- grid-row-start: 4; }
 
234
  .wp-block-jetpack-layout-grid.column4-mobile-grid__row-4 > .wp-block-jetpack-layout-grid-column:nth-child(4) {
235
- grid-row-start: 4; }
 
236
  @media (min-width: 600px) {
237
  .wp-block-jetpack-layout-grid {
 
238
  grid-template-columns: repeat(8, 1fr); }
239
  .wp-block-jetpack-layout-grid.column1-tablet-grid__start-1 > .wp-block-jetpack-layout-grid-column:nth-child(1) {
240
- grid-column-start: 1; }
 
241
  .wp-block-jetpack-layout-grid.column2-tablet-grid__start-1 > .wp-block-jetpack-layout-grid-column:nth-child(2) {
242
- grid-column-start: 1; }
 
243
  .wp-block-jetpack-layout-grid.column3-tablet-grid__start-1 > .wp-block-jetpack-layout-grid-column:nth-child(3) {
244
- grid-column-start: 1; }
 
245
  .wp-block-jetpack-layout-grid.column4-tablet-grid__start-1 > .wp-block-jetpack-layout-grid-column:nth-child(4) {
246
- grid-column-start: 1; }
 
247
  .wp-block-jetpack-layout-grid.column1-tablet-grid__start-2 > .wp-block-jetpack-layout-grid-column:nth-child(1) {
248
- grid-column-start: 2; }
 
249
  .wp-block-jetpack-layout-grid.column2-tablet-grid__start-2 > .wp-block-jetpack-layout-grid-column:nth-child(2) {
250
- grid-column-start: 2; }
 
251
  .wp-block-jetpack-layout-grid.column3-tablet-grid__start-2 > .wp-block-jetpack-layout-grid-column:nth-child(3) {
252
- grid-column-start: 2; }
 
253
  .wp-block-jetpack-layout-grid.column4-tablet-grid__start-2 > .wp-block-jetpack-layout-grid-column:nth-child(4) {
254
- grid-column-start: 2; }
 
255
  .wp-block-jetpack-layout-grid.column1-tablet-grid__start-3 > .wp-block-jetpack-layout-grid-column:nth-child(1) {
256
- grid-column-start: 3; }
 
257
  .wp-block-jetpack-layout-grid.column2-tablet-grid__start-3 > .wp-block-jetpack-layout-grid-column:nth-child(2) {
258
- grid-column-start: 3; }
 
259
  .wp-block-jetpack-layout-grid.column3-tablet-grid__start-3 > .wp-block-jetpack-layout-grid-column:nth-child(3) {
260
- grid-column-start: 3; }
 
261
  .wp-block-jetpack-layout-grid.column4-tablet-grid__start-3 > .wp-block-jetpack-layout-grid-column:nth-child(4) {
262
- grid-column-start: 3; }
 
263
  .wp-block-jetpack-layout-grid.column1-tablet-grid__start-4 > .wp-block-jetpack-layout-grid-column:nth-child(1) {
264
- grid-column-start: 4; }
 
265
  .wp-block-jetpack-layout-grid.column2-tablet-grid__start-4 > .wp-block-jetpack-layout-grid-column:nth-child(2) {
266
- grid-column-start: 4; }
 
267
  .wp-block-jetpack-layout-grid.column3-tablet-grid__start-4 > .wp-block-jetpack-layout-grid-column:nth-child(3) {
268
- grid-column-start: 4; }
 
269
  .wp-block-jetpack-layout-grid.column4-tablet-grid__start-4 > .wp-block-jetpack-layout-grid-column:nth-child(4) {
270
- grid-column-start: 4; }
 
271
  .wp-block-jetpack-layout-grid.column1-tablet-grid__start-5 > .wp-block-jetpack-layout-grid-column:nth-child(1) {
272
- grid-column-start: 5; }
 
273
  .wp-block-jetpack-layout-grid.column2-tablet-grid__start-5 > .wp-block-jetpack-layout-grid-column:nth-child(2) {
274
- grid-column-start: 5; }
 
275
  .wp-block-jetpack-layout-grid.column3-tablet-grid__start-5 > .wp-block-jetpack-layout-grid-column:nth-child(3) {
276
- grid-column-start: 5; }
 
277
  .wp-block-jetpack-layout-grid.column4-tablet-grid__start-5 > .wp-block-jetpack-layout-grid-column:nth-child(4) {
278
- grid-column-start: 5; }
 
279
  .wp-block-jetpack-layout-grid.column1-tablet-grid__start-6 > .wp-block-jetpack-layout-grid-column:nth-child(1) {
280
- grid-column-start: 6; }
 
281
  .wp-block-jetpack-layout-grid.column2-tablet-grid__start-6 > .wp-block-jetpack-layout-grid-column:nth-child(2) {
282
- grid-column-start: 6; }
 
283
  .wp-block-jetpack-layout-grid.column3-tablet-grid__start-6 > .wp-block-jetpack-layout-grid-column:nth-child(3) {
284
- grid-column-start: 6; }
 
285
  .wp-block-jetpack-layout-grid.column4-tablet-grid__start-6 > .wp-block-jetpack-layout-grid-column:nth-child(4) {
286
- grid-column-start: 6; }
 
287
  .wp-block-jetpack-layout-grid.column1-tablet-grid__start-7 > .wp-block-jetpack-layout-grid-column:nth-child(1) {
288
- grid-column-start: 7; }
 
289
  .wp-block-jetpack-layout-grid.column2-tablet-grid__start-7 > .wp-block-jetpack-layout-grid-column:nth-child(2) {
290
- grid-column-start: 7; }
 
291
  .wp-block-jetpack-layout-grid.column3-tablet-grid__start-7 > .wp-block-jetpack-layout-grid-column:nth-child(3) {
292
- grid-column-start: 7; }
 
293
  .wp-block-jetpack-layout-grid.column4-tablet-grid__start-7 > .wp-block-jetpack-layout-grid-column:nth-child(4) {
294
- grid-column-start: 7; }
 
295
  .wp-block-jetpack-layout-grid.column1-tablet-grid__start-8 > .wp-block-jetpack-layout-grid-column:nth-child(1) {
296
- grid-column-start: 8; }
 
297
  .wp-block-jetpack-layout-grid.column2-tablet-grid__start-8 > .wp-block-jetpack-layout-grid-column:nth-child(2) {
298
- grid-column-start: 8; }
 
299
  .wp-block-jetpack-layout-grid.column3-tablet-grid__start-8 > .wp-block-jetpack-layout-grid-column:nth-child(3) {
300
- grid-column-start: 8; }
 
301
  .wp-block-jetpack-layout-grid.column4-tablet-grid__start-8 > .wp-block-jetpack-layout-grid-column:nth-child(4) {
302
- grid-column-start: 8; }
 
303
  .wp-block-jetpack-layout-grid.column1-tablet-grid__start-9 > .wp-block-jetpack-layout-grid-column:nth-child(1) {
304
- grid-column-start: 9; }
 
305
  .wp-block-jetpack-layout-grid.column2-tablet-grid__start-9 > .wp-block-jetpack-layout-grid-column:nth-child(2) {
306
- grid-column-start: 9; }
 
307
  .wp-block-jetpack-layout-grid.column3-tablet-grid__start-9 > .wp-block-jetpack-layout-grid-column:nth-child(3) {
308
- grid-column-start: 9; }
 
309
  .wp-block-jetpack-layout-grid.column4-tablet-grid__start-9 > .wp-block-jetpack-layout-grid-column:nth-child(4) {
310
- grid-column-start: 9; }
 
311
  .wp-block-jetpack-layout-grid.column1-tablet-grid__start-10 > .wp-block-jetpack-layout-grid-column:nth-child(1) {
312
- grid-column-start: 10; }
 
313
  .wp-block-jetpack-layout-grid.column2-tablet-grid__start-10 > .wp-block-jetpack-layout-grid-column:nth-child(2) {
314
- grid-column-start: 10; }
 
315
  .wp-block-jetpack-layout-grid.column3-tablet-grid__start-10 > .wp-block-jetpack-layout-grid-column:nth-child(3) {
316
- grid-column-start: 10; }
 
317
  .wp-block-jetpack-layout-grid.column4-tablet-grid__start-10 > .wp-block-jetpack-layout-grid-column:nth-child(4) {
318
- grid-column-start: 10; }
 
319
  .wp-block-jetpack-layout-grid.column1-tablet-grid__start-11 > .wp-block-jetpack-layout-grid-column:nth-child(1) {
320
- grid-column-start: 11; }
 
321
  .wp-block-jetpack-layout-grid.column2-tablet-grid__start-11 > .wp-block-jetpack-layout-grid-column:nth-child(2) {
322
- grid-column-start: 11; }
 
323
  .wp-block-jetpack-layout-grid.column3-tablet-grid__start-11 > .wp-block-jetpack-layout-grid-column:nth-child(3) {
324
- grid-column-start: 11; }
 
325
  .wp-block-jetpack-layout-grid.column4-tablet-grid__start-11 > .wp-block-jetpack-layout-grid-column:nth-child(4) {
326
- grid-column-start: 11; }
 
327
  .wp-block-jetpack-layout-grid.column1-tablet-grid__start-12 > .wp-block-jetpack-layout-grid-column:nth-child(1) {
328
- grid-column-start: 12; }
 
329
  .wp-block-jetpack-layout-grid.column2-tablet-grid__start-12 > .wp-block-jetpack-layout-grid-column:nth-child(2) {
330
- grid-column-start: 12; }
 
331
  .wp-block-jetpack-layout-grid.column3-tablet-grid__start-12 > .wp-block-jetpack-layout-grid-column:nth-child(3) {
332
- grid-column-start: 12; }
 
333
  .wp-block-jetpack-layout-grid.column4-tablet-grid__start-12 > .wp-block-jetpack-layout-grid-column:nth-child(4) {
334
- grid-column-start: 12; }
 
335
  .wp-block-jetpack-layout-grid.column1-tablet-grid__span-1 > .wp-block-jetpack-layout-grid-column:nth-child(1) {
 
336
  grid-column-end: span 1; }
337
  .wp-block-jetpack-layout-grid.column2-tablet-grid__span-1 > .wp-block-jetpack-layout-grid-column:nth-child(2) {
 
338
  grid-column-end: span 1; }
339
  .wp-block-jetpack-layout-grid.column3-tablet-grid__span-1 > .wp-block-jetpack-layout-grid-column:nth-child(3) {
 
340
  grid-column-end: span 1; }
341
  .wp-block-jetpack-layout-grid.column4-tablet-grid__span-1 > .wp-block-jetpack-layout-grid-column:nth-child(4) {
 
342
  grid-column-end: span 1; }
343
  .wp-block-jetpack-layout-grid.column1-tablet-grid__span-2 > .wp-block-jetpack-layout-grid-column:nth-child(1) {
 
344
  grid-column-end: span 2; }
345
  .wp-block-jetpack-layout-grid.column2-tablet-grid__span-2 > .wp-block-jetpack-layout-grid-column:nth-child(2) {
 
346
  grid-column-end: span 2; }
347
  .wp-block-jetpack-layout-grid.column3-tablet-grid__span-2 > .wp-block-jetpack-layout-grid-column:nth-child(3) {
 
348
  grid-column-end: span 2; }
349
  .wp-block-jetpack-layout-grid.column4-tablet-grid__span-2 > .wp-block-jetpack-layout-grid-column:nth-child(4) {
 
350
  grid-column-end: span 2; }
351
  .wp-block-jetpack-layout-grid.column1-tablet-grid__span-3 > .wp-block-jetpack-layout-grid-column:nth-child(1) {
 
352
  grid-column-end: span 3; }
353
  .wp-block-jetpack-layout-grid.column2-tablet-grid__span-3 > .wp-block-jetpack-layout-grid-column:nth-child(2) {
 
354
  grid-column-end: span 3; }
355
  .wp-block-jetpack-layout-grid.column3-tablet-grid__span-3 > .wp-block-jetpack-layout-grid-column:nth-child(3) {
 
356
  grid-column-end: span 3; }
357
  .wp-block-jetpack-layout-grid.column4-tablet-grid__span-3 > .wp-block-jetpack-layout-grid-column:nth-child(4) {
 
358
  grid-column-end: span 3; }
359
  .wp-block-jetpack-layout-grid.column1-tablet-grid__span-4 > .wp-block-jetpack-layout-grid-column:nth-child(1) {
 
360
  grid-column-end: span 4; }
361
  .wp-block-jetpack-layout-grid.column2-tablet-grid__span-4 > .wp-block-jetpack-layout-grid-column:nth-child(2) {
 
362
  grid-column-end: span 4; }
363
  .wp-block-jetpack-layout-grid.column3-tablet-grid__span-4 > .wp-block-jetpack-layout-grid-column:nth-child(3) {
 
364
  grid-column-end: span 4; }
365
  .wp-block-jetpack-layout-grid.column4-tablet-grid__span-4 > .wp-block-jetpack-layout-grid-column:nth-child(4) {
 
366
  grid-column-end: span 4; }
367
  .wp-block-jetpack-layout-grid.column1-tablet-grid__span-5 > .wp-block-jetpack-layout-grid-column:nth-child(1) {
 
368
  grid-column-end: span 5; }
369
  .wp-block-jetpack-layout-grid.column2-tablet-grid__span-5 > .wp-block-jetpack-layout-grid-column:nth-child(2) {
 
370
  grid-column-end: span 5; }
371
  .wp-block-jetpack-layout-grid.column3-tablet-grid__span-5 > .wp-block-jetpack-layout-grid-column:nth-child(3) {
 
372
  grid-column-end: span 5; }
373
  .wp-block-jetpack-layout-grid.column4-tablet-grid__span-5 > .wp-block-jetpack-layout-grid-column:nth-child(4) {
 
374
  grid-column-end: span 5; }
375
  .wp-block-jetpack-layout-grid.column1-tablet-grid__span-6 > .wp-block-jetpack-layout-grid-column:nth-child(1) {
 
376
  grid-column-end: span 6; }
377
  .wp-block-jetpack-layout-grid.column2-tablet-grid__span-6 > .wp-block-jetpack-layout-grid-column:nth-child(2) {
 
378
  grid-column-end: span 6; }
379
  .wp-block-jetpack-layout-grid.column3-tablet-grid__span-6 > .wp-block-jetpack-layout-grid-column:nth-child(3) {
 
380
  grid-column-end: span 6; }
381
  .wp-block-jetpack-layout-grid.column4-tablet-grid__span-6 > .wp-block-jetpack-layout-grid-column:nth-child(4) {
 
382
  grid-column-end: span 6; }
383
  .wp-block-jetpack-layout-grid.column1-tablet-grid__span-7 > .wp-block-jetpack-layout-grid-column:nth-child(1) {
 
384
  grid-column-end: span 7; }
385
  .wp-block-jetpack-layout-grid.column2-tablet-grid__span-7 > .wp-block-jetpack-layout-grid-column:nth-child(2) {
 
386
  grid-column-end: span 7; }
387
  .wp-block-jetpack-layout-grid.column3-tablet-grid__span-7 > .wp-block-jetpack-layout-grid-column:nth-child(3) {
 
388
  grid-column-end: span 7; }
389
  .wp-block-jetpack-layout-grid.column4-tablet-grid__span-7 > .wp-block-jetpack-layout-grid-column:nth-child(4) {
 
390
  grid-column-end: span 7; }
391
  .wp-block-jetpack-layout-grid.column1-tablet-grid__span-8 > .wp-block-jetpack-layout-grid-column:nth-child(1) {
 
392
  grid-column-end: span 8; }
393
  .wp-block-jetpack-layout-grid.column2-tablet-grid__span-8 > .wp-block-jetpack-layout-grid-column:nth-child(2) {
 
394
  grid-column-end: span 8; }
395
  .wp-block-jetpack-layout-grid.column3-tablet-grid__span-8 > .wp-block-jetpack-layout-grid-column:nth-child(3) {
 
396
  grid-column-end: span 8; }
397
  .wp-block-jetpack-layout-grid.column4-tablet-grid__span-8 > .wp-block-jetpack-layout-grid-column:nth-child(4) {
 
398
  grid-column-end: span 8; }
399
  .wp-block-jetpack-layout-grid.column1-tablet-grid__span-9 > .wp-block-jetpack-layout-grid-column:nth-child(1) {
 
400
  grid-column-end: span 9; }
401
  .wp-block-jetpack-layout-grid.column2-tablet-grid__span-9 > .wp-block-jetpack-layout-grid-column:nth-child(2) {
 
402
  grid-column-end: span 9; }
403
  .wp-block-jetpack-layout-grid.column3-tablet-grid__span-9 > .wp-block-jetpack-layout-grid-column:nth-child(3) {
 
404
  grid-column-end: span 9; }
405
  .wp-block-jetpack-layout-grid.column4-tablet-grid__span-9 > .wp-block-jetpack-layout-grid-column:nth-child(4) {
 
406
  grid-column-end: span 9; }
407
  .wp-block-jetpack-layout-grid.column1-tablet-grid__span-10 > .wp-block-jetpack-layout-grid-column:nth-child(1) {
 
408
  grid-column-end: span 10; }
409
  .wp-block-jetpack-layout-grid.column2-tablet-grid__span-10 > .wp-block-jetpack-layout-grid-column:nth-child(2) {
 
410
  grid-column-end: span 10; }
411
  .wp-block-jetpack-layout-grid.column3-tablet-grid__span-10 > .wp-block-jetpack-layout-grid-column:nth-child(3) {
 
412
  grid-column-end: span 10; }
413
  .wp-block-jetpack-layout-grid.column4-tablet-grid__span-10 > .wp-block-jetpack-layout-grid-column:nth-child(4) {
 
414
  grid-column-end: span 10; }
415
  .wp-block-jetpack-layout-grid.column1-tablet-grid__span-11 > .wp-block-jetpack-layout-grid-column:nth-child(1) {
 
416
  grid-column-end: span 11; }
417
  .wp-block-jetpack-layout-grid.column2-tablet-grid__span-11 > .wp-block-jetpack-layout-grid-column:nth-child(2) {
 
418
  grid-column-end: span 11; }
419
  .wp-block-jetpack-layout-grid.column3-tablet-grid__span-11 > .wp-block-jetpack-layout-grid-column:nth-child(3) {
 
420
  grid-column-end: span 11; }
421
  .wp-block-jetpack-layout-grid.column4-tablet-grid__span-11 > .wp-block-jetpack-layout-grid-column:nth-child(4) {
 
422
  grid-column-end: span 11; }
423
  .wp-block-jetpack-layout-grid.column1-tablet-grid__span-12 > .wp-block-jetpack-layout-grid-column:nth-child(1) {
 
424
  grid-column-end: span 12; }
425
  .wp-block-jetpack-layout-grid.column2-tablet-grid__span-12 > .wp-block-jetpack-layout-grid-column:nth-child(2) {
 
426
  grid-column-end: span 12; }
427
  .wp-block-jetpack-layout-grid.column3-tablet-grid__span-12 > .wp-block-jetpack-layout-grid-column:nth-child(3) {
 
428
  grid-column-end: span 12; }
429
  .wp-block-jetpack-layout-grid.column4-tablet-grid__span-12 > .wp-block-jetpack-layout-grid-column:nth-child(4) {
 
430
  grid-column-end: span 12; }
431
  .wp-block-jetpack-layout-grid.column1-tablet-grid__row-1 > .wp-block-jetpack-layout-grid-column:nth-child(1) {
432
- grid-row-start: 1; }
 
433
  .wp-block-jetpack-layout-grid.column2-tablet-grid__row-1 > .wp-block-jetpack-layout-grid-column:nth-child(2) {
434
- grid-row-start: 1; }
 
435
  .wp-block-jetpack-layout-grid.column3-tablet-grid__row-1 > .wp-block-jetpack-layout-grid-column:nth-child(3) {
436
- grid-row-start: 1; }
 
437
  .wp-block-jetpack-layout-grid.column4-tablet-grid__row-1 > .wp-block-jetpack-layout-grid-column:nth-child(4) {
438
- grid-row-start: 1; }
 
439
  .wp-block-jetpack-layout-grid.column1-tablet-grid__row-2 > .wp-block-jetpack-layout-grid-column:nth-child(1) {
440
- grid-row-start: 2; }
 
441
  .wp-block-jetpack-layout-grid.column2-tablet-grid__row-2 > .wp-block-jetpack-layout-grid-column:nth-child(2) {
442
- grid-row-start: 2; }
 
443
  .wp-block-jetpack-layout-grid.column3-tablet-grid__row-2 > .wp-block-jetpack-layout-grid-column:nth-child(3) {
444
- grid-row-start: 2; }
 
445
  .wp-block-jetpack-layout-grid.column4-tablet-grid__row-2 > .wp-block-jetpack-layout-grid-column:nth-child(4) {
446
- grid-row-start: 2; }
 
447
  .wp-block-jetpack-layout-grid.column1-tablet-grid__row-3 > .wp-block-jetpack-layout-grid-column:nth-child(1) {
448
- grid-row-start: 3; }
 
449
  .wp-block-jetpack-layout-grid.column2-tablet-grid__row-3 > .wp-block-jetpack-layout-grid-column:nth-child(2) {
450
- grid-row-start: 3; }
 
451
  .wp-block-jetpack-layout-grid.column3-tablet-grid__row-3 > .wp-block-jetpack-layout-grid-column:nth-child(3) {
452
- grid-row-start: 3; }
 
453
  .wp-block-jetpack-layout-grid.column4-tablet-grid__row-3 > .wp-block-jetpack-layout-grid-column:nth-child(4) {
454
- grid-row-start: 3; }
 
455
  .wp-block-jetpack-layout-grid.column1-tablet-grid__row-4 > .wp-block-jetpack-layout-grid-column:nth-child(1) {
456
- grid-row-start: 4; }
 
457
  .wp-block-jetpack-layout-grid.column2-tablet-grid__row-4 > .wp-block-jetpack-layout-grid-column:nth-child(2) {
458
- grid-row-start: 4; }
 
459
  .wp-block-jetpack-layout-grid.column3-tablet-grid__row-4 > .wp-block-jetpack-layout-grid-column:nth-child(3) {
460
- grid-row-start: 4; }
 
461
  .wp-block-jetpack-layout-grid.column4-tablet-grid__row-4 > .wp-block-jetpack-layout-grid-column:nth-child(4) {
462
- grid-row-start: 4; } }
 
463
  @media (min-width: 1080px) {
464
  .wp-block-jetpack-layout-grid {
 
465
  grid-template-columns: repeat(12, 1fr); }
466
  .wp-block-jetpack-layout-grid.column1-desktop-grid__start-1 > .wp-block-jetpack-layout-grid-column:nth-child(1) {
467
- grid-column-start: 1; }
 
468
  .wp-block-jetpack-layout-grid.column2-desktop-grid__start-1 > .wp-block-jetpack-layout-grid-column:nth-child(2) {
469
- grid-column-start: 1; }
 
470
  .wp-block-jetpack-layout-grid.column3-desktop-grid__start-1 > .wp-block-jetpack-layout-grid-column:nth-child(3) {
471
- grid-column-start: 1; }
 
472
  .wp-block-jetpack-layout-grid.column4-desktop-grid__start-1 > .wp-block-jetpack-layout-grid-column:nth-child(4) {
473
- grid-column-start: 1; }
 
474
  .wp-block-jetpack-layout-grid.column1-desktop-grid__start-2 > .wp-block-jetpack-layout-grid-column:nth-child(1) {
475
- grid-column-start: 2; }
 
476
  .wp-block-jetpack-layout-grid.column2-desktop-grid__start-2 > .wp-block-jetpack-layout-grid-column:nth-child(2) {
477
- grid-column-start: 2; }
 
478
  .wp-block-jetpack-layout-grid.column3-desktop-grid__start-2 > .wp-block-jetpack-layout-grid-column:nth-child(3) {
479
- grid-column-start: 2; }
 
480
  .wp-block-jetpack-layout-grid.column4-desktop-grid__start-2 > .wp-block-jetpack-layout-grid-column:nth-child(4) {
481
- grid-column-start: 2; }
 
482
  .wp-block-jetpack-layout-grid.column1-desktop-grid__start-3 > .wp-block-jetpack-layout-grid-column:nth-child(1) {
483
- grid-column-start: 3; }
 
484
  .wp-block-jetpack-layout-grid.column2-desktop-grid__start-3 > .wp-block-jetpack-layout-grid-column:nth-child(2) {
485
- grid-column-start: 3; }
 
486
  .wp-block-jetpack-layout-grid.column3-desktop-grid__start-3 > .wp-block-jetpack-layout-grid-column:nth-child(3) {
487
- grid-column-start: 3; }
 
488
  .wp-block-jetpack-layout-grid.column4-desktop-grid__start-3 > .wp-block-jetpack-layout-grid-column:nth-child(4) {
489
- grid-column-start: 3; }
 
490
  .wp-block-jetpack-layout-grid.column1-desktop-grid__start-4 > .wp-block-jetpack-layout-grid-column:nth-child(1) {
491
- grid-column-start: 4; }
 
492
  .wp-block-jetpack-layout-grid.column2-desktop-grid__start-4 > .wp-block-jetpack-layout-grid-column:nth-child(2) {
493
- grid-column-start: 4; }
 
494
  .wp-block-jetpack-layout-grid.column3-desktop-grid__start-4 > .wp-block-jetpack-layout-grid-column:nth-child(3) {
495
- grid-column-start: 4; }
 
496
  .wp-block-jetpack-layout-grid.column4-desktop-grid__start-4 > .wp-block-jetpack-layout-grid-column:nth-child(4) {
497
- grid-column-start: 4; }
 
498
  .wp-block-jetpack-layout-grid.column1-desktop-grid__start-5 > .wp-block-jetpack-layout-grid-column:nth-child(1) {
499
- grid-column-start: 5; }
 
500
  .wp-block-jetpack-layout-grid.column2-desktop-grid__start-5 > .wp-block-jetpack-layout-grid-column:nth-child(2) {
501
- grid-column-start: 5; }
 
502
  .wp-block-jetpack-layout-grid.column3-desktop-grid__start-5 > .wp-block-jetpack-layout-grid-column:nth-child(3) {
503
- grid-column-start: 5; }
 
504
  .wp-block-jetpack-layout-grid.column4-desktop-grid__start-5 > .wp-block-jetpack-layout-grid-column:nth-child(4) {
505
- grid-column-start: 5; }
 
506
  .wp-block-jetpack-layout-grid.column1-desktop-grid__start-6 > .wp-block-jetpack-layout-grid-column:nth-child(1) {
507
- grid-column-start: 6; }
 
508
  .wp-block-jetpack-layout-grid.column2-desktop-grid__start-6 > .wp-block-jetpack-layout-grid-column:nth-child(2) {
509
- grid-column-start: 6; }
 
510
  .wp-block-jetpack-layout-grid.column3-desktop-grid__start-6 > .wp-block-jetpack-layout-grid-column:nth-child(3) {
511
- grid-column-start: 6; }
 
512
  .wp-block-jetpack-layout-grid.column4-desktop-grid__start-6 > .wp-block-jetpack-layout-grid-column:nth-child(4) {
513
- grid-column-start: 6; }
 
514
  .wp-block-jetpack-layout-grid.column1-desktop-grid__start-7 > .wp-block-jetpack-layout-grid-column:nth-child(1) {
515
- grid-column-start: 7; }
 
516
  .wp-block-jetpack-layout-grid.column2-desktop-grid__start-7 > .wp-block-jetpack-layout-grid-column:nth-child(2) {
517
- grid-column-start: 7; }
 
518
  .wp-block-jetpack-layout-grid.column3-desktop-grid__start-7 > .wp-block-jetpack-layout-grid-column:nth-child(3) {
519
- grid-column-start: 7; }
 
520
  .wp-block-jetpack-layout-grid.column4-desktop-grid__start-7 > .wp-block-jetpack-layout-grid-column:nth-child(4) {
521
- grid-column-start: 7; }
 
522
  .wp-block-jetpack-layout-grid.column1-desktop-grid__start-8 > .wp-block-jetpack-layout-grid-column:nth-child(1) {
523
- grid-column-start: 8; }
 
524
  .wp-block-jetpack-layout-grid.column2-desktop-grid__start-8 > .wp-block-jetpack-layout-grid-column:nth-child(2) {
525
- grid-column-start: 8; }
 
526
  .wp-block-jetpack-layout-grid.column3-desktop-grid__start-8 > .wp-block-jetpack-layout-grid-column:nth-child(3) {
527
- grid-column-start: 8; }
 
528
  .wp-block-jetpack-layout-grid.column4-desktop-grid__start-8 > .wp-block-jetpack-layout-grid-column:nth-child(4) {
529
- grid-column-start: 8; }
 
530
  .wp-block-jetpack-layout-grid.column1-desktop-grid__start-9 > .wp-block-jetpack-layout-grid-column:nth-child(1) {
531
- grid-column-start: 9; }
 
532
  .wp-block-jetpack-layout-grid.column2-desktop-grid__start-9 > .wp-block-jetpack-layout-grid-column:nth-child(2) {
533
- grid-column-start: 9; }
 
534
  .wp-block-jetpack-layout-grid.column3-desktop-grid__start-9 > .wp-block-jetpack-layout-grid-column:nth-child(3) {
535
- grid-column-start: 9; }
 
536
  .wp-block-jetpack-layout-grid.column4-desktop-grid__start-9 > .wp-block-jetpack-layout-grid-column:nth-child(4) {
537
- grid-column-start: 9; }
 
538
  .wp-block-jetpack-layout-grid.column1-desktop-grid__start-10 > .wp-block-jetpack-layout-grid-column:nth-child(1) {
539
- grid-column-start: 10; }
 
540
  .wp-block-jetpack-layout-grid.column2-desktop-grid__start-10 > .wp-block-jetpack-layout-grid-column:nth-child(2) {
541
- grid-column-start: 10; }
 
542
  .wp-block-jetpack-layout-grid.column3-desktop-grid__start-10 > .wp-block-jetpack-layout-grid-column:nth-child(3) {
543
- grid-column-start: 10; }
 
544
  .wp-block-jetpack-layout-grid.column4-desktop-grid__start-10 > .wp-block-jetpack-layout-grid-column:nth-child(4) {
545
- grid-column-start: 10; }
 
546
  .wp-block-jetpack-layout-grid.column1-desktop-grid__start-11 > .wp-block-jetpack-layout-grid-column:nth-child(1) {
547
- grid-column-start: 11; }
 
548
  .wp-block-jetpack-layout-grid.column2-desktop-grid__start-11 > .wp-block-jetpack-layout-grid-column:nth-child(2) {
549
- grid-column-start: 11; }
 
550
  .wp-block-jetpack-layout-grid.column3-desktop-grid__start-11 > .wp-block-jetpack-layout-grid-column:nth-child(3) {
551
- grid-column-start: 11; }
 
552
  .wp-block-jetpack-layout-grid.column4-desktop-grid__start-11 > .wp-block-jetpack-layout-grid-column:nth-child(4) {
553
- grid-column-start: 11; }
 
554
  .wp-block-jetpack-layout-grid.column1-desktop-grid__start-12 > .wp-block-jetpack-layout-grid-column:nth-child(1) {
555
- grid-column-start: 12; }
 
556
  .wp-block-jetpack-layout-grid.column2-desktop-grid__start-12 > .wp-block-jetpack-layout-grid-column:nth-child(2) {
557
- grid-column-start: 12; }
 
558
  .wp-block-jetpack-layout-grid.column3-desktop-grid__start-12 > .wp-block-jetpack-layout-grid-column:nth-child(3) {
559
- grid-column-start: 12; }
 
560
  .wp-block-jetpack-layout-grid.column4-desktop-grid__start-12 > .wp-block-jetpack-layout-grid-column:nth-child(4) {
561
- grid-column-start: 12; }
 
562
  .wp-block-jetpack-layout-grid.column1-desktop-grid__span-1 > .wp-block-jetpack-layout-grid-column:nth-child(1) {
 
563
  grid-column-end: span 1; }
564
  .wp-block-jetpack-layout-grid.column2-desktop-grid__span-1 > .wp-block-jetpack-layout-grid-column:nth-child(2) {
 
565
  grid-column-end: span 1; }
566
  .wp-block-jetpack-layout-grid.column3-desktop-grid__span-1 > .wp-block-jetpack-layout-grid-column:nth-child(3) {
 
567
  grid-column-end: span 1; }
568
  .wp-block-jetpack-layout-grid.column4-desktop-grid__span-1 > .wp-block-jetpack-layout-grid-column:nth-child(4) {
 
569
  grid-column-end: span 1; }
570
  .wp-block-jetpack-layout-grid.column1-desktop-grid__span-2 > .wp-block-jetpack-layout-grid-column:nth-child(1) {
 
571
  grid-column-end: span 2; }
572
  .wp-block-jetpack-layout-grid.column2-desktop-grid__span-2 > .wp-block-jetpack-layout-grid-column:nth-child(2) {
 
573
  grid-column-end: span 2; }
574
  .wp-block-jetpack-layout-grid.column3-desktop-grid__span-2 > .wp-block-jetpack-layout-grid-column:nth-child(3) {
 
575
  grid-column-end: span 2; }
576
  .wp-block-jetpack-layout-grid.column4-desktop-grid__span-2 > .wp-block-jetpack-layout-grid-column:nth-child(4) {
 
577
  grid-column-end: span 2; }
578
  .wp-block-jetpack-layout-grid.column1-desktop-grid__span-3 > .wp-block-jetpack-layout-grid-column:nth-child(1) {
 
579
  grid-column-end: span 3; }
580
  .wp-block-jetpack-layout-grid.column2-desktop-grid__span-3 > .wp-block-jetpack-layout-grid-column:nth-child(2) {
 
581
  grid-column-end: span 3; }
582
  .wp-block-jetpack-layout-grid.column3-desktop-grid__span-3 > .wp-block-jetpack-layout-grid-column:nth-child(3) {
 
583
  grid-column-end: span 3; }
584
  .wp-block-jetpack-layout-grid.column4-desktop-grid__span-3 > .wp-block-jetpack-layout-grid-column:nth-child(4) {
 
585
  grid-column-end: span 3; }
586
  .wp-block-jetpack-layout-grid.column1-desktop-grid__span-4 > .wp-block-jetpack-layout-grid-column:nth-child(1) {
 
587
  grid-column-end: span 4; }
588
  .wp-block-jetpack-layout-grid.column2-desktop-grid__span-4 > .wp-block-jetpack-layout-grid-column:nth-child(2) {
 
589
  grid-column-end: span 4; }
590
  .wp-block-jetpack-layout-grid.column3-desktop-grid__span-4 > .wp-block-jetpack-layout-grid-column:nth-child(3) {
 
591
  grid-column-end: span 4; }
592
  .wp-block-jetpack-layout-grid.column4-desktop-grid__span-4 > .wp-block-jetpack-layout-grid-column:nth-child(4) {
 
593
  grid-column-end: span 4; }
594
  .wp-block-jetpack-layout-grid.column1-desktop-grid__span-5 > .wp-block-jetpack-layout-grid-column:nth-child(1) {
 
595
  grid-column-end: span 5; }
596
  .wp-block-jetpack-layout-grid.column2-desktop-grid__span-5 > .wp-block-jetpack-layout-grid-column:nth-child(2) {
 
597
  grid-column-end: span 5; }
598
  .wp-block-jetpack-layout-grid.column3-desktop-grid__span-5 > .wp-block-jetpack-layout-grid-column:nth-child(3) {
 
599
  grid-column-end: span 5; }
600
  .wp-block-jetpack-layout-grid.column4-desktop-grid__span-5 > .wp-block-jetpack-layout-grid-column:nth-child(4) {
 
601
  grid-column-end: span 5; }
602
  .wp-block-jetpack-layout-grid.column1-desktop-grid__span-6 > .wp-block-jetpack-layout-grid-column:nth-child(1) {
 
603
  grid-column-end: span 6; }
604
  .wp-block-jetpack-layout-grid.column2-desktop-grid__span-6 > .wp-block-jetpack-layout-grid-column:nth-child(2) {
 
605
  grid-column-end: span 6; }
606
  .wp-block-jetpack-layout-grid.column3-desktop-grid__span-6 > .wp-block-jetpack-layout-grid-column:nth-child(3) {
 
607
  grid-column-end: span 6; }
608
  .wp-block-jetpack-layout-grid.column4-desktop-grid__span-6 > .wp-block-jetpack-layout-grid-column:nth-child(4) {
 
609
  grid-column-end: span 6; }
610
  .wp-block-jetpack-layout-grid.column1-desktop-grid__span-7 > .wp-block-jetpack-layout-grid-column:nth-child(1) {
 
611
  grid-column-end: span 7; }
612
  .wp-block-jetpack-layout-grid.column2-desktop-grid__span-7 > .wp-block-jetpack-layout-grid-column:nth-child(2) {
 
613
  grid-column-end: span 7; }
614
  .wp-block-jetpack-layout-grid.column3-desktop-grid__span-7 > .wp-block-jetpack-layout-grid-column:nth-child(3) {
 
615
  grid-column-end: span 7; }
616
  .wp-block-jetpack-layout-grid.column4-desktop-grid__span-7 > .wp-block-jetpack-layout-grid-column:nth-child(4) {
 
617
  grid-column-end: span 7; }
618
  .wp-block-jetpack-layout-grid.column1-desktop-grid__span-8 > .wp-block-jetpack-layout-grid-column:nth-child(1) {
 
619
  grid-column-end: span 8; }
620
  .wp-block-jetpack-layout-grid.column2-desktop-grid__span-8 > .wp-block-jetpack-layout-grid-column:nth-child(2) {
 
621
  grid-column-end: span 8; }
622
  .wp-block-jetpack-layout-grid.column3-desktop-grid__span-8 > .wp-block-jetpack-layout-grid-column:nth-child(3) {
 
623
  grid-column-end: span 8; }
624
  .wp-block-jetpack-layout-grid.column4-desktop-grid__span-8 > .wp-block-jetpack-layout-grid-column:nth-child(4) {
 
625
  grid-column-end: span 8; }
626
  .wp-block-jetpack-layout-grid.column1-desktop-grid__span-9 > .wp-block-jetpack-layout-grid-column:nth-child(1) {
 
627
  grid-column-end: span 9; }
628
  .wp-block-jetpack-layout-grid.column2-desktop-grid__span-9 > .wp-block-jetpack-layout-grid-column:nth-child(2) {
 
629
  grid-column-end: span 9; }
630
  .wp-block-jetpack-layout-grid.column3-desktop-grid__span-9 > .wp-block-jetpack-layout-grid-column:nth-child(3) {
 
631
  grid-column-end: span 9; }
632
  .wp-block-jetpack-layout-grid.column4-desktop-grid__span-9 > .wp-block-jetpack-layout-grid-column:nth-child(4) {
 
633
  grid-column-end: span 9; }
634
  .wp-block-jetpack-layout-grid.column1-desktop-grid__span-10 > .wp-block-jetpack-layout-grid-column:nth-child(1) {
 
635
  grid-column-end: span 10; }
636
  .wp-block-jetpack-layout-grid.column2-desktop-grid__span-10 > .wp-block-jetpack-layout-grid-column:nth-child(2) {
 
637
  grid-column-end: span 10; }
638
  .wp-block-jetpack-layout-grid.column3-desktop-grid__span-10 > .wp-block-jetpack-layout-grid-column:nth-child(3) {
 
639
  grid-column-end: span 10; }
640
  .wp-block-jetpack-layout-grid.column4-desktop-grid__span-10 > .wp-block-jetpack-layout-grid-column:nth-child(4) {
 
641
  grid-column-end: span 10; }
642
  .wp-block-jetpack-layout-grid.column1-desktop-grid__span-11 > .wp-block-jetpack-layout-grid-column:nth-child(1) {
 
643
  grid-column-end: span 11; }
644
  .wp-block-jetpack-layout-grid.column2-desktop-grid__span-11 > .wp-block-jetpack-layout-grid-column:nth-child(2) {
 
645
  grid-column-end: span 11; }
646
  .wp-block-jetpack-layout-grid.column3-desktop-grid__span-11 > .wp-block-jetpack-layout-grid-column:nth-child(3) {
 
647
  grid-column-end: span 11; }
648
  .wp-block-jetpack-layout-grid.column4-desktop-grid__span-11 > .wp-block-jetpack-layout-grid-column:nth-child(4) {
 
649
  grid-column-end: span 11; }
650
  .wp-block-jetpack-layout-grid.column1-desktop-grid__span-12 > .wp-block-jetpack-layout-grid-column:nth-child(1) {
 
651
  grid-column-end: span 12; }
652
  .wp-block-jetpack-layout-grid.column2-desktop-grid__span-12 > .wp-block-jetpack-layout-grid-column:nth-child(2) {
 
653
  grid-column-end: span 12; }
654
  .wp-block-jetpack-layout-grid.column3-desktop-grid__span-12 > .wp-block-jetpack-layout-grid-column:nth-child(3) {
 
655
  grid-column-end: span 12; }
656
  .wp-block-jetpack-layout-grid.column4-desktop-grid__span-12 > .wp-block-jetpack-layout-grid-column:nth-child(4) {
 
657
  grid-column-end: span 12; }
658
  .wp-block-jetpack-layout-grid.column1-desktop-grid__row-1 > .wp-block-jetpack-layout-grid-column:nth-child(1) {
659
- grid-row-start: 1; }
 
660
  .wp-block-jetpack-layout-grid.column2-desktop-grid__row-1 > .wp-block-jetpack-layout-grid-column:nth-child(2) {
661
- grid-row-start: 1; }
 
662
  .wp-block-jetpack-layout-grid.column3-desktop-grid__row-1 > .wp-block-jetpack-layout-grid-column:nth-child(3) {
663
- grid-row-start: 1; }
 
664
  .wp-block-jetpack-layout-grid.column4-desktop-grid__row-1 > .wp-block-jetpack-layout-grid-column:nth-child(4) {
665
- grid-row-start: 1; }
 
666
  .wp-block-jetpack-layout-grid.column1-desktop-grid__row-2 > .wp-block-jetpack-layout-grid-column:nth-child(1) {
667
- grid-row-start: 2; }
 
668
  .wp-block-jetpack-layout-grid.column2-desktop-grid__row-2 > .wp-block-jetpack-layout-grid-column:nth-child(2) {
669
- grid-row-start: 2; }
 
670
  .wp-block-jetpack-layout-grid.column3-desktop-grid__row-2 > .wp-block-jetpack-layout-grid-column:nth-child(3) {
671
- grid-row-start: 2; }
 
672
  .wp-block-jetpack-layout-grid.column4-desktop-grid__row-2 > .wp-block-jetpack-layout-grid-column:nth-child(4) {
673
- grid-row-start: 2; }
 
674
  .wp-block-jetpack-layout-grid.column1-desktop-grid__row-3 > .wp-block-jetpack-layout-grid-column:nth-child(1) {
675
- grid-row-start: 3; }
 
676
  .wp-block-jetpack-layout-grid.column2-desktop-grid__row-3 > .wp-block-jetpack-layout-grid-column:nth-child(2) {
677
- grid-row-start: 3; }
 
678
  .wp-block-jetpack-layout-grid.column3-desktop-grid__row-3 > .wp-block-jetpack-layout-grid-column:nth-child(3) {
679
- grid-row-start: 3; }
 
680
  .wp-block-jetpack-layout-grid.column4-desktop-grid__row-3 > .wp-block-jetpack-layout-grid-column:nth-child(4) {
681
- grid-row-start: 3; }
 
682
  .wp-block-jetpack-layout-grid.column1-desktop-grid__row-4 > .wp-block-jetpack-layout-grid-column:nth-child(1) {
683
- grid-row-start: 4; }
 
684
  .wp-block-jetpack-layout-grid.column2-desktop-grid__row-4 > .wp-block-jetpack-layout-grid-column:nth-child(2) {
685
- grid-row-start: 4; }
 
686
  .wp-block-jetpack-layout-grid.column3-desktop-grid__row-4 > .wp-block-jetpack-layout-grid-column:nth-child(3) {
687
- grid-row-start: 4; }
 
688
  .wp-block-jetpack-layout-grid.column4-desktop-grid__row-4 > .wp-block-jetpack-layout-grid-column:nth-child(4) {
689
- grid-row-start: 4; } }
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
5
  /**
6
  * Responsive Grid Options
7
  */
8
+ /* autoprefixer grid: no-autoplace */
9
  .wp-block-jetpack-layout-grid {
10
+ display: -ms-grid;
11
  display: grid;
12
  grid-gap: 24px;
13
+ -ms-grid-columns: (1fr)[4];
14
  grid-template-columns: repeat(4, 1fr); }
15
  .wp-block-jetpack-layout-grid.column1-mobile-grid__start-1 > .wp-block-jetpack-layout-grid-column:nth-child(1) {
16
+ -ms-grid-column: 1;
17
+ grid-column-start: 1; }
18
  .wp-block-jetpack-layout-grid.column2-mobile-grid__start-1 > .wp-block-jetpack-layout-grid-column:nth-child(2) {
19
+ -ms-grid-column: 1;
20
+ grid-column-start: 1; }
21
  .wp-block-jetpack-layout-grid.column3-mobile-grid__start-1 > .wp-block-jetpack-layout-grid-column:nth-child(3) {
22
+ -ms-grid-column: 1;
23
+ grid-column-start: 1; }
24
  .wp-block-jetpack-layout-grid.column4-mobile-grid__start-1 > .wp-block-jetpack-layout-grid-column:nth-child(4) {
25
+ -ms-grid-column: 1;
26
+ grid-column-start: 1; }
27
  .wp-block-jetpack-layout-grid.column1-mobile-grid__start-2 > .wp-block-jetpack-layout-grid-column:nth-child(1) {
28
+ -ms-grid-column: 2;
29
+ grid-column-start: 2; }
30
  .wp-block-jetpack-layout-grid.column2-mobile-grid__start-2 > .wp-block-jetpack-layout-grid-column:nth-child(2) {
31
+ -ms-grid-column: 2;
32
+ grid-column-start: 2; }
33
  .wp-block-jetpack-layout-grid.column3-mobile-grid__start-2 > .wp-block-jetpack-layout-grid-column:nth-child(3) {
34
+ -ms-grid-column: 2;
35
+ grid-column-start: 2; }
36
  .wp-block-jetpack-layout-grid.column4-mobile-grid__start-2 > .wp-block-jetpack-layout-grid-column:nth-child(4) {
37
+ -ms-grid-column: 2;
38
+ grid-column-start: 2; }
39
  .wp-block-jetpack-layout-grid.column1-mobile-grid__start-3 > .wp-block-jetpack-layout-grid-column:nth-child(1) {
40
+ -ms-grid-column: 3;
41
+ grid-column-start: 3; }
42
  .wp-block-jetpack-layout-grid.column2-mobile-grid__start-3 > .wp-block-jetpack-layout-grid-column:nth-child(2) {
43
+ -ms-grid-column: 3;
44
+ grid-column-start: 3; }
45
  .wp-block-jetpack-layout-grid.column3-mobile-grid__start-3 > .wp-block-jetpack-layout-grid-column:nth-child(3) {
46
+ -ms-grid-column: 3;
47
+ grid-column-start: 3; }
48
  .wp-block-jetpack-layout-grid.column4-mobile-grid__start-3 > .wp-block-jetpack-layout-grid-column:nth-child(4) {
49
+ -ms-grid-column: 3;
50
+ grid-column-start: 3; }
51
  .wp-block-jetpack-layout-grid.column1-mobile-grid__start-4 > .wp-block-jetpack-layout-grid-column:nth-child(1) {
52
+ -ms-grid-column: 4;
53
+ grid-column-start: 4; }
54
  .wp-block-jetpack-layout-grid.column2-mobile-grid__start-4 > .wp-block-jetpack-layout-grid-column:nth-child(2) {
55
+ -ms-grid-column: 4;
56
+ grid-column-start: 4; }
57
  .wp-block-jetpack-layout-grid.column3-mobile-grid__start-4 > .wp-block-jetpack-layout-grid-column:nth-child(3) {
58
+ -ms-grid-column: 4;
59
+ grid-column-start: 4; }
60
  .wp-block-jetpack-layout-grid.column4-mobile-grid__start-4 > .wp-block-jetpack-layout-grid-column:nth-child(4) {
61
+ -ms-grid-column: 4;
62
+ grid-column-start: 4; }
63
  .wp-block-jetpack-layout-grid.column1-mobile-grid__start-5 > .wp-block-jetpack-layout-grid-column:nth-child(1) {
64
+ -ms-grid-column: 5;
65
+ grid-column-start: 5; }
66
  .wp-block-jetpack-layout-grid.column2-mobile-grid__start-5 > .wp-block-jetpack-layout-grid-column:nth-child(2) {
67
+ -ms-grid-column: 5;
68
+ grid-column-start: 5; }
69
  .wp-block-jetpack-layout-grid.column3-mobile-grid__start-5 > .wp-block-jetpack-layout-grid-column:nth-child(3) {
70
+ -ms-grid-column: 5;
71
+ grid-column-start: 5; }
72
  .wp-block-jetpack-layout-grid.column4-mobile-grid__start-5 > .wp-block-jetpack-layout-grid-column:nth-child(4) {
73
+ -ms-grid-column: 5;
74
+ grid-column-start: 5; }
75
  .wp-block-jetpack-layout-grid.column1-mobile-grid__start-6 > .wp-block-jetpack-layout-grid-column:nth-child(1) {
76
+ -ms-grid-column: 6;
77
+ grid-column-start: 6; }
78
  .wp-block-jetpack-layout-grid.column2-mobile-grid__start-6 > .wp-block-jetpack-layout-grid-column:nth-child(2) {
79
+ -ms-grid-column: 6;
80
+ grid-column-start: 6; }
81
  .wp-block-jetpack-layout-grid.column3-mobile-grid__start-6 > .wp-block-jetpack-layout-grid-column:nth-child(3) {
82
+ -ms-grid-column: 6;
83
+ grid-column-start: 6; }
84
  .wp-block-jetpack-layout-grid.column4-mobile-grid__start-6 > .wp-block-jetpack-layout-grid-column:nth-child(4) {
85
+ -ms-grid-column: 6;
86
+ grid-column-start: 6; }
87
  .wp-block-jetpack-layout-grid.column1-mobile-grid__start-7 > .wp-block-jetpack-layout-grid-column:nth-child(1) {
88
+ -ms-grid-column: 7;
89
+ grid-column-start: 7; }
90
  .wp-block-jetpack-layout-grid.column2-mobile-grid__start-7 > .wp-block-jetpack-layout-grid-column:nth-child(2) {
91
+ -ms-grid-column: 7;
92
+ grid-column-start: 7; }
93
  .wp-block-jetpack-layout-grid.column3-mobile-grid__start-7 > .wp-block-jetpack-layout-grid-column:nth-child(3) {
94
+ -ms-grid-column: 7;
95
+ grid-column-start: 7; }
96
  .wp-block-jetpack-layout-grid.column4-mobile-grid__start-7 > .wp-block-jetpack-layout-grid-column:nth-child(4) {
97
+ -ms-grid-column: 7;
98
+ grid-column-start: 7; }
99
  .wp-block-jetpack-layout-grid.column1-mobile-grid__start-8 > .wp-block-jetpack-layout-grid-column:nth-child(1) {
100
+ -ms-grid-column: 8;
101
+ grid-column-start: 8; }
102
  .wp-block-jetpack-layout-grid.column2-mobile-grid__start-8 > .wp-block-jetpack-layout-grid-column:nth-child(2) {
103
+ -ms-grid-column: 8;
104
+ grid-column-start: 8; }
105
  .wp-block-jetpack-layout-grid.column3-mobile-grid__start-8 > .wp-block-jetpack-layout-grid-column:nth-child(3) {
106
+ -ms-grid-column: 8;
107
+ grid-column-start: 8; }
108
  .wp-block-jetpack-layout-grid.column4-mobile-grid__start-8 > .wp-block-jetpack-layout-grid-column:nth-child(4) {
109
+ -ms-grid-column: 8;
110
+ grid-column-start: 8; }
111
  .wp-block-jetpack-layout-grid.column1-mobile-grid__start-9 > .wp-block-jetpack-layout-grid-column:nth-child(1) {
112
+ -ms-grid-column: 9;
113
+ grid-column-start: 9; }
114
  .wp-block-jetpack-layout-grid.column2-mobile-grid__start-9 > .wp-block-jetpack-layout-grid-column:nth-child(2) {
115
+ -ms-grid-column: 9;
116
+ grid-column-start: 9; }
117
  .wp-block-jetpack-layout-grid.column3-mobile-grid__start-9 > .wp-block-jetpack-layout-grid-column:nth-child(3) {
118
+ -ms-grid-column: 9;
119
+ grid-column-start: 9; }
120
  .wp-block-jetpack-layout-grid.column4-mobile-grid__start-9 > .wp-block-jetpack-layout-grid-column:nth-child(4) {
121
+ -ms-grid-column: 9;
122
+ grid-column-start: 9; }
123
  .wp-block-jetpack-layout-grid.column1-mobile-grid__start-10 > .wp-block-jetpack-layout-grid-column:nth-child(1) {
124
+ -ms-grid-column: 10;
125
+ grid-column-start: 10; }
126
  .wp-block-jetpack-layout-grid.column2-mobile-grid__start-10 > .wp-block-jetpack-layout-grid-column:nth-child(2) {
127
+ -ms-grid-column: 10;
128
+ grid-column-start: 10; }
129
  .wp-block-jetpack-layout-grid.column3-mobile-grid__start-10 > .wp-block-jetpack-layout-grid-column:nth-child(3) {
130
+ -ms-grid-column: 10;
131
+ grid-column-start: 10; }
132
  .wp-block-jetpack-layout-grid.column4-mobile-grid__start-10 > .wp-block-jetpack-layout-grid-column:nth-child(4) {
133
+ -ms-grid-column: 10;
134
+ grid-column-start: 10; }
135
  .wp-block-jetpack-layout-grid.column1-mobile-grid__start-11 > .wp-block-jetpack-layout-grid-column:nth-child(1) {
136
+ -ms-grid-column: 11;
137
+ grid-column-start: 11; }
138
  .wp-block-jetpack-layout-grid.column2-mobile-grid__start-11 > .wp-block-jetpack-layout-grid-column:nth-child(2) {
139
+ -ms-grid-column: 11;
140
+ grid-column-start: 11; }
141
  .wp-block-jetpack-layout-grid.column3-mobile-grid__start-11 > .wp-block-jetpack-layout-grid-column:nth-child(3) {
142
+ -ms-grid-column: 11;
143
+ grid-column-start: 11; }
144
  .wp-block-jetpack-layout-grid.column4-mobile-grid__start-11 > .wp-block-jetpack-layout-grid-column:nth-child(4) {
145
+ -ms-grid-column: 11;
146
+ grid-column-start: 11; }
147
  .wp-block-jetpack-layout-grid.column1-mobile-grid__start-12 > .wp-block-jetpack-layout-grid-column:nth-child(1) {
148
+ -ms-grid-column: 12;
149
+ grid-column-start: 12; }
150
  .wp-block-jetpack-layout-grid.column2-mobile-grid__start-12 > .wp-block-jetpack-layout-grid-column:nth-child(2) {
151
+ -ms-grid-column: 12;
152
+ grid-column-start: 12; }
153
  .wp-block-jetpack-layout-grid.column3-mobile-grid__start-12 > .wp-block-jetpack-layout-grid-column:nth-child(3) {
154
+ -ms-grid-column: 12;
155
+ grid-column-start: 12; }
156
  .wp-block-jetpack-layout-grid.column4-mobile-grid__start-12 > .wp-block-jetpack-layout-grid-column:nth-child(4) {
157
+ -ms-grid-column: 12;
158
+ grid-column-start: 12; }
159
  .wp-block-jetpack-layout-grid.column1-mobile-grid__span-1 > .wp-block-jetpack-layout-grid-column:nth-child(1) {
160
+ -ms-grid-column-span: 1;
161
  grid-column-end: span 1; }
162
  .wp-block-jetpack-layout-grid.column2-mobile-grid__span-1 > .wp-block-jetpack-layout-grid-column:nth-child(2) {
163
+ -ms-grid-column-span: 1;
164
  grid-column-end: span 1; }
165
  .wp-block-jetpack-layout-grid.column3-mobile-grid__span-1 > .wp-block-jetpack-layout-grid-column:nth-child(3) {
166
+ -ms-grid-column-span: 1;
167
  grid-column-end: span 1; }
168
  .wp-block-jetpack-layout-grid.column4-mobile-grid__span-1 > .wp-block-jetpack-layout-grid-column:nth-child(4) {
169
+ -ms-grid-column-span: 1;
170
  grid-column-end: span 1; }
171
  .wp-block-jetpack-layout-grid.column1-mobile-grid__span-2 > .wp-block-jetpack-layout-grid-column:nth-child(1) {
172
+ -ms-grid-column-span: 2;
173
  grid-column-end: span 2; }
174
  .wp-block-jetpack-layout-grid.column2-mobile-grid__span-2 > .wp-block-jetpack-layout-grid-column:nth-child(2) {
175
+ -ms-grid-column-span: 2;
176
  grid-column-end: span 2; }
177
  .wp-block-jetpack-layout-grid.column3-mobile-grid__span-2 > .wp-block-jetpack-layout-grid-column:nth-child(3) {
178
+ -ms-grid-column-span: 2;
179
  grid-column-end: span 2; }
180
  .wp-block-jetpack-layout-grid.column4-mobile-grid__span-2 > .wp-block-jetpack-layout-grid-column:nth-child(4) {
181
+ -ms-grid-column-span: 2;
182
  grid-column-end: span 2; }
183
  .wp-block-jetpack-layout-grid.column1-mobile-grid__span-3 > .wp-block-jetpack-layout-grid-column:nth-child(1) {
184
+ -ms-grid-column-span: 3;
185
  grid-column-end: span 3; }
186
  .wp-block-jetpack-layout-grid.column2-mobile-grid__span-3 > .wp-block-jetpack-layout-grid-column:nth-child(2) {
187
+ -ms-grid-column-span: 3;
188
  grid-column-end: span 3; }
189
  .wp-block-jetpack-layout-grid.column3-mobile-grid__span-3 > .wp-block-jetpack-layout-grid-column:nth-child(3) {
190
+ -ms-grid-column-span: 3;
191
  grid-column-end: span 3; }
192
  .wp-block-jetpack-layout-grid.column4-mobile-grid__span-3 > .wp-block-jetpack-layout-grid-column:nth-child(4) {
193
+ -ms-grid-column-span: 3;
194
  grid-column-end: span 3; }
195
  .wp-block-jetpack-layout-grid.column1-mobile-grid__span-4 > .wp-block-jetpack-layout-grid-column:nth-child(1) {
196
+ -ms-grid-column-span: 4;
197
  grid-column-end: span 4; }
198
  .wp-block-jetpack-layout-grid.column2-mobile-grid__span-4 > .wp-block-jetpack-layout-grid-column:nth-child(2) {
199
+ -ms-grid-column-span: 4;
200
  grid-column-end: span 4; }
201
  .wp-block-jetpack-layout-grid.column3-mobile-grid__span-4 > .wp-block-jetpack-layout-grid-column:nth-child(3) {
202
+ -ms-grid-column-span: 4;
203
  grid-column-end: span 4; }
204
  .wp-block-jetpack-layout-grid.column4-mobile-grid__span-4 > .wp-block-jetpack-layout-grid-column:nth-child(4) {
205
+ -ms-grid-column-span: 4;
206
  grid-column-end: span 4; }
207
  .wp-block-jetpack-layout-grid.column1-mobile-grid__span-5 > .wp-block-jetpack-layout-grid-column:nth-child(1) {
208
+ -ms-grid-column-span: 5;
209
  grid-column-end: span 5; }
210
  .wp-block-jetpack-layout-grid.column2-mobile-grid__span-5 > .wp-block-jetpack-layout-grid-column:nth-child(2) {
211
+ -ms-grid-column-span: 5;
212
  grid-column-end: span 5; }
213
  .wp-block-jetpack-layout-grid.column3-mobile-grid__span-5 > .wp-block-jetpack-layout-grid-column:nth-child(3) {
214
+ -ms-grid-column-span: 5;
215
  grid-column-end: span 5; }
216
  .wp-block-jetpack-layout-grid.column4-mobile-grid__span-5 > .wp-block-jetpack-layout-grid-column:nth-child(4) {
217
+ -ms-grid-column-span: 5;
218
  grid-column-end: span 5; }
219
  .wp-block-jetpack-layout-grid.column1-mobile-grid__span-6 > .wp-block-jetpack-layout-grid-column:nth-child(1) {
220
+ -ms-grid-column-span: 6;
221
  grid-column-end: span 6; }
222
  .wp-block-jetpack-layout-grid.column2-mobile-grid__span-6 > .wp-block-jetpack-layout-grid-column:nth-child(2) {
223
+ -ms-grid-column-span: 6;
224
  grid-column-end: span 6; }
225
  .wp-block-jetpack-layout-grid.column3-mobile-grid__span-6 > .wp-block-jetpack-layout-grid-column:nth-child(3) {
226
+ -ms-grid-column-span: 6;
227
  grid-column-end: span 6; }
228
  .wp-block-jetpack-layout-grid.column4-mobile-grid__span-6 > .wp-block-jetpack-layout-grid-column:nth-child(4) {
229
+ -ms-grid-column-span: 6;
230
  grid-column-end: span 6; }
231
  .wp-block-jetpack-layout-grid.column1-mobile-grid__span-7 > .wp-block-jetpack-layout-grid-column:nth-child(1) {
232
+ -ms-grid-column-span: 7;
233
  grid-column-end: span 7; }
234
  .wp-block-jetpack-layout-grid.column2-mobile-grid__span-7 > .wp-block-jetpack-layout-grid-column:nth-child(2) {
235
+ -ms-grid-column-span: 7;
236
  grid-column-end: span 7; }
237
  .wp-block-jetpack-layout-grid.column3-mobile-grid__span-7 > .wp-block-jetpack-layout-grid-column:nth-child(3) {
238
+ -ms-grid-column-span: 7;
239
  grid-column-end: span 7; }
240
  .wp-block-jetpack-layout-grid.column4-mobile-grid__span-7 > .wp-block-jetpack-layout-grid-column:nth-child(4) {
241
+ -ms-grid-column-span: 7;
242
  grid-column-end: span 7; }
243
  .wp-block-jetpack-layout-grid.column1-mobile-grid__span-8 > .wp-block-jetpack-layout-grid-column:nth-child(1) {
244
+ -ms-grid-column-span: 8;
245
  grid-column-end: span 8; }
246
  .wp-block-jetpack-layout-grid.column2-mobile-grid__span-8 > .wp-block-jetpack-layout-grid-column:nth-child(2) {
247
+ -ms-grid-column-span: 8;
248
  grid-column-end: span 8; }
249
  .wp-block-jetpack-layout-grid.column3-mobile-grid__span-8 > .wp-block-jetpack-layout-grid-column:nth-child(3) {
250
+ -ms-grid-column-span: 8;
251
  grid-column-end: span 8; }
252
  .wp-block-jetpack-layout-grid.column4-mobile-grid__span-8 > .wp-block-jetpack-layout-grid-column:nth-child(4) {
253
+ -ms-grid-column-span: 8;
254
  grid-column-end: span 8; }
255
  .wp-block-jetpack-layout-grid.column1-mobile-grid__span-9 > .wp-block-jetpack-layout-grid-column:nth-child(1) {
256
+ -ms-grid-column-span: 9;
257
  grid-column-end: span 9; }
258
  .wp-block-jetpack-layout-grid.column2-mobile-grid__span-9 > .wp-block-jetpack-layout-grid-column:nth-child(2) {
259
+ -ms-grid-column-span: 9;
260
  grid-column-end: span 9; }
261
  .wp-block-jetpack-layout-grid.column3-mobile-grid__span-9 > .wp-block-jetpack-layout-grid-column:nth-child(3) {
262
+ -ms-grid-column-span: 9;
263
  grid-column-end: span 9; }
264
  .wp-block-jetpack-layout-grid.column4-mobile-grid__span-9 > .wp-block-jetpack-layout-grid-column:nth-child(4) {
265
+ -ms-grid-column-span: 9;
266
  grid-column-end: span 9; }
267
  .wp-block-jetpack-layout-grid.column1-mobile-grid__span-10 > .wp-block-jetpack-layout-grid-column:nth-child(1) {
268
+ -ms-grid-column-span: 10;
269
  grid-column-end: span 10; }
270
  .wp-block-jetpack-layout-grid.column2-mobile-grid__span-10 > .wp-block-jetpack-layout-grid-column:nth-child(2) {
271
+ -ms-grid-column-span: 10;
272
  grid-column-end: span 10; }
273
  .wp-block-jetpack-layout-grid.column3-mobile-grid__span-10 > .wp-block-jetpack-layout-grid-column:nth-child(3) {
274
+ -ms-grid-column-span: 10;
275
  grid-column-end: span 10; }
276
  .wp-block-jetpack-layout-grid.column4-mobile-grid__span-10 > .wp-block-jetpack-layout-grid-column:nth-child(4) {
277
+ -ms-grid-column-span: 10;
278
  grid-column-end: span 10; }
279
  .wp-block-jetpack-layout-grid.column1-mobile-grid__span-11 > .wp-block-jetpack-layout-grid-column:nth-child(1) {
280
+ -ms-grid-column-span: 11;
281
  grid-column-end: span 11; }
282
  .wp-block-jetpack-layout-grid.column2-mobile-grid__span-11 > .wp-block-jetpack-layout-grid-column:nth-child(2) {
283
+ -ms-grid-column-span: 11;
284
  grid-column-end: span 11; }
285
  .wp-block-jetpack-layout-grid.column3-mobile-grid__span-11 > .wp-block-jetpack-layout-grid-column:nth-child(3) {
286
+ -ms-grid-column-span: 11;
287
  grid-column-end: span 11; }
288
  .wp-block-jetpack-layout-grid.column4-mobile-grid__span-11 > .wp-block-jetpack-layout-grid-column:nth-child(4) {
289
+ -ms-grid-column-span: 11;
290
  grid-column-end: span 11; }
291
  .wp-block-jetpack-layout-grid.column1-mobile-grid__span-12 > .wp-block-jetpack-layout-grid-column:nth-child(1) {
292
+ -ms-grid-column-span: 12;
293
  grid-column-end: span 12; }
294
  .wp-block-jetpack-layout-grid.column2-mobile-grid__span-12 > .wp-block-jetpack-layout-grid-column:nth-child(2) {
295
+ -ms-grid-column-span: 12;
296
  grid-column-end: span 12; }
297
  .wp-block-jetpack-layout-grid.column3-mobile-grid__span-12 > .wp-block-jetpack-layout-grid-column:nth-child(3) {
298
+ -ms-grid-column-span: 12;
299
  grid-column-end: span 12; }
300
  .wp-block-jetpack-layout-grid.column4-mobile-grid__span-12 > .wp-block-jetpack-layout-grid-column:nth-child(4) {
301
+ -ms-grid-column-span: 12;
302
  grid-column-end: span 12; }
303
  .wp-block-jetpack-layout-grid.column1-mobile-grid__row-1 > .wp-block-jetpack-layout-grid-column:nth-child(1) {
304
+ -ms-grid-row: 1;
305
+ grid-row-start: 1; }
306
  .wp-block-jetpack-layout-grid.column2-mobile-grid__row-1 > .wp-block-jetpack-layout-grid-column:nth-child(2) {
307
+ -ms-grid-row: 1;
308
+ grid-row-start: 1; }
309
  .wp-block-jetpack-layout-grid.column3-mobile-grid__row-1 > .wp-block-jetpack-layout-grid-column:nth-child(3) {
310
+ -ms-grid-row: 1;
311
+ grid-row-start: 1; }
312
  .wp-block-jetpack-layout-grid.column4-mobile-grid__row-1 > .wp-block-jetpack-layout-grid-column:nth-child(4) {
313
+ -ms-grid-row: 1;
314
+ grid-row-start: 1; }
315
  .wp-block-jetpack-layout-grid.column1-mobile-grid__row-2 > .wp-block-jetpack-layout-grid-column:nth-child(1) {
316
+ -ms-grid-row: 2;
317
+ grid-row-start: 2; }
318
  .wp-block-jetpack-layout-grid.column2-mobile-grid__row-2 > .wp-block-jetpack-layout-grid-column:nth-child(2) {
319
+ -ms-grid-row: 2;
320
+ grid-row-start: 2; }
321
  .wp-block-jetpack-layout-grid.column3-mobile-grid__row-2 > .wp-block-jetpack-layout-grid-column:nth-child(3) {
322
+ -ms-grid-row: 2;
323
+ grid-row-start: 2; }
324
  .wp-block-jetpack-layout-grid.column4-mobile-grid__row-2 > .wp-block-jetpack-layout-grid-column:nth-child(4) {
325
+ -ms-grid-row: 2;
326
+ grid-row-start: 2; }
327
  .wp-block-jetpack-layout-grid.column1-mobile-grid__row-3 > .wp-block-jetpack-layout-grid-column:nth-child(1) {
328
+ -ms-grid-row: 3;
329
+ grid-row-start: 3; }
330
  .wp-block-jetpack-layout-grid.column2-mobile-grid__row-3 > .wp-block-jetpack-layout-grid-column:nth-child(2) {
331
+ -ms-grid-row: 3;
332
+ grid-row-start: 3; }
333
  .wp-block-jetpack-layout-grid.column3-mobile-grid__row-3 > .wp-block-jetpack-layout-grid-column:nth-child(3) {
334
+ -ms-grid-row: 3;
335
+ grid-row-start: 3; }
336
  .wp-block-jetpack-layout-grid.column4-mobile-grid__row-3 > .wp-block-jetpack-layout-grid-column:nth-child(4) {
337
+ -ms-grid-row: 3;
338
+ grid-row-start: 3; }
339
  .wp-block-jetpack-layout-grid.column1-mobile-grid__row-4 > .wp-block-jetpack-layout-grid-column:nth-child(1) {
340
+ -ms-grid-row: 4;
341
+ grid-row-start: 4; }
342
  .wp-block-jetpack-layout-grid.column2-mobile-grid__row-4 > .wp-block-jetpack-layout-grid-column:nth-child(2) {
343
+ -ms-grid-row: 4;
344
+ grid-row-start: 4; }
345
  .wp-block-jetpack-layout-grid.column3-mobile-grid__row-4 > .wp-block-jetpack-layout-grid-column:nth-child(3) {
346
+ -ms-grid-row: 4;
347
+ grid-row-start: 4; }
348
  .wp-block-jetpack-layout-grid.column4-mobile-grid__row-4 > .wp-block-jetpack-layout-grid-column:nth-child(4) {
349
+ -ms-grid-row: 4;
350
+ grid-row-start: 4; }
351
  @media (min-width: 600px) {
352
  .wp-block-jetpack-layout-grid {
353
+ -ms-grid-columns: (1fr)[8];
354
  grid-template-columns: repeat(8, 1fr); }
355
  .wp-block-jetpack-layout-grid.column1-tablet-grid__start-1 > .wp-block-jetpack-layout-grid-column:nth-child(1) {
356
+ -ms-grid-column: 1;
357
+ grid-column-start: 1; }
358
  .wp-block-jetpack-layout-grid.column2-tablet-grid__start-1 > .wp-block-jetpack-layout-grid-column:nth-child(2) {
359
+ -ms-grid-column: 1;
360
+ grid-column-start: 1; }
361
  .wp-block-jetpack-layout-grid.column3-tablet-grid__start-1 > .wp-block-jetpack-layout-grid-column:nth-child(3) {
362
+ -ms-grid-column: 1;
363
+ grid-column-start: 1; }
364
  .wp-block-jetpack-layout-grid.column4-tablet-grid__start-1 > .wp-block-jetpack-layout-grid-column:nth-child(4) {
365
+ -ms-grid-column: 1;
366
+ grid-column-start: 1; }
367
  .wp-block-jetpack-layout-grid.column1-tablet-grid__start-2 > .wp-block-jetpack-layout-grid-column:nth-child(1) {
368
+ -ms-grid-column: 2;
369
+ grid-column-start: 2; }
370
  .wp-block-jetpack-layout-grid.column2-tablet-grid__start-2 > .wp-block-jetpack-layout-grid-column:nth-child(2) {
371
+ -ms-grid-column: 2;
372
+ grid-column-start: 2; }
373
  .wp-block-jetpack-layout-grid.column3-tablet-grid__start-2 > .wp-block-jetpack-layout-grid-column:nth-child(3) {
374
+ -ms-grid-column: 2;
375
+ grid-column-start: 2; }
376
  .wp-block-jetpack-layout-grid.column4-tablet-grid__start-2 > .wp-block-jetpack-layout-grid-column:nth-child(4) {
377
+ -ms-grid-column: 2;
378
+ grid-column-start: 2; }
379
  .wp-block-jetpack-layout-grid.column1-tablet-grid__start-3 > .wp-block-jetpack-layout-grid-column:nth-child(1) {
380
+ -ms-grid-column: 3;
381
+ grid-column-start: 3; }
382
  .wp-block-jetpack-layout-grid.column2-tablet-grid__start-3 > .wp-block-jetpack-layout-grid-column:nth-child(2) {
383
+ -ms-grid-column: 3;
384
+ grid-column-start: 3; }
385
  .wp-block-jetpack-layout-grid.column3-tablet-grid__start-3 > .wp-block-jetpack-layout-grid-column:nth-child(3) {
386
+ -ms-grid-column: 3;
387
+ grid-column-start: 3; }
388
  .wp-block-jetpack-layout-grid.column4-tablet-grid__start-3 > .wp-block-jetpack-layout-grid-column:nth-child(4) {
389
+ -ms-grid-column: 3;
390
+ grid-column-start: 3; }
391
  .wp-block-jetpack-layout-grid.column1-tablet-grid__start-4 > .wp-block-jetpack-layout-grid-column:nth-child(1) {
392
+ -ms-grid-column: 4;
393
+ grid-column-start: 4; }
394
  .wp-block-jetpack-layout-grid.column2-tablet-grid__start-4 > .wp-block-jetpack-layout-grid-column:nth-child(2) {
395
+ -ms-grid-column: 4;
396
+ grid-column-start: 4; }
397
  .wp-block-jetpack-layout-grid.column3-tablet-grid__start-4 > .wp-block-jetpack-layout-grid-column:nth-child(3) {
398
+ -ms-grid-column: 4;
399
+ grid-column-start: 4; }
400
  .wp-block-jetpack-layout-grid.column4-tablet-grid__start-4 > .wp-block-jetpack-layout-grid-column:nth-child(4) {
401
+ -ms-grid-column: 4;
402
+ grid-column-start: 4; }
403
  .wp-block-jetpack-layout-grid.column1-tablet-grid__start-5 > .wp-block-jetpack-layout-grid-column:nth-child(1) {
404
+ -ms-grid-column: 5;
405
+ grid-column-start: 5; }
406
  .wp-block-jetpack-layout-grid.column2-tablet-grid__start-5 > .wp-block-jetpack-layout-grid-column:nth-child(2) {
407
+ -ms-grid-column: 5;
408
+ grid-column-start: 5; }
409
  .wp-block-jetpack-layout-grid.column3-tablet-grid__start-5 > .wp-block-jetpack-layout-grid-column:nth-child(3) {
410
+ -ms-grid-column: 5;
411
+ grid-column-start: 5; }
412
  .wp-block-jetpack-layout-grid.column4-tablet-grid__start-5 > .wp-block-jetpack-layout-grid-column:nth-child(4) {
413
+ -ms-grid-column: 5;
414
+ grid-column-start: 5; }
415
  .wp-block-jetpack-layout-grid.column1-tablet-grid__start-6 > .wp-block-jetpack-layout-grid-column:nth-child(1) {
416
+ -ms-grid-column: 6;
417
+ grid-column-start: 6; }
418
  .wp-block-jetpack-layout-grid.column2-tablet-grid__start-6 > .wp-block-jetpack-layout-grid-column:nth-child(2) {
419
+ -ms-grid-column: 6;
420
+ grid-column-start: 6; }
421
  .wp-block-jetpack-layout-grid.column3-tablet-grid__start-6 > .wp-block-jetpack-layout-grid-column:nth-child(3) {
422
+ -ms-grid-column: 6;
423
+ grid-column-start: 6; }
424
  .wp-block-jetpack-layout-grid.column4-tablet-grid__start-6 > .wp-block-jetpack-layout-grid-column:nth-child(4) {
425
+ -ms-grid-column: 6;
426
+ grid-column-start: 6; }
427
  .wp-block-jetpack-layout-grid.column1-tablet-grid__start-7 > .wp-block-jetpack-layout-grid-column:nth-child(1) {
428
+ -ms-grid-column: 7;
429
+ grid-column-start: 7; }
430
  .wp-block-jetpack-layout-grid.column2-tablet-grid__start-7 > .wp-block-jetpack-layout-grid-column:nth-child(2) {
431
+ -ms-grid-column: 7;
432
+ grid-column-start: 7; }
433
  .wp-block-jetpack-layout-grid.column3-tablet-grid__start-7 > .wp-block-jetpack-layout-grid-column:nth-child(3) {
434
+ -ms-grid-column: 7;
435
+ grid-column-start: 7; }
436
  .wp-block-jetpack-layout-grid.column4-tablet-grid__start-7 > .wp-block-jetpack-layout-grid-column:nth-child(4) {
437
+ -ms-grid-column: 7;
438
+ grid-column-start: 7; }
439
  .wp-block-jetpack-layout-grid.column1-tablet-grid__start-8 > .wp-block-jetpack-layout-grid-column:nth-child(1) {
440
+ -ms-grid-column: 8;
441
+ grid-column-start: 8; }
442
  .wp-block-jetpack-layout-grid.column2-tablet-grid__start-8 > .wp-block-jetpack-layout-grid-column:nth-child(2) {
443
+ -ms-grid-column: 8;
444
+ grid-column-start: 8; }
445
  .wp-block-jetpack-layout-grid.column3-tablet-grid__start-8 > .wp-block-jetpack-layout-grid-column:nth-child(3) {
446
+ -ms-grid-column: 8;
447
+ grid-column-start: 8; }
448
  .wp-block-jetpack-layout-grid.column4-tablet-grid__start-8 > .wp-block-jetpack-layout-grid-column:nth-child(4) {
449
+ -ms-grid-column: 8;
450
+ grid-column-start: 8; }
451
  .wp-block-jetpack-layout-grid.column1-tablet-grid__start-9 > .wp-block-jetpack-layout-grid-column:nth-child(1) {
452
+ -ms-grid-column: 9;
453
+ grid-column-start: 9; }
454
  .wp-block-jetpack-layout-grid.column2-tablet-grid__start-9 > .wp-block-jetpack-layout-grid-column:nth-child(2) {
455
+ -ms-grid-column: 9;
456
+ grid-column-start: 9; }
457
  .wp-block-jetpack-layout-grid.column3-tablet-grid__start-9 > .wp-block-jetpack-layout-grid-column:nth-child(3) {
458
+ -ms-grid-column: 9;
459
+ grid-column-start: 9; }
460
  .wp-block-jetpack-layout-grid.column4-tablet-grid__start-9 > .wp-block-jetpack-layout-grid-column:nth-child(4) {
461
+ -ms-grid-column: 9;
462
+ grid-column-start: 9; }
463
  .wp-block-jetpack-layout-grid.column1-tablet-grid__start-10 > .wp-block-jetpack-layout-grid-column:nth-child(1) {
464
+ -ms-grid-column: 10;
465
+ grid-column-start: 10; }
466
  .wp-block-jetpack-layout-grid.column2-tablet-grid__start-10 > .wp-block-jetpack-layout-grid-column:nth-child(2) {
467
+ -ms-grid-column: 10;
468
+ grid-column-start: 10; }
469
  .wp-block-jetpack-layout-grid.column3-tablet-grid__start-10 > .wp-block-jetpack-layout-grid-column:nth-child(3) {
470
+ -ms-grid-column: 10;
471
+ grid-column-start: 10; }
472
  .wp-block-jetpack-layout-grid.column4-tablet-grid__start-10 > .wp-block-jetpack-layout-grid-column:nth-child(4) {
473
+ -ms-grid-column: 10;
474
+ grid-column-start: 10; }
475
  .wp-block-jetpack-layout-grid.column1-tablet-grid__start-11 > .wp-block-jetpack-layout-grid-column:nth-child(1) {
476
+ -ms-grid-column: 11;
477
+ grid-column-start: 11; }
478
  .wp-block-jetpack-layout-grid.column2-tablet-grid__start-11 > .wp-block-jetpack-layout-grid-column:nth-child(2) {
479
+ -ms-grid-column: 11;
480
+ grid-column-start: 11; }
481
  .wp-block-jetpack-layout-grid.column3-tablet-grid__start-11 > .wp-block-jetpack-layout-grid-column:nth-child(3) {
482
+ -ms-grid-column: 11;
483
+ grid-column-start: 11; }
484
  .wp-block-jetpack-layout-grid.column4-tablet-grid__start-11 > .wp-block-jetpack-layout-grid-column:nth-child(4) {
485
+ -ms-grid-column: 11;
486
+ grid-column-start: 11; }
487
  .wp-block-jetpack-layout-grid.column1-tablet-grid__start-12 > .wp-block-jetpack-layout-grid-column:nth-child(1) {
488
+ -ms-grid-column: 12;
489
+ grid-column-start: 12; }
490
  .wp-block-jetpack-layout-grid.column2-tablet-grid__start-12 > .wp-block-jetpack-layout-grid-column:nth-child(2) {
491
+ -ms-grid-column: 12;
492
+ grid-column-start: 12; }
493
  .wp-block-jetpack-layout-grid.column3-tablet-grid__start-12 > .wp-block-jetpack-layout-grid-column:nth-child(3) {
494
+ -ms-grid-column: 12;
495
+ grid-column-start: 12; }
496
  .wp-block-jetpack-layout-grid.column4-tablet-grid__start-12 > .wp-block-jetpack-layout-grid-column:nth-child(4) {
497
+ -ms-grid-column: 12;
498
+ grid-column-start: 12; }
499
  .wp-block-jetpack-layout-grid.column1-tablet-grid__span-1 > .wp-block-jetpack-layout-grid-column:nth-child(1) {
500
+ -ms-grid-column-span: 1;
501
  grid-column-end: span 1; }
502
  .wp-block-jetpack-layout-grid.column2-tablet-grid__span-1 > .wp-block-jetpack-layout-grid-column:nth-child(2) {
503
+ -ms-grid-column-span: 1;
504
  grid-column-end: span 1; }
505
  .wp-block-jetpack-layout-grid.column3-tablet-grid__span-1 > .wp-block-jetpack-layout-grid-column:nth-child(3) {
506
+ -ms-grid-column-span: 1;
507
  grid-column-end: span 1; }
508
  .wp-block-jetpack-layout-grid.column4-tablet-grid__span-1 > .wp-block-jetpack-layout-grid-column:nth-child(4) {
509
+ -ms-grid-column-span: 1;
510
  grid-column-end: span 1; }
511
  .wp-block-jetpack-layout-grid.column1-tablet-grid__span-2 > .wp-block-jetpack-layout-grid-column:nth-child(1) {
512
+ -ms-grid-column-span: 2;
513
  grid-column-end: span 2; }
514
  .wp-block-jetpack-layout-grid.column2-tablet-grid__span-2 > .wp-block-jetpack-layout-grid-column:nth-child(2) {
515
+ -ms-grid-column-span: 2;
516
  grid-column-end: span 2; }
517
  .wp-block-jetpack-layout-grid.column3-tablet-grid__span-2 > .wp-block-jetpack-layout-grid-column:nth-child(3) {
518
+ -ms-grid-column-span: 2;
519
  grid-column-end: span 2; }
520
  .wp-block-jetpack-layout-grid.column4-tablet-grid__span-2 > .wp-block-jetpack-layout-grid-column:nth-child(4) {
521
+ -ms-grid-column-span: 2;
522
  grid-column-end: span 2; }
523
  .wp-block-jetpack-layout-grid.column1-tablet-grid__span-3 > .wp-block-jetpack-layout-grid-column:nth-child(1) {
524
+ -ms-grid-column-span: 3;
525
  grid-column-end: span 3; }
526
  .wp-block-jetpack-layout-grid.column2-tablet-grid__span-3 > .wp-block-jetpack-layout-grid-column:nth-child(2) {
527
+ -ms-grid-column-span: 3;
528
  grid-column-end: span 3; }
529
  .wp-block-jetpack-layout-grid.column3-tablet-grid__span-3 > .wp-block-jetpack-layout-grid-column:nth-child(3) {
530
+ -ms-grid-column-span: 3;
531
  grid-column-end: span 3; }
532
  .wp-block-jetpack-layout-grid.column4-tablet-grid__span-3 > .wp-block-jetpack-layout-grid-column:nth-child(4) {
533
+ -ms-grid-column-span: 3;
534
  grid-column-end: span 3; }
535
  .wp-block-jetpack-layout-grid.column1-tablet-grid__span-4 > .wp-block-jetpack-layout-grid-column:nth-child(1) {
536
+ -ms-grid-column-span: 4;
537
  grid-column-end: span 4; }
538
  .wp-block-jetpack-layout-grid.column2-tablet-grid__span-4 > .wp-block-jetpack-layout-grid-column:nth-child(2) {
539
+ -ms-grid-column-span: 4;
540
  grid-column-end: span 4; }
541
  .wp-block-jetpack-layout-grid.column3-tablet-grid__span-4 > .wp-block-jetpack-layout-grid-column:nth-child(3) {
542
+ -ms-grid-column-span: 4;
543
  grid-column-end: span 4; }
544
  .wp-block-jetpack-layout-grid.column4-tablet-grid__span-4 > .wp-block-jetpack-layout-grid-column:nth-child(4) {
545
+ -ms-grid-column-span: 4;
546
  grid-column-end: span 4; }
547
  .wp-block-jetpack-layout-grid.column1-tablet-grid__span-5 > .wp-block-jetpack-layout-grid-column:nth-child(1) {
548
+ -ms-grid-column-span: 5;
549
  grid-column-end: span 5; }
550
  .wp-block-jetpack-layout-grid.column2-tablet-grid__span-5 > .wp-block-jetpack-layout-grid-column:nth-child(2) {
551
+ -ms-grid-column-span: 5;
552
  grid-column-end: span 5; }
553
  .wp-block-jetpack-layout-grid.column3-tablet-grid__span-5 > .wp-block-jetpack-layout-grid-column:nth-child(3) {
554
+ -ms-grid-column-span: 5;
555
  grid-column-end: span 5; }
556
  .wp-block-jetpack-layout-grid.column4-tablet-grid__span-5 > .wp-block-jetpack-layout-grid-column:nth-child(4) {
557
+ -ms-grid-column-span: 5;
558
  grid-column-end: span 5; }
559
  .wp-block-jetpack-layout-grid.column1-tablet-grid__span-6 > .wp-block-jetpack-layout-grid-column:nth-child(1) {
560
+ -ms-grid-column-span: 6;
561
  grid-column-end: span 6; }
562
  .wp-block-jetpack-layout-grid.column2-tablet-grid__span-6 > .wp-block-jetpack-layout-grid-column:nth-child(2) {
563
+ -ms-grid-column-span: 6;
564
  grid-column-end: span 6; }
565
  .wp-block-jetpack-layout-grid.column3-tablet-grid__span-6 > .wp-block-jetpack-layout-grid-column:nth-child(3) {
566
+ -ms-grid-column-span: 6;
567
  grid-column-end: span 6; }
568
  .wp-block-jetpack-layout-grid.column4-tablet-grid__span-6 > .wp-block-jetpack-layout-grid-column:nth-child(4) {
569
+ -ms-grid-column-span: 6;
570
  grid-column-end: span 6; }
571
  .wp-block-jetpack-layout-grid.column1-tablet-grid__span-7 > .wp-block-jetpack-layout-grid-column:nth-child(1) {
572
+ -ms-grid-column-span: 7;
573
  grid-column-end: span 7; }
574
  .wp-block-jetpack-layout-grid.column2-tablet-grid__span-7 > .wp-block-jetpack-layout-grid-column:nth-child(2) {
575
+ -ms-grid-column-span: 7;
576
  grid-column-end: span 7; }
577
  .wp-block-jetpack-layout-grid.column3-tablet-grid__span-7 > .wp-block-jetpack-layout-grid-column:nth-child(3) {
578
+ -ms-grid-column-span: 7;
579
  grid-column-end: span 7; }
580
  .wp-block-jetpack-layout-grid.column4-tablet-grid__span-7 > .wp-block-jetpack-layout-grid-column:nth-child(4) {
581
+ -ms-grid-column-span: 7;
582
  grid-column-end: span 7; }
583
  .wp-block-jetpack-layout-grid.column1-tablet-grid__span-8 > .wp-block-jetpack-layout-grid-column:nth-child(1) {
584
+ -ms-grid-column-span: 8;
585
  grid-column-end: span 8; }
586
  .wp-block-jetpack-layout-grid.column2-tablet-grid__span-8 > .wp-block-jetpack-layout-grid-column:nth-child(2) {
587
+ -ms-grid-column-span: 8;
588
  grid-column-end: span 8; }
589
  .wp-block-jetpack-layout-grid.column3-tablet-grid__span-8 > .wp-block-jetpack-layout-grid-column:nth-child(3) {
590
+ -ms-grid-column-span: 8;
591
  grid-column-end: span 8; }
592
  .wp-block-jetpack-layout-grid.column4-tablet-grid__span-8 > .wp-block-jetpack-layout-grid-column:nth-child(4) {
593
+ -ms-grid-column-span: 8;
594
  grid-column-end: span 8; }
595
  .wp-block-jetpack-layout-grid.column1-tablet-grid__span-9 > .wp-block-jetpack-layout-grid-column:nth-child(1) {
596
+ -ms-grid-column-span: 9;
597
  grid-column-end: span 9; }
598
  .wp-block-jetpack-layout-grid.column2-tablet-grid__span-9 > .wp-block-jetpack-layout-grid-column:nth-child(2) {
599
+ -ms-grid-column-span: 9;
600
  grid-column-end: span 9; }
601
  .wp-block-jetpack-layout-grid.column3-tablet-grid__span-9 > .wp-block-jetpack-layout-grid-column:nth-child(3) {
602
+ -ms-grid-column-span: 9;
603
  grid-column-end: span 9; }
604
  .wp-block-jetpack-layout-grid.column4-tablet-grid__span-9 > .wp-block-jetpack-layout-grid-column:nth-child(4) {
605
+ -ms-grid-column-span: 9;
606
  grid-column-end: span 9; }
607
  .wp-block-jetpack-layout-grid.column1-tablet-grid__span-10 > .wp-block-jetpack-layout-grid-column:nth-child(1) {
608
+ -ms-grid-column-span: 10;
609
  grid-column-end: span 10; }
610
  .wp-block-jetpack-layout-grid.column2-tablet-grid__span-10 > .wp-block-jetpack-layout-grid-column:nth-child(2) {
611
+ -ms-grid-column-span: 10;
612
  grid-column-end: span 10; }
613
  .wp-block-jetpack-layout-grid.column3-tablet-grid__span-10 > .wp-block-jetpack-layout-grid-column:nth-child(3) {
614
+ -ms-grid-column-span: 10;
615
  grid-column-end: span 10; }
616
  .wp-block-jetpack-layout-grid.column4-tablet-grid__span-10 > .wp-block-jetpack-layout-grid-column:nth-child(4) {
617
+ -ms-grid-column-span: 10;
618
  grid-column-end: span 10; }
619
  .wp-block-jetpack-layout-grid.column1-tablet-grid__span-11 > .wp-block-jetpack-layout-grid-column:nth-child(1) {
620
+ -ms-grid-column-span: 11;
621
  grid-column-end: span 11; }
622
  .wp-block-jetpack-layout-grid.column2-tablet-grid__span-11 > .wp-block-jetpack-layout-grid-column:nth-child(2) {
623
+ -ms-grid-column-span: 11;
624
  grid-column-end: span 11; }
625
  .wp-block-jetpack-layout-grid.column3-tablet-grid__span-11 > .wp-block-jetpack-layout-grid-column:nth-child(3) {
626
+ -ms-grid-column-span: 11;
627
  grid-column-end: span 11; }
628
  .wp-block-jetpack-layout-grid.column4-tablet-grid__span-11 > .wp-block-jetpack-layout-grid-column:nth-child(4) {
629
+ -ms-grid-column-span: 11;
630
  grid-column-end: span 11; }
631
  .wp-block-jetpack-layout-grid.column1-tablet-grid__span-12 > .wp-block-jetpack-layout-grid-column:nth-child(1) {
632
+ -ms-grid-column-span: 12;
633
  grid-column-end: span 12; }
634
  .wp-block-jetpack-layout-grid.column2-tablet-grid__span-12 > .wp-block-jetpack-layout-grid-column:nth-child(2) {
635
+ -ms-grid-column-span: 12;
636
  grid-column-end: span 12; }
637
  .wp-block-jetpack-layout-grid.column3-tablet-grid__span-12 > .wp-block-jetpack-layout-grid-column:nth-child(3) {
638
+ -ms-grid-column-span: 12;
639
  grid-column-end: span 12; }
640
  .wp-block-jetpack-layout-grid.column4-tablet-grid__span-12 > .wp-block-jetpack-layout-grid-column:nth-child(4) {
641
+ -ms-grid-column-span: 12;
642
  grid-column-end: span 12; }
643
  .wp-block-jetpack-layout-grid.column1-tablet-grid__row-1 > .wp-block-jetpack-layout-grid-column:nth-child(1) {
644
+ -ms-grid-row: 1;
645
+ grid-row-start: 1; }
646
  .wp-block-jetpack-layout-grid.column2-tablet-grid__row-1 > .wp-block-jetpack-layout-grid-column:nth-child(2) {
647
+ -ms-grid-row: 1;
648
+ grid-row-start: 1; }
649
  .wp-block-jetpack-layout-grid.column3-tablet-grid__row-1 > .wp-block-jetpack-layout-grid-column:nth-child(3) {
650
+ -ms-grid-row: 1;
651
+ grid-row-start: 1; }
652
  .wp-block-jetpack-layout-grid.column4-tablet-grid__row-1 > .wp-block-jetpack-layout-grid-column:nth-child(4) {
653
+ -ms-grid-row: 1;
654
+ grid-row-start: 1; }
655
  .wp-block-jetpack-layout-grid.column1-tablet-grid__row-2 > .wp-block-jetpack-layout-grid-column:nth-child(1) {
656
+ -ms-grid-row: 2;
657
+ grid-row-start: 2; }
658
  .wp-block-jetpack-layout-grid.column2-tablet-grid__row-2 > .wp-block-jetpack-layout-grid-column:nth-child(2) {
659
+ -ms-grid-row: 2;
660
+ grid-row-start: 2; }
661
  .wp-block-jetpack-layout-grid.column3-tablet-grid__row-2 > .wp-block-jetpack-layout-grid-column:nth-child(3) {
662
+ -ms-grid-row: 2;
663
+ grid-row-start: 2; }
664
  .wp-block-jetpack-layout-grid.column4-tablet-grid__row-2 > .wp-block-jetpack-layout-grid-column:nth-child(4) {
665
+ -ms-grid-row: 2;
666
+ grid-row-start: 2; }
667
  .wp-block-jetpack-layout-grid.column1-tablet-grid__row-3 > .wp-block-jetpack-layout-grid-column:nth-child(1) {
668
+ -ms-grid-row: 3;
669
+ grid-row-start: 3; }
670
  .wp-block-jetpack-layout-grid.column2-tablet-grid__row-3 > .wp-block-jetpack-layout-grid-column:nth-child(2) {
671
+ -ms-grid-row: 3;
672
+ grid-row-start: 3; }
673
  .wp-block-jetpack-layout-grid.column3-tablet-grid__row-3 > .wp-block-jetpack-layout-grid-column:nth-child(3) {
674
+ -ms-grid-row: 3;
675
+ grid-row-start: 3; }
676
  .wp-block-jetpack-layout-grid.column4-tablet-grid__row-3 > .wp-block-jetpack-layout-grid-column:nth-child(4) {
677
+ -ms-grid-row: 3;
678
+ grid-row-start: 3; }
679
  .wp-block-jetpack-layout-grid.column1-tablet-grid__row-4 > .wp-block-jetpack-layout-grid-column:nth-child(1) {
680
+ -ms-grid-row: 4;
681
+ grid-row-start: 4; }
682
  .wp-block-jetpack-layout-grid.column2-tablet-grid__row-4 > .wp-block-jetpack-layout-grid-column:nth-child(2) {
683
+ -ms-grid-row: 4;
684
+ grid-row-start: 4; }
685
  .wp-block-jetpack-layout-grid.column3-tablet-grid__row-4 > .wp-block-jetpack-layout-grid-column:nth-child(3) {
686
+ -ms-grid-row: 4;
687
+ grid-row-start: 4; }
688
  .wp-block-jetpack-layout-grid.column4-tablet-grid__row-4 > .wp-block-jetpack-layout-grid-column:nth-child(4) {
689
+ -ms-grid-row: 4;
690
+ grid-row-start: 4; } }
691
  @media (min-width: 1080px) {
692
  .wp-block-jetpack-layout-grid {
693
+ -ms-grid-columns: (1fr)[12];
694
  grid-template-columns: repeat(12, 1fr); }
695
  .wp-block-jetpack-layout-grid.column1-desktop-grid__start-1 > .wp-block-jetpack-layout-grid-column:nth-child(1) {
696
+ -ms-grid-column: 1;
697
+ grid-column-start: 1; }
698
  .wp-block-jetpack-layout-grid.column2-desktop-grid__start-1 > .wp-block-jetpack-layout-grid-column:nth-child(2) {
699
+ -ms-grid-column: 1;
700
+ grid-column-start: 1; }
701
  .wp-block-jetpack-layout-grid.column3-desktop-grid__start-1 > .wp-block-jetpack-layout-grid-column:nth-child(3) {
702
+ -ms-grid-column: 1;
703
+ grid-column-start: 1; }
704
  .wp-block-jetpack-layout-grid.column4-desktop-grid__start-1 > .wp-block-jetpack-layout-grid-column:nth-child(4) {
705
+ -ms-grid-column: 1;
706
+ grid-column-start: 1; }
707
  .wp-block-jetpack-layout-grid.column1-desktop-grid__start-2 > .wp-block-jetpack-layout-grid-column:nth-child(1) {
708
+ -ms-grid-column: 2;
709
+ grid-column-start: 2; }
710
  .wp-block-jetpack-layout-grid.column2-desktop-grid__start-2 > .wp-block-jetpack-layout-grid-column:nth-child(2) {
711
+ -ms-grid-column: 2;
712
+ grid-column-start: 2; }
713
  .wp-block-jetpack-layout-grid.column3-desktop-grid__start-2 > .wp-block-jetpack-layout-grid-column:nth-child(3) {
714
+ -ms-grid-column: 2;
715
+ grid-column-start: 2; }
716
  .wp-block-jetpack-layout-grid.column4-desktop-grid__start-2 > .wp-block-jetpack-layout-grid-column:nth-child(4) {
717
+ -ms-grid-column: 2;
718
+ grid-column-start: 2; }
719
  .wp-block-jetpack-layout-grid.column1-desktop-grid__start-3 > .wp-block-jetpack-layout-grid-column:nth-child(1) {
720
+ -ms-grid-column: 3;
721
+ grid-column-start: 3; }
722
  .wp-block-jetpack-layout-grid.column2-desktop-grid__start-3 > .wp-block-jetpack-layout-grid-column:nth-child(2) {
723
+ -ms-grid-column: 3;
724
+ grid-column-start: 3; }
725
  .wp-block-jetpack-layout-grid.column3-desktop-grid__start-3 > .wp-block-jetpack-layout-grid-column:nth-child(3) {
726
+ -ms-grid-column: 3;
727
+ grid-column-start: 3; }
728
  .wp-block-jetpack-layout-grid.column4-desktop-grid__start-3 > .wp-block-jetpack-layout-grid-column:nth-child(4) {
729
+ -ms-grid-column: 3;
730
+ grid-column-start: 3; }
731
  .wp-block-jetpack-layout-grid.column1-desktop-grid__start-4 > .wp-block-jetpack-layout-grid-column:nth-child(1) {
732
+ -ms-grid-column: 4;
733
+ grid-column-start: 4; }
734
  .wp-block-jetpack-layout-grid.column2-desktop-grid__start-4 > .wp-block-jetpack-layout-grid-column:nth-child(2) {
735
+ -ms-grid-column: 4;
736
+ grid-column-start: 4; }
737
  .wp-block-jetpack-layout-grid.column3-desktop-grid__start-4 > .wp-block-jetpack-layout-grid-column:nth-child(3) {
738
+ -ms-grid-column: 4;
739
+ grid-column-start: 4; }
740
  .wp-block-jetpack-layout-grid.column4-desktop-grid__start-4 > .wp-block-jetpack-layout-grid-column:nth-child(4) {
741
+ -ms-grid-column: 4;
742
+ grid-column-start: 4; }
743
  .wp-block-jetpack-layout-grid.column1-desktop-grid__start-5 > .wp-block-jetpack-layout-grid-column:nth-child(1) {
744
+ -ms-grid-column: 5;
745
+ grid-column-start: 5; }
746
  .wp-block-jetpack-layout-grid.column2-desktop-grid__start-5 > .wp-block-jetpack-layout-grid-column:nth-child(2) {
747
+ -ms-grid-column: 5;
748
+ grid-column-start: 5; }
749
  .wp-block-jetpack-layout-grid.column3-desktop-grid__start-5 > .wp-block-jetpack-layout-grid-column:nth-child(3) {
750
+ -ms-grid-column: 5;
751
+ grid-column-start: 5; }
752
  .wp-block-jetpack-layout-grid.column4-desktop-grid__start-5 > .wp-block-jetpack-layout-grid-column:nth-child(4) {
753
+ -ms-grid-column: 5;
754
+ grid-column-start: 5; }
755
  .wp-block-jetpack-layout-grid.column1-desktop-grid__start-6 > .wp-block-jetpack-layout-grid-column:nth-child(1) {
756
+ -ms-grid-column: 6;
757
+ grid-column-start: 6; }
758
  .wp-block-jetpack-layout-grid.column2-desktop-grid__start-6 > .wp-block-jetpack-layout-grid-column:nth-child(2) {
759
+ -ms-grid-column: 6;
760
+ grid-column-start: 6; }
761
  .wp-block-jetpack-layout-grid.column3-desktop-grid__start-6 > .wp-block-jetpack-layout-grid-column:nth-child(3) {
762
+ -ms-grid-column: 6;
763
+ grid-column-start: 6; }
764
  .wp-block-jetpack-layout-grid.column4-desktop-grid__start-6 > .wp-block-jetpack-layout-grid-column:nth-child(4) {
765
+ -ms-grid-column: 6;
766
+ grid-column-start: 6; }
767
  .wp-block-jetpack-layout-grid.column1-desktop-grid__start-7 > .wp-block-jetpack-layout-grid-column:nth-child(1) {
768
+ -ms-grid-column: 7;
769
+ grid-column-start: 7; }
770
  .wp-block-jetpack-layout-grid.column2-desktop-grid__start-7 > .wp-block-jetpack-layout-grid-column:nth-child(2) {
771
+ -ms-grid-column: 7;
772
+ grid-column-start: 7; }
773
  .wp-block-jetpack-layout-grid.column3-desktop-grid__start-7 > .wp-block-jetpack-layout-grid-column:nth-child(3) {
774
+ -ms-grid-column: 7;
775
+ grid-column-start: 7; }
776
  .wp-block-jetpack-layout-grid.column4-desktop-grid__start-7 > .wp-block-jetpack-layout-grid-column:nth-child(4) {
777
+ -ms-grid-column: 7;
778
+ grid-column-start: 7; }
779
  .wp-block-jetpack-layout-grid.column1-desktop-grid__start-8 > .wp-block-jetpack-layout-grid-column:nth-child(1) {
780
+ -ms-grid-column: 8;
781
+ grid-column-start: 8; }
782
  .wp-block-jetpack-layout-grid.column2-desktop-grid__start-8 > .wp-block-jetpack-layout-grid-column:nth-child(2) {
783
+ -ms-grid-column: 8;
784
+ grid-column-start: 8; }
785
  .wp-block-jetpack-layout-grid.column3-desktop-grid__start-8 > .wp-block-jetpack-layout-grid-column:nth-child(3) {
786
+ -ms-grid-column: 8;
787
+ grid-column-start: 8; }
788
  .wp-block-jetpack-layout-grid.column4-desktop-grid__start-8 > .wp-block-jetpack-layout-grid-column:nth-child(4) {
789
+ -ms-grid-column: 8;
790
+ grid-column-start: 8; }
791
  .wp-block-jetpack-layout-grid.column1-desktop-grid__start-9 > .wp-block-jetpack-layout-grid-column:nth-child(1) {
792
+ -ms-grid-column: 9;
793
+ grid-column-start: 9; }
794
  .wp-block-jetpack-layout-grid.column2-desktop-grid__start-9 > .wp-block-jetpack-layout-grid-column:nth-child(2) {
795
+ -ms-grid-column: 9;
796
+ grid-column-start: 9; }
797
  .wp-block-jetpack-layout-grid.column3-desktop-grid__start-9 > .wp-block-jetpack-layout-grid-column:nth-child(3) {
798
+ -ms-grid-column: 9;
799
+ grid-column-start: 9; }
800
  .wp-block-jetpack-layout-grid.column4-desktop-grid__start-9 > .wp-block-jetpack-layout-grid-column:nth-child(4) {
801
+ -ms-grid-column: 9;
802
+ grid-column-start: 9; }
803
  .wp-block-jetpack-layout-grid.column1-desktop-grid__start-10 > .wp-block-jetpack-layout-grid-column:nth-child(1) {
804
+ -ms-grid-column: 10;
805
+ grid-column-start: 10; }
806
  .wp-block-jetpack-layout-grid.column2-desktop-grid__start-10 > .wp-block-jetpack-layout-grid-column:nth-child(2) {
807
+ -ms-grid-column: 10;
808
+ grid-column-start: 10; }
809
  .wp-block-jetpack-layout-grid.column3-desktop-grid__start-10 > .wp-block-jetpack-layout-grid-column:nth-child(3) {
810
+ -ms-grid-column: 10;
811
+ grid-column-start: 10; }
812
  .wp-block-jetpack-layout-grid.column4-desktop-grid__start-10 > .wp-block-jetpack-layout-grid-column:nth-child(4) {
813
+ -ms-grid-column: 10;
814
+ grid-column-start: 10; }
815
  .wp-block-jetpack-layout-grid.column1-desktop-grid__start-11 > .wp-block-jetpack-layout-grid-column:nth-child(1) {
816
+ -ms-grid-column: 11;
817
+ grid-column-start: 11; }
818
  .wp-block-jetpack-layout-grid.column2-desktop-grid__start-11 > .wp-block-jetpack-layout-grid-column:nth-child(2) {
819
+ -ms-grid-column: 11;
820
+ grid-column-start: 11; }
821
  .wp-block-jetpack-layout-grid.column3-desktop-grid__start-11 > .wp-block-jetpack-layout-grid-column:nth-child(3) {
822
+ -ms-grid-column: 11;
823
+ grid-column-start: 11; }
824
  .wp-block-jetpack-layout-grid.column4-desktop-grid__start-11 > .wp-block-jetpack-layout-grid-column:nth-child(4) {
825
+ -ms-grid-column: 11;
826
+ grid-column-start: 11; }
827
  .wp-block-jetpack-layout-grid.column1-desktop-grid__start-12 > .wp-block-jetpack-layout-grid-column:nth-child(1) {
828
+ -ms-grid-column: 12;
829
+ grid-column-start: 12; }
830
  .wp-block-jetpack-layout-grid.column2-desktop-grid__start-12 > .wp-block-jetpack-layout-grid-column:nth-child(2) {
831
+ -ms-grid-column: 12;
832
+ grid-column-start: 12; }
833
  .wp-block-jetpack-layout-grid.column3-desktop-grid__start-12 > .wp-block-jetpack-layout-grid-column:nth-child(3) {
834
+ -ms-grid-column: 12;
835
+ grid-column-start: 12; }
836
  .wp-block-jetpack-layout-grid.column4-desktop-grid__start-12 > .wp-block-jetpack-layout-grid-column:nth-child(4) {
837
+ -ms-grid-column: 12;
838
+ grid-column-start: 12; }
839
  .wp-block-jetpack-layout-grid.column1-desktop-grid__span-1 > .wp-block-jetpack-layout-grid-column:nth-child(1) {
840
+ -ms-grid-column-span: 1;
841
  grid-column-end: span 1; }
842
  .wp-block-jetpack-layout-grid.column2-desktop-grid__span-1 > .wp-block-jetpack-layout-grid-column:nth-child(2) {
843
+ -ms-grid-column-span: 1;
844
  grid-column-end: span 1; }
845
  .wp-block-jetpack-layout-grid.column3-desktop-grid__span-1 > .wp-block-jetpack-layout-grid-column:nth-child(3) {
846
+ -ms-grid-column-span: 1;
847
  grid-column-end: span 1; }
848
  .wp-block-jetpack-layout-grid.column4-desktop-grid__span-1 > .wp-block-jetpack-layout-grid-column:nth-child(4) {
849
+ -ms-grid-column-span: 1;
850
  grid-column-end: span 1; }
851
  .wp-block-jetpack-layout-grid.column1-desktop-grid__span-2 > .wp-block-jetpack-layout-grid-column:nth-child(1) {
852
+ -ms-grid-column-span: 2;
853
  grid-column-end: span 2; }
854
  .wp-block-jetpack-layout-grid.column2-desktop-grid__span-2 > .wp-block-jetpack-layout-grid-column:nth-child(2) {
855
+ -ms-grid-column-span: 2;
856
  grid-column-end: span 2; }
857
  .wp-block-jetpack-layout-grid.column3-desktop-grid__span-2 > .wp-block-jetpack-layout-grid-column:nth-child(3) {
858
+ -ms-grid-column-span: 2;
859
  grid-column-end: span 2; }
860
  .wp-block-jetpack-layout-grid.column4-desktop-grid__span-2 > .wp-block-jetpack-layout-grid-column:nth-child(4) {
861
+ -ms-grid-column-span: 2;
862
  grid-column-end: span 2; }
863
  .wp-block-jetpack-layout-grid.column1-desktop-grid__span-3 > .wp-block-jetpack-layout-grid-column:nth-child(1) {
864
+ -ms-grid-column-span: 3;
865
  grid-column-end: span 3; }
866
  .wp-block-jetpack-layout-grid.column2-desktop-grid__span-3 > .wp-block-jetpack-layout-grid-column:nth-child(2) {
867
+ -ms-grid-column-span: 3;
868
  grid-column-end: span 3; }
869
  .wp-block-jetpack-layout-grid.column3-desktop-grid__span-3 > .wp-block-jetpack-layout-grid-column:nth-child(3) {
870
+ -ms-grid-column-span: 3;
871
  grid-column-end: span 3; }
872
  .wp-block-jetpack-layout-grid.column4-desktop-grid__span-3 > .wp-block-jetpack-layout-grid-column:nth-child(4) {
873
+ -ms-grid-column-span: 3;
874
  grid-column-end: span 3; }
875
  .wp-block-jetpack-layout-grid.column1-desktop-grid__span-4 > .wp-block-jetpack-layout-grid-column:nth-child(1) {
876
+ -ms-grid-column-span: 4;
877
  grid-column-end: span 4; }
878
  .wp-block-jetpack-layout-grid.column2-desktop-grid__span-4 > .wp-block-jetpack-layout-grid-column:nth-child(2) {
879
+ -ms-grid-column-span: 4;
880
  grid-column-end: span 4; }
881
  .wp-block-jetpack-layout-grid.column3-desktop-grid__span-4 > .wp-block-jetpack-layout-grid-column:nth-child(3) {
882
+ -ms-grid-column-span: 4;
883
  grid-column-end: span 4; }
884
  .wp-block-jetpack-layout-grid.column4-desktop-grid__span-4 > .wp-block-jetpack-layout-grid-column:nth-child(4) {
885
+ -ms-grid-column-span: 4;
886
  grid-column-end: span 4; }
887
  .wp-block-jetpack-layout-grid.column1-desktop-grid__span-5 > .wp-block-jetpack-layout-grid-column:nth-child(1) {
888
+ -ms-grid-column-span: 5;
889
  grid-column-end: span 5; }
890
  .wp-block-jetpack-layout-grid.column2-desktop-grid__span-5 > .wp-block-jetpack-layout-grid-column:nth-child(2) {
891
+ -ms-grid-column-span: 5;
892
  grid-column-end: span 5; }
893
  .wp-block-jetpack-layout-grid.column3-desktop-grid__span-5 > .wp-block-jetpack-layout-grid-column:nth-child(3) {
894
+ -ms-grid-column-span: 5;
895
  grid-column-end: span 5; }
896
  .wp-block-jetpack-layout-grid.column4-desktop-grid__span-5 > .wp-block-jetpack-layout-grid-column:nth-child(4) {
897
+ -ms-grid-column-span: 5;
898
  grid-column-end: span 5; }
899
  .wp-block-jetpack-layout-grid.column1-desktop-grid__span-6 > .wp-block-jetpack-layout-grid-column:nth-child(1) {
900
+ -ms-grid-column-span: 6;
901
  grid-column-end: span 6; }
902
  .wp-block-jetpack-layout-grid.column2-desktop-grid__span-6 > .wp-block-jetpack-layout-grid-column:nth-child(2) {
903
+ -ms-grid-column-span: 6;
904
  grid-column-end: span 6; }
905
  .wp-block-jetpack-layout-grid.column3-desktop-grid__span-6 > .wp-block-jetpack-layout-grid-column:nth-child(3) {
906
+ -ms-grid-column-span: 6;
907
  grid-column-end: span 6; }
908
  .wp-block-jetpack-layout-grid.column4-desktop-grid__span-6 > .wp-block-jetpack-layout-grid-column:nth-child(4) {
909
+ -ms-grid-column-span: 6;
910
  grid-column-end: span 6; }
911
  .wp-block-jetpack-layout-grid.column1-desktop-grid__span-7 > .wp-block-jetpack-layout-grid-column:nth-child(1) {
912
+ -ms-grid-column-span: 7;
913
  grid-column-end: span 7; }
914
  .wp-block-jetpack-layout-grid.column2-desktop-grid__span-7 > .wp-block-jetpack-layout-grid-column:nth-child(2) {
915
+ -ms-grid-column-span: 7;
916
  grid-column-end: span 7; }
917
  .wp-block-jetpack-layout-grid.column3-desktop-grid__span-7 > .wp-block-jetpack-layout-grid-column:nth-child(3) {
918
+ -ms-grid-column-span: 7;
919
  grid-column-end: span 7; }
920
  .wp-block-jetpack-layout-grid.column4-desktop-grid__span-7 > .wp-block-jetpack-layout-grid-column:nth-child(4) {
921
+ -ms-grid-column-span: 7;
922
  grid-column-end: span 7; }
923
  .wp-block-jetpack-layout-grid.column1-desktop-grid__span-8 > .wp-block-jetpack-layout-grid-column:nth-child(1) {
924
+ -ms-grid-column-span: 8;
925
  grid-column-end: span 8; }
926
  .wp-block-jetpack-layout-grid.column2-desktop-grid__span-8 > .wp-block-jetpack-layout-grid-column:nth-child(2) {
927
+ -ms-grid-column-span: 8;
928
  grid-column-end: span 8; }
929
  .wp-block-jetpack-layout-grid.column3-desktop-grid__span-8 > .wp-block-jetpack-layout-grid-column:nth-child(3) {
930
+ -ms-grid-column-span: 8;
931
  grid-column-end: span 8; }
932
  .wp-block-jetpack-layout-grid.column4-desktop-grid__span-8 > .wp-block-jetpack-layout-grid-column:nth-child(4) {
933
+ -ms-grid-column-span: 8;
934
  grid-column-end: span 8; }
935
  .wp-block-jetpack-layout-grid.column1-desktop-grid__span-9 > .wp-block-jetpack-layout-grid-column:nth-child(1) {
936
+ -ms-grid-column-span: 9;
937
  grid-column-end: span 9; }
938
  .wp-block-jetpack-layout-grid.column2-desktop-grid__span-9 > .wp-block-jetpack-layout-grid-column:nth-child(2) {
939
+ -ms-grid-column-span: 9;
940
  grid-column-end: span 9; }
941
  .wp-block-jetpack-layout-grid.column3-desktop-grid__span-9 > .wp-block-jetpack-layout-grid-column:nth-child(3) {
942
+ -ms-grid-column-span: 9;
943
  grid-column-end: span 9; }
944
  .wp-block-jetpack-layout-grid.column4-desktop-grid__span-9 > .wp-block-jetpack-layout-grid-column:nth-child(4) {
945
+ -ms-grid-column-span: 9;
946
  grid-column-end: span 9; }
947
  .wp-block-jetpack-layout-grid.column1-desktop-grid__span-10 > .wp-block-jetpack-layout-grid-column:nth-child(1) {
948
+ -ms-grid-column-span: 10;
949
  grid-column-end: span 10; }
950
  .wp-block-jetpack-layout-grid.column2-desktop-grid__span-10 > .wp-block-jetpack-layout-grid-column:nth-child(2) {
951
+ -ms-grid-column-span: 10;
952
  grid-column-end: span 10; }
953
  .wp-block-jetpack-layout-grid.column3-desktop-grid__span-10 > .wp-block-jetpack-layout-grid-column:nth-child(3) {
954
+ -ms-grid-column-span: 10;
955
  grid-column-end: span 10; }
956
  .wp-block-jetpack-layout-grid.column4-desktop-grid__span-10 > .wp-block-jetpack-layout-grid-column:nth-child(4) {
957
+ -ms-grid-column-span: 10;
958
  grid-column-end: span 10; }
959
  .wp-block-jetpack-layout-grid.column1-desktop-grid__span-11 > .wp-block-jetpack-layout-grid-column:nth-child(1) {
960
+ -ms-grid-column-span: 11;
961
  grid-column-end: span 11; }
962
  .wp-block-jetpack-layout-grid.column2-desktop-grid__span-11 > .wp-block-jetpack-layout-grid-column:nth-child(2) {
963
+ -ms-grid-column-span: 11;
964
  grid-column-end: span 11; }
965
  .wp-block-jetpack-layout-grid.column3-desktop-grid__span-11 > .wp-block-jetpack-layout-grid-column:nth-child(3) {
966
+ -ms-grid-column-span: 11;
967
  grid-column-end: span 11; }
968
  .wp-block-jetpack-layout-grid.column4-desktop-grid__span-11 > .wp-block-jetpack-layout-grid-column:nth-child(4) {
969
+ -ms-grid-column-span: 11;
970
  grid-column-end: span 11; }
971
  .wp-block-jetpack-layout-grid.column1-desktop-grid__span-12 > .wp-block-jetpack-layout-grid-column:nth-child(1) {
972
+ -ms-grid-column-span: 12;
973
  grid-column-end: span 12; }
974
  .wp-block-jetpack-layout-grid.column2-desktop-grid__span-12 > .wp-block-jetpack-layout-grid-column:nth-child(2) {
975
+ -ms-grid-column-span: 12;
976
  grid-column-end: span 12; }
977
  .wp-block-jetpack-layout-grid.column3-desktop-grid__span-12 > .wp-block-jetpack-layout-grid-column:nth-child(3) {
978
+ -ms-grid-column-span: 12;
979
  grid-column-end: span 12; }
980
  .wp-block-jetpack-layout-grid.column4-desktop-grid__span-12 > .wp-block-jetpack-layout-grid-column:nth-child(4) {
981
+ -ms-grid-column-span: 12;
982
  grid-column-end: span 12; }
983
  .wp-block-jetpack-layout-grid.column1-desktop-grid__row-1 > .wp-block-jetpack-layout-grid-column:nth-child(1) {
984
+ -ms-grid-row: 1;
985
+ grid-row-start: 1; }
986
  .wp-block-jetpack-layout-grid.column2-desktop-grid__row-1 > .wp-block-jetpack-layout-grid-column:nth-child(2) {
987
+ -ms-grid-row: 1;
988
+ grid-row-start: 1; }
989
  .wp-block-jetpack-layout-grid.column3-desktop-grid__row-1 > .wp-block-jetpack-layout-grid-column:nth-child(3) {
990
+ -ms-grid-row: 1;
991
+ grid-row-start: 1; }
992
  .wp-block-jetpack-layout-grid.column4-desktop-grid__row-1 > .wp-block-jetpack-layout-grid-column:nth-child(4) {
993
+ -ms-grid-row: 1;
994
+ grid-row-start: 1; }
995
  .wp-block-jetpack-layout-grid.column1-desktop-grid__row-2 > .wp-block-jetpack-layout-grid-column:nth-child(1) {
996
+ -ms-grid-row: 2;
997
+ grid-row-start: 2; }
998
  .wp-block-jetpack-layout-grid.column2-desktop-grid__row-2 > .wp-block-jetpack-layout-grid-column:nth-child(2) {
999
+ -ms-grid-row: 2;
1000
+ grid-row-start: 2; }
1001
  .wp-block-jetpack-layout-grid.column3-desktop-grid__row-2 > .wp-block-jetpack-layout-grid-column:nth-child(3) {
1002
+ -ms-grid-row: 2;
1003
+ grid-row-start: 2; }
1004
  .wp-block-jetpack-layout-grid.column4-desktop-grid__row-2 > .wp-block-jetpack-layout-grid-column:nth-child(4) {
1005
+ -ms-grid-row: 2;
1006
+ grid-row-start: 2; }
1007
  .wp-block-jetpack-layout-grid.column1-desktop-grid__row-3 > .wp-block-jetpack-layout-grid-column:nth-child(1) {
1008
+ -ms-grid-row: 3;
1009
+ grid-row-start: 3; }
1010
  .wp-block-jetpack-layout-grid.column2-desktop-grid__row-3 > .wp-block-jetpack-layout-grid-column:nth-child(2) {
1011
+ -ms-grid-row: 3;
1012
+ grid-row-start: 3; }
1013
  .wp-block-jetpack-layout-grid.column3-desktop-grid__row-3 > .wp-block-jetpack-layout-grid-column:nth-child(3) {
1014
+ -ms-grid-row: 3;
1015
+ grid-row-start: 3; }
1016
  .wp-block-jetpack-layout-grid.column4-desktop-grid__row-3 > .wp-block-jetpack-layout-grid-column:nth-child(4) {
1017
+ -ms-grid-row: 3;
1018
+ grid-row-start: 3; }
1019
  .wp-block-jetpack-layout-grid.column1-desktop-grid__row-4 > .wp-block-jetpack-layout-grid-column:nth-child(1) {
1020
+ -ms-grid-row: 4;
1021
+ grid-row-start: 4; }
1022
  .wp-block-jetpack-layout-grid.column2-desktop-grid__row-4 > .wp-block-jetpack-layout-grid-column:nth-child(2) {
1023
+ -ms-grid-row: 4;
1024
+ grid-row-start: 4; }
1025
  .wp-block-jetpack-layout-grid.column3-desktop-grid__row-4 > .wp-block-jetpack-layout-grid-column:nth-child(3) {
1026
+ -ms-grid-row: 4;
1027
+ grid-row-start: 4; }
1028
  .wp-block-jetpack-layout-grid.column4-desktop-grid__row-4 > .wp-block-jetpack-layout-grid-column:nth-child(4) {
1029
+ -ms-grid-row: 4;
1030
+ grid-row-start: 4; } }
1031
+ .wp-block-jetpack-layout-grid .wp-block-jetpack-layout-grid-column * {
1032
+ word-break: break-word;
1033
+ word-wrap: break-word; }
1034
+ .wp-block-jetpack-layout-grid.wp-block-jetpack-layout-gutter__none {
1035
+ grid-gap: 0px; }
1036
+ .wp-block-jetpack-layout-grid.wp-block-jetpack-layout-gutter__small {
1037
+ grid-gap: 8px; }
1038
+ .wp-block-jetpack-layout-grid.wp-block-jetpack-layout-gutter__medium {
1039
+ grid-gap: 16px; }
1040
+ .wp-block-jetpack-layout-grid.wp-block-jetpack-layout-gutter__huge {
1041
+ grid-gap: 48px; }
1042
+
1043
+ @-moz-document url-prefix() {
1044
+ .wp-block-jetpack-layout-grid .wp-block-cover {
1045
+ max-height: 0; } }
blocks/layout-grid.php CHANGED
@@ -12,9 +12,11 @@ add_action( 'init', function() {
12
  'style' => 'jetpack-layout-grid',
13
  'editor_style' => 'jetpack-layout-grid-editor',
14
  ] );
 
 
15
  } );
16
 
17
- add_action( 'wp_head', function() {
18
  wp_enqueue_style(
19
  'wpcom-layout-grid-front',
20
  plugins_url( 'front.css', __FILE__ ),
12
  'style' => 'jetpack-layout-grid',
13
  'editor_style' => 'jetpack-layout-grid-editor',
14
  ] );
15
+
16
+ wp_set_script_translations( 'jetpack/layout-grid', 'layout-grid' );
17
  } );
18
 
19
+ add_action( 'wp_enqueue_scripts', function() {
20
  wp_enqueue_style(
21
  'wpcom-layout-grid-front',
22
  plugins_url( 'front.css', __FILE__ ),
editor.css CHANGED
@@ -12,24 +12,67 @@
12
  grid-template-columns: repeat(12, 1fr);
13
  padding-left: 24px;
14
  padding-right: 24px;
15
- z-index: 0; }
 
16
  .is-hovered .wpcom-overlay-grid,
17
  .is-selected .wpcom-overlay-grid,
18
  .has-child-selected .wpcom-overlay-grid {
19
  position: absolute; }
 
 
20
  .wpcom-overlay-grid .wpcom-overlay-grid__column {
21
- border-left: 1px solid transparent;
22
- border-right: 1px solid transparent;
23
  transition: border .4s ease; }
24
  .has-child-selected .wpcom-overlay-grid .wpcom-overlay-grid__column,
25
  .is-hovered .wpcom-overlay-grid .wpcom-overlay-grid__column,
26
  .is-selected .wpcom-overlay-grid .wpcom-overlay-grid__column {
27
- border-left: 1px solid #e2e4e7;
28
- border-right: 1px solid #e2e4e7; }
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
29
 
30
- body.is-resizing .wpcom-overlay-grid .wpcom-overlay-grid__column {
31
- border-left: 1px solid #e2e4e7;
32
- border-right: 1px solid #e2e4e7; }
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
33
 
34
  /**
35
  * Resize grid overlay
@@ -41,23 +84,21 @@ body.is-resizing .wpcom-overlay-grid .wpcom-overlay-grid__column {
41
  left: 0;
42
  width: 100%;
43
  height: 100%;
44
- touch-action: none;
45
- margin-left: 0;
46
- margin-right: 0; }
47
- .wp-block-jetpack-layout-grid .wpcom-resize-grid:not(.wpcom-resize-grid__resizing) {
48
- display: grid;
49
- grid-gap: 24px;
50
- grid-template-columns: repeat(12, 1fr);
51
- padding-left: 24px;
52
- padding-right: 24px; }
53
- .wp-block-jetpack-layout-grid .wpcom-resize-grid > .wp-block > .block-editor-block-list__block-edit > [data-block] {
54
- margin-top: 0;
55
- margin-bottom: 0; }
56
  .wp-block-jetpack-layout-grid .wpcom-resize-grid .wp-block {
57
  max-width: none; }
58
- .wp-block-jetpack-layout-grid .wpcom-resize-grid.wpcom-resize-grid__resizing .wpcom-resize-grid__column-resizing {
59
- position: absolute !important;
60
- height: 100%; }
 
 
 
 
 
 
 
 
 
61
 
62
  .wpcom-resize-grid__column-hidden {
63
  display: none; }
@@ -73,33 +114,6 @@ body.is-resizing .wpcom-overlay-grid .wpcom-overlay-grid__column {
73
  body.is-resizing [data-type="jetpack/layout-grid"] {
74
  overflow: inherit; }
75
 
76
- /**
77
- * Scale down the Grid Block when Selected.
78
- */
79
- [data-type="jetpack/layout-grid"][data-align="full"].has-child-selected,
80
- [data-type="jetpack/layout-grid"][data-align="full"].is-selected,
81
- body.is-resizing [data-type="jetpack/layout-grid"][data-align="full"] {
82
- width: 100%;
83
- margin-left: auto;
84
- margin-right: auto; }
85
- [data-type="jetpack/layout-grid"][data-align="full"].has-child-selected::before,
86
- [data-type="jetpack/layout-grid"][data-align="full"].is-selected::before,
87
- body.is-resizing [data-type="jetpack/layout-grid"][data-align="full"]::before {
88
- border-right-width: 1px; }
89
- [data-type="jetpack/layout-grid"][data-align="full"].has-child-selected .block-editor-block-list__block-edit::before,
90
- [data-type="jetpack/layout-grid"][data-align="full"].is-selected .block-editor-block-list__block-edit::before,
91
- body.is-resizing [data-type="jetpack/layout-grid"][data-align="full"] .block-editor-block-list__block-edit::before {
92
- border-right-width: 1px; }
93
-
94
- [data-type="jetpack/layout-grid"][data-align="full"].has-child-selected > .block-editor-block-list__block-edit,
95
- [data-type="jetpack/layout-grid"][data-align="full"].is-selected > .block-editor-block-list__block-edit,
96
- body.is-resizing [data-type="jetpack/layout-grid"][data-align="full"] > .block-editor-block-list__block-edit {
97
- width: calc( 100% + 30px + 30px + 8px); }
98
- .wp-block-group [data-type="jetpack/layout-grid"][data-align="full"].has-child-selected > .block-editor-block-list__block-edit, .wp-block-group
99
- [data-type="jetpack/layout-grid"][data-align="full"].is-selected > .block-editor-block-list__block-edit, .wp-block-group
100
- body.is-resizing [data-type="jetpack/layout-grid"][data-align="full"] > .block-editor-block-list__block-edit {
101
- width: calc( 100% - 28px - 28px - 8px); }
102
-
103
  /**
104
  * Grid columns
105
  */
@@ -117,11 +131,21 @@ body.is-resizing [data-type="jetpack/layout-grid"][data-align="full"] > .block-e
117
  .wp-block-jetpack-layout-grid > .block-editor-inner-blocks > .block-editor-block-list__layout .wp-block {
118
  max-width: none; }
119
 
 
 
 
 
 
 
 
 
 
 
 
 
120
  .wp-block-jetpack-layout-grid {
121
  display: flex;
122
- flex-direction: column;
123
- touch-action: none;
124
- user-select: none; }
125
  .wp-block-jetpack-layout-grid.column1-grid__start-1 > .wpcom-resize-grid > .wp-block:nth-child(1),
126
  .wp-block-jetpack-layout-grid.column1-grid__start-1 > .block-editor-inner-blocks > .block-editor-block-list__layout > .wp-block:nth-child(1) {
127
  grid-column-start: 1; }
@@ -566,18 +590,10 @@ body.is-resizing [data-type="jetpack/layout-grid"][data-align="full"] > .block-e
566
  margin: 0;
567
  padding-left: 0;
568
  padding-right: 0; }
569
- [data-type="jetpack/layout-grid-column"].wp-block > .block-editor-block-list__block-edit {
570
- padding-left: 0;
571
- margin-left: 0;
572
- padding-right: 0;
573
- margin-right: 0; }
574
 
575
  /**
576
  * Visual Glitches
577
  */
578
- [data-type="jetpack/layout-grid"] .block-editor-block-list__block:not(.is-selected) > .block-editor-block-list__block-edit::before {
579
- border-color: transparent !important; }
580
-
581
  [data-type="jetpack/layout-grid-column"] > .block-editor-block-list__block-edit,
582
  [data-type="jetpack/layout-grid-column"] > .block-editor-block-list__block-edit > [data-block],
583
  .wp-block-jetpack-layout-grid-column {
@@ -587,24 +603,13 @@ body.is-resizing [data-type="jetpack/layout-grid"][data-align="full"] > .block-e
587
 
588
  [data-type="jetpack/layout-grid"][data-align="full"] {
589
  display: flex;
590
- flex-direction: column;
591
- align-items: center; }
592
- [data-type="jetpack/layout-grid"][data-align="full"] > div {
593
  width: 100%; }
594
- [data-type="jetpack/layout-grid"][data-align="full"] > .block-editor-block-list__block-edit {
595
- transition: all .1s ease;
596
- width: calc( 100% + 58px + 58px); }
597
- .wp-block-group [data-type="jetpack/layout-grid"][data-align="full"] > .block-editor-block-list__block-edit {
598
- width: 100%; }
599
-
600
- [data-type="jetpack/layout-grid"] > .block-editor-block-list__block-edit > .block-editor-block-contextual-toolbar > .block-editor-block-toolbar > .block-editor-block-switcher + .block-editor-block-toolbar__slot {
601
- display: none; }
602
-
603
- [data-type="jetpack/layout-grid-column"].is-hovered > .block-editor-block-list__block-edit > .block-editor-block-list__breadcrumb {
604
- display: none; }
605
 
606
- [data-type="jetpack/layout-grid-column"].is-hovered > .block-editor-block-list__block-edit::before {
607
- content: none; }
608
 
609
  /**
610
  * Inspector Controls
@@ -657,18 +662,41 @@ body.is-resizing [data-type="jetpack/layout-grid"][data-align="full"] > .block-e
657
  line-height: inherit;
658
  background: #fff; }
659
 
660
- .jetpack-layout-grid-previewing {
661
- font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;
662
- font-size: 13px;
663
- position: absolute;
664
- bottom: -38px;
665
- left: -3px;
666
- padding: 0 8px;
 
667
  height: 24px;
668
- background-color: rgba(0, 0, 0, 0.8);
669
- color: #fff;
670
- display: none; }
671
-
672
- [data-type="jetpack/layout-grid"].has-child-selected .jetpack-layout-grid-previewing,
673
- [data-type="jetpack/layout-grid"].is-selected .jetpack-layout-grid-previewing {
674
- display: block; }
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
12
  grid-template-columns: repeat(12, 1fr);
13
  padding-left: 24px;
14
  padding-right: 24px;
15
+ z-index: 0;
16
+ color: rgba(0, 0, 0, 0.03); }
17
  .is-hovered .wpcom-overlay-grid,
18
  .is-selected .wpcom-overlay-grid,
19
  .has-child-selected .wpcom-overlay-grid {
20
  position: absolute; }
21
+ .is-dark-theme .wpcom-overlay-grid {
22
+ color: rgba(255, 255, 255, 0.15); }
23
  .wpcom-overlay-grid .wpcom-overlay-grid__column {
 
 
24
  transition: border .4s ease; }
25
  .has-child-selected .wpcom-overlay-grid .wpcom-overlay-grid__column,
26
  .is-hovered .wpcom-overlay-grid .wpcom-overlay-grid__column,
27
  .is-selected .wpcom-overlay-grid .wpcom-overlay-grid__column {
28
+ box-shadow: -12px 0 0 0 currentColor, 12px 0 0 0 currentColor; }
29
+ .has-child-selected .wp-block-jetpack-layout-gutter__none .wpcom-overlay-grid .wpcom-overlay-grid__column,
30
+ .is-hovered .wp-block-jetpack-layout-gutter__none .wpcom-overlay-grid .wpcom-overlay-grid__column,
31
+ .is-selected .wp-block-jetpack-layout-gutter__none .wpcom-overlay-grid .wpcom-overlay-grid__column {
32
+ box-shadow: -1px 0 0 0 currentColor, 1px 0 0 0 currentColor; }
33
+ .has-child-selected .wp-block-jetpack-layout-gutter__small .wpcom-overlay-grid .wpcom-overlay-grid__column,
34
+ .is-hovered .wp-block-jetpack-layout-gutter__small .wpcom-overlay-grid .wpcom-overlay-grid__column,
35
+ .is-selected .wp-block-jetpack-layout-gutter__small .wpcom-overlay-grid .wpcom-overlay-grid__column {
36
+ box-shadow: -4px 0 0 0 currentColor, 4px 0 0 0 currentColor; }
37
+ .has-child-selected .wp-block-jetpack-layout-gutter__medium .wpcom-overlay-grid .wpcom-overlay-grid__column,
38
+ .is-hovered .wp-block-jetpack-layout-gutter__medium .wpcom-overlay-grid .wpcom-overlay-grid__column,
39
+ .is-selected .wp-block-jetpack-layout-gutter__medium .wpcom-overlay-grid .wpcom-overlay-grid__column {
40
+ box-shadow: -8px 0 0 0 currentColor, 8px 0 0 0 currentColor; }
41
+ .has-child-selected .wp-block-jetpack-layout-gutter__huge .wpcom-overlay-grid .wpcom-overlay-grid__column,
42
+ .is-hovered .wp-block-jetpack-layout-gutter__huge .wpcom-overlay-grid .wpcom-overlay-grid__column,
43
+ .is-selected .wp-block-jetpack-layout-gutter__huge .wpcom-overlay-grid .wpcom-overlay-grid__column {
44
+ box-shadow: -24px 0 0 0 currentColor, 24px 0 0 0 currentColor; }
45
 
46
+ .wpcom-overlay-grid {
47
+ box-shadow: inset -12px 0 0 0 currentColor, inset 12px 0 0 0 currentColor; }
48
+
49
+ .wp-block-jetpack-layout-gutter__none .wpcom-overlay-grid {
50
+ grid-gap: 0px;
51
+ padding-left: 24px;
52
+ padding-right: 24px; }
53
+
54
+ .wp-block-jetpack-layout-gutter__small .wpcom-overlay-grid {
55
+ grid-gap: 8px;
56
+ padding-left: 8px;
57
+ padding-right: 8px;
58
+ box-shadow: inset -4px 0 0 0 currentColor, inset 4px 0 0 0 currentColor; }
59
+
60
+ .wp-block-jetpack-layout-gutter__medium .wpcom-overlay-grid {
61
+ grid-gap: 16px;
62
+ padding-left: 16px;
63
+ padding-right: 16px;
64
+ box-shadow: inset -8px 0 0 0 currentColor, inset 8px 0 0 0 currentColor; }
65
+
66
+ .wp-block-jetpack-layout-gutter__huge .wpcom-overlay-grid {
67
+ grid-gap: 48px;
68
+ padding-left: 48px;
69
+ padding-right: 48px;
70
+ box-shadow: inset -24px 0 0 0 currentColor, inset 24px 0 0 0 currentColor; }
71
+
72
+ .wp-block-jetpack-layout-gutter__nowrap .wpcom-overlay-grid {
73
+ padding-left: 0px;
74
+ padding-right: 0px;
75
+ box-shadow: none; }
76
 
77
  /**
78
  * Resize grid overlay
84
  left: 0;
85
  width: 100%;
86
  height: 100%;
87
+ touch-action: none; }
 
 
 
 
 
 
 
 
 
 
 
88
  .wp-block-jetpack-layout-grid .wpcom-resize-grid .wp-block {
89
  max-width: none; }
90
+
91
+ .wp-block-jetpack-layout-grid.wp-block-jetpack-layout-gutter__none .wpcom-resize-grid:not(.wpcom-resize-grid__resizing) {
92
+ grid-gap: 0px; }
93
+
94
+ .wp-block-jetpack-layout-grid.wp-block-jetpack-layout-gutter__small .wpcom-resize-grid:not(.wpcom-resize-grid__resizing) {
95
+ grid-gap: 8px; }
96
+
97
+ .wp-block-jetpack-layout-grid.wp-block-jetpack-layout-gutter__medium .wpcom-resize-grid:not(.wpcom-resize-grid__resizing) {
98
+ grid-gap: 16px; }
99
+
100
+ .wp-block-jetpack-layout-grid.wp-block-jetpack-layout-gutter__huge .wpcom-resize-grid:not(.wpcom-resize-grid__resizing) {
101
+ grid-gap: 48px; }
102
 
103
  .wpcom-resize-grid__column-hidden {
104
  display: none; }
114
  body.is-resizing [data-type="jetpack/layout-grid"] {
115
  overflow: inherit; }
116
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
117
  /**
118
  * Grid columns
119
  */
131
  .wp-block-jetpack-layout-grid > .block-editor-inner-blocks > .block-editor-block-list__layout .wp-block {
132
  max-width: none; }
133
 
134
+ .wp-block-jetpack-layout-grid.wp-block-jetpack-layout-gutter__none > .block-editor-inner-blocks > .block-editor-block-list__layout {
135
+ grid-gap: 0px; }
136
+
137
+ .wp-block-jetpack-layout-grid.wp-block-jetpack-layout-gutter__small > .block-editor-inner-blocks > .block-editor-block-list__layout {
138
+ grid-gap: 8px; }
139
+
140
+ .wp-block-jetpack-layout-grid.wp-block-jetpack-layout-gutter__medium > .block-editor-inner-blocks > .block-editor-block-list__layout {
141
+ grid-gap: 16px; }
142
+
143
+ .wp-block-jetpack-layout-grid.wp-block-jetpack-layout-gutter__huge > .block-editor-inner-blocks > .block-editor-block-list__layout {
144
+ grid-gap: 48px; }
145
+
146
  .wp-block-jetpack-layout-grid {
147
  display: flex;
148
+ flex-direction: column; }
 
 
149
  .wp-block-jetpack-layout-grid.column1-grid__start-1 > .wpcom-resize-grid > .wp-block:nth-child(1),
150
  .wp-block-jetpack-layout-grid.column1-grid__start-1 > .block-editor-inner-blocks > .block-editor-block-list__layout > .wp-block:nth-child(1) {
151
  grid-column-start: 1; }
590
  margin: 0;
591
  padding-left: 0;
592
  padding-right: 0; }
 
 
 
 
 
593
 
594
  /**
595
  * Visual Glitches
596
  */
 
 
 
597
  [data-type="jetpack/layout-grid-column"] > .block-editor-block-list__block-edit,
598
  [data-type="jetpack/layout-grid-column"] > .block-editor-block-list__block-edit > [data-block],
599
  .wp-block-jetpack-layout-grid-column {
603
 
604
  [data-type="jetpack/layout-grid"][data-align="full"] {
605
  display: flex;
606
+ flex-direction: column; }
607
+ [data-type="jetpack/layout-grid"][data-align="full"] > div,
608
+ [data-type="jetpack/layout-grid"][data-align="full"] .is-block-content {
609
  width: 100%; }
 
 
 
 
 
 
 
 
 
 
 
610
 
611
+ .wp-block-jetpack-layout-grid-column > .block-editor-inner-blocks > .block-editor-block-list__layout > .block-list-appender {
612
+ margin: 28px 0; }
613
 
614
  /**
615
  * Inspector Controls
662
  line-height: inherit;
663
  background: #fff; }
664
 
665
+ /**
666
+ * Redesign resize handles to handle literal edge cases.
667
+ */
668
+ [data-type="jetpack/layout-grid"] .wpcom-overlay-resize__handle .components-resizable-box__side-handle::after,
669
+ [data-type="jetpack/layout-grid"] .wp-blocks-jetpack-layout-grid__resize-handles .components-resizable-box__side-handle::after {
670
+ width: 8px;
671
+ border: none;
672
+ border-radius: 0;
673
  height: 24px;
674
+ top: 50%;
675
+ transform: translateY(-50%);
676
+ right: calc(50% - 4px); }
677
+
678
+ [data-type="jetpack/layout-grid"] .wpcom-overlay-resize__handle .components-resizable-box__side-handle::before,
679
+ [data-type="jetpack/layout-grid"] .wp-blocks-jetpack-layout-grid__resize-handles .components-resizable-box__side-handle::before {
680
+ width: 2px;
681
+ right: calc(50% - 1px);
682
+ border: none; }
683
+
684
+ [data-type="jetpack/layout-grid"] .wp-block-jetpack-layout-gutter__nowrap .wpcom-overlay-resize__handle .components-resizable-box__side-handle.components-resizable-box__handle-right,
685
+ [data-type="jetpack/layout-grid"] .wp-block-jetpack-layout-gutter__nowrap .wp-blocks-jetpack-layout-grid__resize-handles .components-resizable-box__side-handle.components-resizable-box__handle-right {
686
+ right: 0; }
687
+ [data-type="jetpack/layout-grid"] .wp-block-jetpack-layout-gutter__nowrap .wpcom-overlay-resize__handle .components-resizable-box__side-handle.components-resizable-box__handle-right::before, [data-type="jetpack/layout-grid"] .wp-block-jetpack-layout-gutter__nowrap .wpcom-overlay-resize__handle .components-resizable-box__side-handle.components-resizable-box__handle-right::after,
688
+ [data-type="jetpack/layout-grid"] .wp-block-jetpack-layout-gutter__nowrap .wp-blocks-jetpack-layout-grid__resize-handles .components-resizable-box__side-handle.components-resizable-box__handle-right::before,
689
+ [data-type="jetpack/layout-grid"] .wp-block-jetpack-layout-gutter__nowrap .wp-blocks-jetpack-layout-grid__resize-handles .components-resizable-box__side-handle.components-resizable-box__handle-right::after {
690
+ right: 0; }
691
+
692
+ [data-type="jetpack/layout-grid"] .wp-block-jetpack-layout-gutter__nowrap .wpcom-overlay-resize__handle .components-resizable-box__side-handle.components-resizable-box__handle-left,
693
+ [data-type="jetpack/layout-grid"] .wp-block-jetpack-layout-gutter__nowrap .wp-blocks-jetpack-layout-grid__resize-handles .components-resizable-box__side-handle.components-resizable-box__handle-left {
694
+ left: 0; }
695
+ [data-type="jetpack/layout-grid"] .wp-block-jetpack-layout-gutter__nowrap .wpcom-overlay-resize__handle .components-resizable-box__side-handle.components-resizable-box__handle-left::before, [data-type="jetpack/layout-grid"] .wp-block-jetpack-layout-gutter__nowrap .wpcom-overlay-resize__handle .components-resizable-box__side-handle.components-resizable-box__handle-left::after,
696
+ [data-type="jetpack/layout-grid"] .wp-block-jetpack-layout-gutter__nowrap .wp-blocks-jetpack-layout-grid__resize-handles .components-resizable-box__side-handle.components-resizable-box__handle-left::before,
697
+ [data-type="jetpack/layout-grid"] .wp-block-jetpack-layout-gutter__nowrap .wp-blocks-jetpack-layout-grid__resize-handles .components-resizable-box__side-handle.components-resizable-box__handle-left::after {
698
+ left: 0; }
699
+
700
+ [data-type="jetpack/layout-grid"] .wp-block-jetpack-layout-gutter__nowrap .wp-block::before {
701
+ right: 0;
702
+ left: 0; }
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'), 'version' => '8cb83edc6559e909e6313caed87ceea0');
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' => '10f3c440a209c7d5c2811893a774bdac');
index.js CHANGED
@@ -1,6 +1,6 @@
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=23)}([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){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){!function(){e.exports=this.wp.blockEditor}()},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 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){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(21),o=n(4);e.exports=function(e,t){return!t||"object"!==r(t)&&"function"!=typeof t?o(e):t}},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,n){var r=n(22);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){!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(18),o=n(19),c=n(20);e.exports=function(e){return r(e)||o(e)||c()}},function(e,t){!function(){e.exports=this.lodash}()},function(e,t){!function(){e.exports=this.wp.keycodes}()},function(e,t){e.exports=function(e){if(Array.isArray(e)){for(var t=0,n=new Array(e.length);t<e.length;t++)n[t]=e[t];return n}}},function(e,t){e.exports=function(e){if(Symbol.iterator in Object(e)||"[object Arguments]"===Object.prototype.toString.call(e))return Array.from(e)}},function(e,t){e.exports=function(){throw new TypeError("Invalid attempt to spread non-iterable instance")}},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){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,n){"use strict";n.r(t);var r=n(2),o=n.n(r),c=n(12),i=n(1),a=n(15),s=n.n(a),u=n(7),l=n.n(u),f=n(8),p=n.n(f),d=n(9),b=n.n(d),h=n(10),m=n.n(h),v=n(4),g=n.n(v),O=n(11),j=n.n(O),y=n(0),k=n(16),_=n(6),w=n.n(_),E=n(5),S=n(3),C=n(17),x=n(13),P=n(14),M=function(){return[{label:Object(i.__)("1 column"),value:1},{label:Object(i.__)("2 columns"),value:2},{label:Object(i.__)("3 columns"),value:3},{label:Object(i.__)("4 columns"),value:4}]},z="Tablet",B="Mobile",A=function(){return[{value:"Desktop",label:Object(i.__)("Desktop")},{value:z,label:Object(i.__)("Tablet")},{value:B,label:Object(i.__)("Mobile")}]},D=4,R=["Desktop",z,B];function L(e,t){return"column".concat(e+1).concat(t,"Span")}function N(e,t){return"column".concat(e+1).concat(t,"Offset")}var V=function(e){return e===z?8:e===B?4:12};function G(e,t,n){return e===z?3===t&&2===n?V(e):t>1?V(e)/2:V(e):e===B?V(e):V(e)/t}function T(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 I(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?T(Object(n),!0).forEach((function(t){o()(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):T(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var H=function(e,t){return"column".concat(e+1,"-grid__span-").concat(t)},U=function(e,t){return"column".concat(e+1,"-grid__start-").concat(t)},X=function(e,t){return"column".concat(e+1,"-grid__row-").concat(t)},F=function(e,t,n){return"column".concat(e+1,"-").concat(n.toLowerCase(),"-grid__span-").concat(t)},K=function(e,t,n){return"column".concat(e+1,"-").concat(n.toLowerCase(),"-grid__start-").concat(t)},W=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 J(e,t){return e%t}function Q(e,t,n,r){return{name:e,column:t,value:n,device:r,enabled:!(arguments.length>4&&void 0!==arguments[4])||arguments[4]}}function Y(e,t,n){for(var r=[],o=V(e),c=function(e,t,n){for(var r=[],o=0,c=0;c<e;c++){var i=L(c,t),a=N(c,t),s=n[i]||G(t,e,c),u=n[a]||0;r.push({position:o+u,span:s}),o+=u,o+=s}return r}(t,e,n),i=0;i<c.length;i++){var a=c[i],s=a.span,u=a.position,l=q(u,o),f=J(u,o);r.push(Q("span",i,s,e)),r.push(Q("offset",i,f+1,e,f>0)),r.push(Q("row",i,l+1,e))}return r}function Z(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 $(e){return e?e.replace(/column\d-\w*-grid__\w*-\d*/g,"").replace(/column\d-grid__\w*-\d*/g,"").replace(/\s{2,}/,""):e}var ee=function(){return Object(y.createElement)(S.SVG,{xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24",viewBox:"0 0 24 24"},Object(y.createElement)(S.Path,{d:"M4 5v13h17V5H4zm10 2v9h-3V7h3zM6 7h3v9H6V7zm13 9h-3V7h3v9z"}))},te=function(){return Object(y.createElement)(S.SVG,{xmlns:"http://www.w3.org/2000/svg",width:"48",height:"48",viewBox:"0 0 48 48"},Object(y.createElement)(S.Path,{d:"M7 12v24h34V12H7zm32 22H9V14h30v20z"}))},ne=function(){return Object(y.createElement)(S.SVG,{xmlns:"http://www.w3.org/2000/svg",width:"48",height:"48",viewBox:"0 0 48 48"},Object(y.createElement)(S.Path,{d:"M7,12v24h34V12H7z M23,34H9V14h14V34z M39,34H25V14h14V34z"}))},re=function(){return Object(y.createElement)(S.SVG,{xmlns:"http://www.w3.org/2000/svg",width:"48",height:"48",viewBox:"0 0 48 48"},Object(y.createElement)(S.Path,{d:"M7 12v24h34V12H7zm23 2h9v20h-9V14zm-2 20h-8V14h8v20zM9 14h9v20H9V14z"}))},oe=function(){return Object(y.createElement)(S.SVG,{xmlns:"http://www.w3.org/2000/svg",width:"48",height:"48",viewBox:"0 0 48 48"},Object(y.createElement)(S.Path,{d:"M7 12v24h34V12H7zm8 22H9V14h6v20zm8 0h-6V14h6v20zm8 0h-6V14h6v20zm8 0h-6V14h6v20z"}))},ce=function(e){var t=e.columns;return 4===t?Object(y.createElement)(oe,null):3===t?Object(y.createElement)(re,null):2===t?Object(y.createElement)(ne,null):Object(y.createElement)(te,null)};var ie=function(e){var t=e.height,n=e.xPos,r=e.top,o=e.isSelected,c=w()("wpcom-overlay-resize__handle","components-resizable-box__container",{"is-selected":o}),i={height:t+"px",width:n+"px",top:r+"px"},a={left:n+"px"};return Object(y.createElement)("div",{className:c,style:i},Object(y.createElement)("span",null,Object(y.createElement)("div",{className:"components-resizable-box__handle components-resizable-box__side-handle components-resizable-box__handle-left",style:a})))},ae=function(e){function t(e){var n;return l()(this,t),n=b()(this,m()(t).call(this,e)),o()(g()(n),"onMouseDown",(function(e){var t=e.target;if((0===e.button||e.touches)&&(t.dataset.resizeRight||t.dataset.resizeLeft)){n.block=t.closest(".wp-block");var r=n.block.getBoundingClientRect(),o=r.height,c=r.right,i=r.left,a=r.top,s=t.getBoundingClientRect().width,u=n.getChildPosition(n.block),l=t.dataset.resizeLeft;n.setState({resizingColumn:u,xPos:n.getAdjustedOffset(n.getMouseX(e),s),height:o,width:s,top:n.getAdjustedTop(a),direction:l?"left":"right",max:l?n.getAdjustedOffset(c,s):n.getAdjustedOffset(i,s)}),0===e.button?(document.addEventListener("mousemove",n.onMouseMove),document.addEventListener("mouseup",n.onMouseUp),e.preventDefault()):(document.addEventListener("touchmove",n.onMouseMove),document.addEventListener("touchend",n.onMouseUp)),e.stopPropagation()}})),o()(g()(n),"onMouseMove",(function(e){e.stopPropagation(),void 0===e.touches&&e.preventDefault();var t=n.block.getBoundingClientRect().height;n.setState({xPos:n.getRestrictedOffset(n.getAdjustedOffset(n.getMouseX(e))),height:t});var r=n.getNearestColumn(n.state.direction,e);r&&n.props.onResize(n.state.resizingColumn,r)})),o()(g()(n),"onMouseUp",(function(e){n.setState({resizingColumn:-1}),document.removeEventListener("mousemove",n.onMouseMove),document.removeEventListener("mouseup",n.onMouseUp),document.removeEventListener("touchmove",n.onMouseMove),document.removeEventListener("touchend",n.onMouseUp)})),n.containerRef=Object(y.createRef)(),n.state={resizingColumn:-1,xPos:0,height:0},n}return j()(t,e),p()(t,[{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),s=i%c;return"left"===n?s<=c/2?a:a+1:s<c/2?a:a+1}(this.containerRef.current,this.getMouseX(t),e,r)));if("left"===e){if(a===c)return null;var s=Math.abs(a-c),u={start:a,span:a>c?i-s:i+s,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,s=w()(t,-1!==c?"wp-block-jetpack-layout-grid__resizing":null);return Object(y.createElement)("div",{className:s,onMouseDown:this.onMouseDown,onTouchStart:this.onMouseDown,ref:this.containerRef},-1!==c&&Object(y.createElement)(ie,{height:a,xPos:i,top:this.state.top,isSelected:r}),n)}}]),t}(y.Component);function se(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 ue(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?se(Object(n),!0).forEach((function(t){o()(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):se(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var le=function(){function e(t,n,r){l()(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=G(this.device,this.columnCount,t);e[L(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=ue({},t,{},e[n]);return t}},{key:"getSpanAdjustment",value:function(e,t){return o()({},L(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=V(this.device),c=0,i=0,a=0;a<this.columnCount;a++){var s=e[L(a,this.device)],u=e[N(a,this.device)];if((i+=u)>=o&&(i-=o),(i+=s)>o)return!1;r.push({start:c+u,end:c+u+s}),c+=s+u}return!(c>(t=this.device,n=this.columnCount,t===z&&n>2?2*V(t):t===B?V(t)*n:V(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[L(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/V(this.device)));return(t+this.getOffset(e))%(r*V(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 fe(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?fe(Object(n),!0).forEach((function(t){o()(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):fe(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var de=["jetpack/layout-grid-column"],be=function(e){function t(e){var n;return l()(this,t),n=b()(this,m()(t).call(this,e)),o()(g()(n),"onChangeLayout",(function(e){for(var t={},r=0;r<e;r++)for(var o=0;o<R.length;o++){var c=G(R[o],e,r);t[L(r,R[o])]=c,t[N(r,R[o])]=0}n.props.updateColumns(n.props.columns,e,t)})),o()(g()(n),"onChangeDevice",(function(e){n.setState({selectedDevice:e})})),o()(g()(n),"onResize",(function(e,t){var r=n.props,o=r.attributes,c=r.columns,i=new le(o,n.state.selectedDevice,c).getAdjustedGrid(e,t);i&&n.adjustGrid(i)})),o()(g()(n),"onChangeSpan",(function(e,t,r){var o=n.props,c=o.attributes,i=o.columns,a=new le(c,t,i).getAdjustedGrid(e,{span:parseInt(r,10)});a&&n.adjustGrid(a)})),o()(g()(n),"onChangeOffset",(function(e,t,r){var o=n.props,c=o.attributes,i=o.columns,a=new le(c,t,i),s=a.getAdjustedGrid(e,{start:a.convertOffsetToStart(e,parseInt(r,10))});s&&n.adjustGrid(s)})),n.overlayRef=Object(y.createRef)(),n.state={selectedDevice:A()[0].value},n}return j()(t,e),p()(t,[{key:"adjustGrid",value:function(e){var t=this.props;(0,t.setAttributes)(pe({},e,{className:$(t.attributes.className)}))}},{key:"renderDeviceSettings",value:function(e,t,n){for(var r=this,o=new le(n,t,this.props.columns),c=[],a=function(n){var a=o.getSpan(n)||G(t,e,n),s=o.getOffset(n)||0;c.push(Object(y.createElement)("div",{className:"jetpack-layout-grid-settings",key:n},Object(y.createElement)("strong",null,Object(i.__)("Column")," ",n+1),Object(y.createElement)("div",{className:"jetpack-layout-grid-settings__group"},Object(y.createElement)(S.TextControl,{type:"number",label:Object(i.__)("Offset"),value:s||0,min:0,max:V(t)-1,onChange:function(e){return r.onChangeOffset(n,t,e)}}),Object(y.createElement)(S.TextControl,{type:"number",label:Object(i.__)("Span"),value:a,min:1,max:V(t),onChange:function(e){return r.onChangeSpan(n,t,e)}}))))},s=0;s<e;s++)a(s);return c}},{key:"getPreviewText",value:function(e){return"Mobile"===e?Object(i.__)("Showing mobile layout"):"Tablet"===e?Object(i.__)("Showing tablet layout"):Object(i.__)("Showing desktop layout")}},{key:"canResizeBreakpoint",value:function(e){return!(!this.overlayRef||!this.overlayRef.current)&&this.overlayRef.current.getBoundingClientRect().width/V(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,a=t.columns,s=this.state.selectedDevice,u=function(e,t){return Z(Y(e,t,arguments.length>2&&void 0!==arguments[2]?arguments[2]:{}),{span:H,offset:U,row:X})}(s,a,o),l=new le(o,s,a),f=w()($(n),u,{"wp-block-jetpack-layout-tablet":"Tablet"===s,"wp-block-jetpack-layout-desktop":"Desktop"===s,"wp-block-jetpack-layout-mobile":"Mobile"===s,"wp-block-jetpack-layout-resizable":this.canResizeBreakpoint(s)});return 0===a?Object(y.createElement)(S.Placeholder,{icon:"layout",label:Object(i.__)("Choose Layout"),instructions:Object(i.__)("Select a layout to start with:"),className:f},Object(y.createElement)("ul",{className:"block-editor-inner-blocks__template-picker-options"},M().map((function(t){return Object(y.createElement)("li",{key:t.value},Object(y.createElement)(S.IconButton,{isSecondary:!0,icon:Object(y.createElement)(ce,{columns:t.value}),onClick:function(){return e.onChangeLayout(t.value)},className:"block-editor-inner-blocks__template-picker-option",label:t.label}))})))):Object(y.createElement)(S.IsolatedEventContainer,null,Object(y.createElement)(ae,{className:f,onResize:this.onResize,totalColumns:V(s),layoutGrid:l,isSelected:c},Object(y.createElement)("div",{className:"wpcom-overlay-grid",ref:this.overlayRef},Object(k.times)(V(s)).map((function(e){return Object(y.createElement)("div",{className:"wpcom-overlay-grid__column",key:e})}))),Object(y.createElement)(E.InnerBlocks,{template:null,templateLock:"all",allowedBlocks:de}),Object(y.createElement)(E.InspectorControls,null,Object(y.createElement)(S.PanelBody,{title:Object(i.__)("Layout")},Object(y.createElement)("div",{className:"jetpack-layout-grid-columns block-editor-block-styles"},M().map((function(t){return Object(y.createElement)("div",{key:t.value,className:w()("block-editor-block-styles__item",{"is-active":a===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(y.createElement)("div",{className:"block-editor-block-styles__item-preview"},Object(y.createElement)(ce,{columns:t.value})),Object(y.createElement)("div",{className:"editor-block-styles__item-label block-editor-block-styles__item-label"},t.label))}))),Object(y.createElement)("p",null,Object(y.createElement)("em",null,Object(i.__)("Changing the number of columns will reset your layout and could remove content.")))),Object(y.createElement)(S.PanelBody,{title:Object(i.__)("Responsive Breakpoints")},Object(y.createElement)("p",null,Object(y.createElement)("em",null,Object(i.__)("Note that previewing your post will show your browser's breakpoint, not the currently selected one."))),Object(y.createElement)(S.ButtonGroup,null,A().map((function(t){return Object(y.createElement)(S.Button,{key:t.value,isDefault:!0,isPrimary:t.value===s,onClick:function(){return e.onChangeDevice(t.value)}},t.label)}))),this.renderDeviceSettings(a,s,o))),Object(y.createElement)("div",{className:"jetpack-layout-grid-previewing"},this.getPreviewText(s))))}}]),t}(y.Component);var he=Object(P.compose)([Object(x.withDispatch)((function(e,t,n){return{updateColumns:function(r,o,i){var a=t.clientId,u=e("core/block-editor").replaceBlock,l=function(e,t,n){if(n>t)return[].concat(s()(e),s()(Object(k.times)(n-t,(function(){return Object(c.createBlock)("jetpack/layout-grid-column")}))));var r=s()(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,pe({},t.attributes,{},i),l))}}})),Object(x.withSelect)((function(e,t){var n=t.clientId;return{columns:e("core/block-editor").getBlockCount(n)}}))])(be),me=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:F,offset:K,row:W},o=0;o<R.length;o++)n=I({},n,{},Z(Y(R[o],e,t),r));return n}(n.length,t),c=w()($(r),o);return Object(y.createElement)("div",{className:c},Object(y.createElement)(E.InnerBlocks.Content,null))},ve=function(e){function t(e){var n;return l()(this,t),n=b()(this,m()(t).call(this,e)),o()(g()(n),"onLeftIn",(function(){n.setState({direction:"left"}),document.addEventListener("mouseup",n.onLeftOut)})),o()(g()(n),"onLeftOut",(function(){n.setState({direction:null}),document.removeEventListener("mouseup",n.onLeftOut)})),o()(g()(n),"onRightIn",(function(){n.setState({direction:"right"}),document.addEventListener("mouseup",n.onRightOut)})),o()(g()(n),"onRightOut",(function(){n.setState({direction:null}),document.removeEventListener("mouseup",n.onRightOut)})),n.state={direction:null},n}return j()(t,e),p()(t,[{key:"render",value:function(){var e,t=this.props,n=t.className,r=t.hasChildBlocks,c=t.backgroundColor,a=t.setBackgroundColor,s=t.attributes,u=t.setAttributes,l=s.padding,f=this.state.direction,p=w()(n,c.class,(e={},o()(e,"wp-block-jetpack-layout-grid__padding-"+l,!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)),d={backgroundColor:c.color};return Object(y.createElement)("div",{className:p,style:d},Object(y.createElement)("span",{className:"wp-blocks-jetpack-layout-grid__resize-handles"},Object(y.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(y.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(y.createElement)(E.InnerBlocks,{templateLock:!1,renderAppender:r?void 0:function(){return Object(y.createElement)(E.InnerBlocks.ButtonBlockAppender,null)}}),Object(y.createElement)(E.InspectorControls,null,Object(y.createElement)(E.PanelColorSettings,{title:Object(i.__)("Column Color"),initialOpen:!0,colorSettings:[{value:c.color,onChange:a,label:Object(i.__)("Background")}]}),Object(y.createElement)(S.PanelBody,{title:Object(i.__)("Column Padding")},Object(y.createElement)("p",null,Object(i.__)("Choose padding for this column:")),Object(y.createElement)(S.SelectControl,{value:l,onChange:function(e){return u({padding:e})},options:[{value:"none",label:Object(i.__)("No padding")},{value:"small",label:Object(i.__)("Small")},{value:"medium",label:Object(i.__)("Medium")},{value:"large",label:Object(i.__)("Large")},{value:"huge",label:Object(i.__)("Huge")}]}))))}}]),t}(y.Component),ge=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}})))(ve),Oe=function(e){var t,n=e.attributes,r=void 0===n?{}:n,c=r.className,i=r.backgroundColor,a=r.customBackgroundColor,s=r.padding,u=Object(E.getColorClassName)("background-color",i),l=w()(c,(t={},o()(t,"wp-block-jetpack-layout-grid__padding-"+s,!0),o()(t,"has-background",i),o()(t,u,u),t)),f={backgroundColor:u?void 0:a};return Object(y.createElement)("div",{className:l,style:f},Object(y.createElement)(E.InnerBlocks.Content,null))};function je(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 ye(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?je(Object(n),!0).forEach((function(t){o()(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):je(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function ke(e,t){for(var n={},r=function(e){t.map((function(t){n[L(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"),description:Object(i.__)("Align blocks to to a global grid, with support for responsive breakpoints."),icon:ee,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(i.__)("<strong>Snow Patrol</strong>"),align:"center"}}]},{name:"jetpack/layout-grid-column",innerBlocks:[{name:"core/image",attributes:{url:"https://s.w.org/images/core/5.3/Windbuchencom.jpg"}}]}]},attributes:ye({align:{type:"string",default:"full"}},ke(D,R)),edit:he,save:me}),Object(c.registerBlockType)("jetpack/layout-grid-column",{description:Object(i.__)("A column used inside a Layout Grid block."),title:Object(i.__)("Column"),icon:ee,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:ge,save:Oe})}]);
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(n):"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(){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}}var de=function(e){g()(r,e);var t,n=(t=r,function(){var e,n=O()(t);if(fe()){var r=O()(this).constructor;e=Reflect.construct(n,arguments,r)}else e=n.apply(this,arguments);return v()(this,e)});function r(e){var t;return s()(this,r),t=n.call(this,e),o()(b()(t),"onMouseDown",(function(e){var n=e.target;if((0===e.button||e.touches)&&(n.dataset.resizeRight||n.dataset.resizeLeft)){t.block=n.closest(".wp-block");var r=t.block.getBoundingClientRect(),o=r.height,c=r.right,a=r.left,i=r.top,u=n.getBoundingClientRect().width,l=t.getChildPosition(t.block),s=n.dataset.resizeLeft;t.setState({resizingColumn:l,xPos:t.getAdjustedOffset(t.getMouseX(e),u),height:o,width:u,top:t.getAdjustedTop(i),direction:s?"left":"right",max:s?t.getAdjustedOffset(c,u):t.getAdjustedOffset(a,u)}),0===e.button?(document.addEventListener("mousemove",t.onMouseMove),document.addEventListener("mouseup",t.onMouseUp),e.preventDefault()):(document.addEventListener("touchmove",t.onMouseMove),document.addEventListener("touchend",t.onMouseUp)),e.stopPropagation()}})),o()(b()(t),"onMouseMove",(function(e){e.stopPropagation(),void 0===e.touches&&e.preventDefault();var n=t.block.getBoundingClientRect().height;t.setState({xPos:t.getRestrictedOffset(t.getAdjustedOffset(t.getMouseX(e))),height:n});var r=t.getNearestColumn(t.state.direction,e);r&&t.props.onResize(t.state.resizingColumn,r)})),o()(b()(t),"onMouseUp",(function(e){t.setState({resizingColumn:-1}),document.removeEventListener("mousemove",t.onMouseMove),document.removeEventListener("mouseup",t.onMouseUp),document.removeEventListener("touchmove",t.onMouseMove),document.removeEventListener("touchend",t.onMouseUp)})),t.containerRef=Object(j.createRef)(),t.state={resizingColumn:-1,xPos:0,height:0},t}return d()(r,[{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)}}]),r}(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({},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(){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}}var ye=["jetpack/layout-grid-column"],Oe=function(e){g()(r,e);var t,n=(t=r,function(){var e,n=O()(t);if(ve()){var r=O()(this).constructor;e=Reflect.construct(n,arguments,r)}else e=n.apply(this,arguments);return v()(this,e)});function r(e){var t;return s()(this,r),t=n.call(this,e),o()(b()(t),"onChangeLayout",(function(e){for(var n={},r=0;r<e;r++)for(var o=0;o<N.length;o++){var c=I(N[o],e,r);n[G(r,N[o])]=c,n[L(r,N[o])]=0}t.props.updateColumns(t.props.columns,e,n)})),o()(b()(t),"onChangeDevice",(function(e){t.setState({selectedDevice:e})})),o()(b()(t),"onResize",(function(e,n){var r=t.props,o=r.attributes,c=r.columns,a=new he(o,t.state.selectedDevice,c).getAdjustedGrid(e,n);a&&t.adjustGrid(a)})),o()(b()(t),"onChangeSpan",(function(e,n,r){var o=t.props,c=o.attributes,a=o.columns,i=new he(c,n,a).getAdjustedGrid(e,{span:parseInt(r,10)});i&&t.adjustGrid(i)})),o()(b()(t),"onChangeOffset",(function(e,n,r){var o=t.props,c=o.attributes,a=o.columns,i=new he(c,n,a),u=i.getAdjustedGrid(e,{start:i.convertOffsetToStart(e,parseInt(r,10))});u&&t.adjustGrid(u)})),t.overlayRef=Object(j.createRef)(),t.state={selectedDevice:V()[0].value},t}return d()(r,[{key:"adjustGrid",value:function(e){var t=this.props;(0,t.setAttributes)(me({},e,{className:te(t.attributes.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)})))}})))}}]),r}(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({},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({},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(){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}}var _e=function(e){g()(r,e);var t,n=(t=r,function(){var e,n=O()(t);if(we()){var r=O()(this).constructor;e=Reflect.construct(n,arguments,r)}else e=n.apply(this,arguments);return v()(this,e)});function r(e){var t;return s()(this,r),t=n.call(this,e),o()(b()(t),"onLeftIn",(function(){t.setState({direction:"left"}),document.addEventListener("mouseup",t.onLeftOut)})),o()(b()(t),"onLeftOut",(function(){t.setState({direction:null}),document.removeEventListener("mouseup",t.onLeftOut)})),o()(b()(t),"onRightIn",(function(){t.setState({direction:"right"}),document.addEventListener("mouseup",t.onRightOut)})),o()(b()(t),"onRightOut",(function(){t.setState({direction:null}),document.removeEventListener("mouseup",t.onRightOut)})),t.state={direction:null},t}return d()(r,[{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())}))))}}]),r}(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})}]);
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.0.5
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.2
6
  * Author: Automattic
7
  * Author URI: https://automattic.com
8
  * License: GPL v2 or later
readme.txt CHANGED
@@ -1,8 +1,8 @@
1
  === Layout Grid Block ===
2
  Contributors: automattic, jasmussen, johnny5, mkaz
3
- Stable tag: 1.0.5
4
- Tested up to: 5.3.2
5
- Requires at least: 5.3
6
  License: GPLv2 or later
7
  License URI: https://www.gnu.org/licenses/gpl-2.0.html
8
 
@@ -23,10 +23,25 @@ You can follow development, file an issue, suggest features, and view the source
23
 
24
  == Changelog ==
25
 
26
- = 1.0.5 - 28th January 2020
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
27
  * Fix editor layout issues with themes that don't support Gutenberg
28
 
29
- = 1.0.4 - 21st January 2020
30
  * Fix layout issues with Gutenberg 7.3
31
 
32
  = 1.0.3 - 12th December 2019 =
1
  === Layout Grid Block ===
2
  Contributors: automattic, jasmussen, johnny5, mkaz
3
+ Stable tag: 1.2
4
+ Tested up to: 5.4
5
+ Requires at least: 5.4
6
  License: GPLv2 or later
7
  License URI: https://www.gnu.org/licenses/gpl-2.0.html
8
 
23
 
24
  == Changelog ==
25
 
26
+ = 1.2 - 29th April 2020
27
+ * Move the selected breakpoint to the toolbar and allow it to be toggled
28
+ * Bump minimum WordPress version to 5.4
29
+ * Improve drag handle behaviour
30
+ * Fix multi-select inside grid blocks
31
+ * Fix output of grid front-end CSS
32
+ * Fix issue with sizing being off when full-wide
33
+ * Fix old classes being added when column layout changes
34
+
35
+ = 1.1 - 10th March 2020 =
36
+ * Add option to disable start and end gutters for full-bleed layout
37
+ * Add option to control gutter size
38
+ * Fix a Firefox 100% height bug when multiple blocks are inside one column
39
+ * Improve IE11 support
40
+
41
+ = 1.0.5 - 28th January 2020 =
42
  * Fix editor layout issues with themes that don't support Gutenberg
43
 
44
+ = 1.0.4 - 21st January 2020 =
45
  * Fix layout issues with Gutenberg 7.3
46
 
47
  = 1.0.3 - 12th December 2019 =
style.css CHANGED
@@ -5,9 +5,25 @@
5
  /**
6
  * Padding Options
7
  */
 
8
  .wp-block-jetpack-layout-grid {
9
  padding-left: 24px;
10
  padding-right: 24px; }
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
11
  .wp-block-jetpack-layout-grid.wp-block-jetpack-layout-grid__padding-none {
12
  padding: 0px; }
13
  .wp-block-jetpack-layout-grid.wp-block-jetpack-layout-grid__padding-none.has-background {
5
  /**
6
  * Padding Options
7
  */
8
+ /* autoprefixer grid: no-autoplace */
9
  .wp-block-jetpack-layout-grid {
10
  padding-left: 24px;
11
  padding-right: 24px; }
12
+ .wp-block-jetpack-layout-grid.wp-block-jetpack-layout-gutter__none {
13
+ padding-left: 0px;
14
+ padding-right: 0px; }
15
+ .wp-block-jetpack-layout-grid.wp-block-jetpack-layout-gutter__small {
16
+ padding-left: 8px;
17
+ padding-right: 8px; }
18
+ .wp-block-jetpack-layout-grid.wp-block-jetpack-layout-gutter__medium {
19
+ padding-left: 16px;
20
+ padding-right: 16px; }
21
+ .wp-block-jetpack-layout-grid.wp-block-jetpack-layout-gutter__huge {
22
+ padding-left: 48px;
23
+ padding-right: 48px; }
24
+ .wp-block-jetpack-layout-grid.wp-block-jetpack-layout-gutter__nowrap {
25
+ padding-left: 0px;
26
+ padding-right: 0px; }
27
  .wp-block-jetpack-layout-grid.wp-block-jetpack-layout-grid__padding-none {
28
  padding: 0px; }
29
  .wp-block-jetpack-layout-grid.wp-block-jetpack-layout-grid__padding-none.has-background {