@@ -9,7 +9,7 @@ Description: Twenty Twenty-One is a blank canvas for your ideas and it makes the
9
9
Requires at least: 5.3
10
10
Tested up to: 6.0
11
11
Requires PHP: 5.6
12
- Version: 1.6
12
+ Version: 1.7
13
13
License: GNU General Public License v2 or later
14
14
License URI: http://www.gnu.org/licenses/gpl-2.0.html
15
15
Text Domain: twentytwentyone
@@ -66,7 +66,6 @@ Twenty Twenty-One is distributed under the terms of the GNU GPL.
66
66
* Quote................Specific styles for the quote block.
67
67
* Search...............Specific styles for the search block.
68
68
* Separator............Specific styles for the separator block.
69
- * Spacer...............Specific styles for the spacer block.
70
69
* Table................Specific styles for the table block.
71
70
* Verse................Specific styles for the verse block.
72
71
* Video................Specific styles for the video block.
@@ -159,12 +158,8 @@ Twenty Twenty-One is distributed under the terms of the GNU GPL.
159
158
* 2. Prevent adjustments of font size after orientation changes in iOS.
160
159
*/
161
160
html {
162
- line-height : 1.15 ;
163
-
164
- /* 1 */
165
- -webkit-text-size-adjust : 100% ;
166
-
167
- /* 2 */
161
+ line-height : 1.15 ; /* 1 */
162
+ -webkit-text-size-adjust : 100% ; /* 2 */
168
163
}
169
164
170
165
/* Sections
@@ -201,28 +196,18 @@ h1 {
201
196
* 2. Show the overflow in Edge and IE.
202
197
*/
203
198
hr {
204
- box-sizing : content-box;
205
-
206
- /* 1 */
207
- height : 0 ;
208
-
209
- /* 1 */
210
- overflow : visible;
211
-
212
- /* 2 */
199
+ box-sizing : content-box; /* 1 */
200
+ height : 0 ; /* 1 */
201
+ overflow : visible; /* 2 */
213
202
}
214
203
215
204
/**
216
205
* 1. Correct the inheritance and scaling of font size in all browsers.
217
206
* 2. Correct the odd `em` font sizing in all browsers.
218
207
*/
219
208
pre {
220
- font-family : monospace;
221
-
222
- /* 1 */
223
- font-size : 1em ;
224
-
225
- /* 2 */
209
+ font-family : monospace; /* 1 */
210
+ font-size : 1em ; /* 2 */
226
211
}
227
212
228
213
/* Text-level semantics
241
226
* 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
242
227
*/
243
228
abbr [title ] {
244
- border-bottom : none;
245
-
246
- /* 1 */
247
- text-decoration : underline;
248
-
249
- /* 2 */
250
- text-decoration-style : dotted;
251
-
252
- /* 2 */
229
+ border-bottom : none; /* 1 */
230
+ text-decoration : underline; /* 2 */
231
+ text-decoration-style : dotted; /* 2 */
253
232
}
254
233
255
234
/**
@@ -267,12 +246,8 @@ strong {
267
246
code ,
268
247
kbd ,
269
248
samp {
270
- font-family : monospace;
271
-
272
- /* 1 */
273
- font-size : 1em ;
274
-
275
- /* 2 */
249
+ font-family : monospace; /* 1 */
250
+ font-size : 1em ; /* 2 */
276
251
}
277
252
278
253
/**
@@ -324,28 +299,18 @@ input,
324
299
optgroup ,
325
300
select ,
326
301
textarea {
327
- font-family : inherit;
328
-
329
- /* 1 */
330
- font-size : 100% ;
331
-
332
- /* 1 */
333
- line-height : 1.15 ;
334
-
335
- /* 1 */
336
- margin : 0 ;
337
-
338
- /* 2 */
302
+ font-family : inherit; /* 1 */
303
+ font-size : 100% ; /* 1 */
304
+ line-height : 1.15 ; /* 1 */
305
+ margin : 0 ; /* 2 */
339
306
}
340
307
341
308
/**
342
309
* Show the overflow in IE.
343
310
* 1. Show the overflow in Edge.
344
311
*/
345
312
button ,
346
- input {
347
-
348
- /* 1 */
313
+ input { /* 1 */
349
314
overflow : visible;
350
315
}
351
316
@@ -354,9 +319,7 @@ input {
354
319
* 1. Remove the inheritance of text transform in Firefox.
355
320
*/
356
321
button ,
357
- select {
358
-
359
- /* 1 */
322
+ select { /* 1 */
360
323
text-transform : none;
361
324
}
362
325
@@ -405,24 +368,12 @@ fieldset {
405
368
* `fieldset` elements in all browsers.
406
369
*/
407
370
legend {
408
- box-sizing : border-box;
409
-
410
- /* 1 */
411
- color : inherit;
412
-
413
- /* 2 */
414
- display : table;
415
-
416
- /* 1 */
417
- max-width : 100% ;
418
-
419
- /* 1 */
420
- padding : 0 ;
421
-
422
- /* 3 */
423
- white-space : normal;
424
-
425
- /* 1 */
371
+ box-sizing : border-box; /* 1 */
372
+ color : inherit; /* 2 */
373
+ display : table; /* 1 */
374
+ max-width : 100% ; /* 1 */
375
+ padding : 0 ; /* 3 */
376
+ white-space : normal; /* 1 */
426
377
}
427
378
428
379
/**
@@ -445,12 +396,8 @@ textarea {
445
396
*/
446
397
[type = checkbox ],
447
398
[type = radio ] {
448
- box-sizing : border-box;
449
-
450
- /* 1 */
451
- padding : 0 ;
452
-
453
- /* 2 */
399
+ box-sizing : border-box; /* 1 */
400
+ padding : 0 ; /* 2 */
454
401
}
455
402
456
403
/**
@@ -466,12 +413,8 @@ textarea {
466
413
* 2. Correct the outline style in Safari.
467
414
*/
468
415
[type = search ] {
469
- -webkit-appearance : textfield;
470
-
471
- /* 1 */
472
- outline-offset : -2px ;
473
-
474
- /* 2 */
416
+ -webkit-appearance : textfield; /* 1 */
417
+ outline-offset : -2px ; /* 2 */
475
418
}
476
419
477
420
/**
@@ -486,12 +429,8 @@ textarea {
486
429
* 2. Change font properties to `inherit` in Safari.
487
430
*/
488
431
::-webkit-file-upload-button {
489
- -webkit-appearance : button;
490
-
491
- /* 1 */
492
- font : inherit;
493
-
494
- /* 2 */
432
+ -webkit-appearance : button; /* 1 */
433
+ font : inherit; /* 2 */
495
434
}
496
435
497
436
/* Interactive
@@ -577,38 +516,38 @@ template {
577
516
}
578
517
}
579
518
580
- .entry-content > * : not (.alignwide ): not (.alignfull ): not (.alignleft ): not (.alignright ): not (.wp-block-separator ): not (. woocommerce ) {
519
+ .entry-content > * : not (.alignwide ): not (.alignfull ): not (.alignleft ): not (.alignright ): not (.wp-block-separator ) {
581
520
max-width : calc (100vw - 30px );
582
521
margin-left : auto;
583
522
margin-right : auto;
584
523
}
585
524
@media only screen and (min-width : 482px ) {
586
525
587
- .entry-content > * : not (.alignwide ): not (.alignfull ): not (.alignleft ): not (.alignright ): not (.wp-block-separator ): not (. woocommerce ) {
526
+ .entry-content > * : not (.alignwide ): not (.alignfull ): not (.alignleft ): not (.alignright ): not (.wp-block-separator ) {
588
527
max-width : min (calc (100vw - 100px ), 610px );
589
528
}
590
529
}
591
530
@media only screen and (min-width : 822px ) {
592
531
593
- .entry-content > * : not (.alignwide ): not (.alignfull ): not (.alignleft ): not (.alignright ): not (.wp-block-separator ): not (. woocommerce ) {
532
+ .entry-content > * : not (.alignwide ): not (.alignfull ): not (.alignleft ): not (.alignright ): not (.wp-block-separator ) {
594
533
max-width : min (calc (100vw - 200px ), 610px );
595
534
}
596
535
}
597
536
598
- * [class *= inner-container ] > * : not (.entry-content ): not (.alignwide ): not (.alignfull ): not (.alignleft ): not (.alignright ): not (.wp-block-separator ): not (. woocommerce ) {
537
+ * [class *= inner-container ] > * : not (.entry-content ): not (.alignwide ): not (.alignfull ): not (.alignleft ): not (.alignright ): not (.wp-block-separator ) {
599
538
max-width : calc (100vw - 30px );
600
539
margin-left : auto;
601
540
margin-right : auto;
602
541
}
603
542
@media only screen and (min-width : 482px ) {
604
543
605
- * [class *= inner-container ] > * : not (.entry-content ): not (.alignwide ): not (.alignfull ): not (.alignleft ): not (.alignright ): not (.wp-block-separator ): not (. woocommerce ) {
544
+ * [class *= inner-container ] > * : not (.entry-content ): not (.alignwide ): not (.alignfull ): not (.alignleft ): not (.alignright ): not (.wp-block-separator ) {
606
545
max-width : min (calc (100vw - 100px ), 610px );
607
546
}
608
547
}
609
548
@media only screen and (min-width : 822px ) {
610
549
611
- * [class *= inner-container ] > * : not (.entry-content ): not (.alignwide ): not (.alignfull ): not (.alignleft ): not (.alignright ): not (.wp-block-separator ): not (. woocommerce ) {
550
+ * [class *= inner-container ] > * : not (.entry-content ): not (.alignwide ): not (.alignfull ): not (.alignleft ): not (.alignright ): not (.wp-block-separator ) {
612
551
max-width : min (calc (100vw - 200px ), 610px );
613
552
}
614
553
}
@@ -1867,12 +1806,8 @@ input[type=radio] + label {
1867
1806
@supports (-webkit-appearance : none) or (-moz-appearance : none) {
1868
1807
1869
1808
input [type = range ] {
1870
- -webkit-appearance : none;
1871
-
1872
- /* Hides the slider so that custom slider can be made */
1873
- width : 100% ;
1874
-
1875
- /* Specific width is required for Firefox. */
1809
+ -webkit-appearance : none; /* Hides the slider so that custom slider can be made */
1810
+ width : 100% ; /* Specific width is required for Firefox. */
1876
1811
height : 6px ;
1877
1812
background : # 39414d ;
1878
1813
border-radius : 6px ;
@@ -4435,18 +4370,6 @@ hr.wp-block-separator.is-style-dots:before {
4435
4370
background : none;
4436
4371
}
4437
4372
4438
- .wp-block-spacer {
4439
- display : block;
4440
- margin-bottom : 0 !important ;
4441
- margin-top : 0 !important ;
4442
- }
4443
- @media only screen and (max-width : 481px ) {
4444
-
4445
- .wp-block-spacer [style ] {
4446
- height : 20px !important ;
4447
- }
4448
- }
4449
-
4450
4373
table ,
4451
4374
.wp-block-table {
4452
4375
width : 100% ;
@@ -4776,14 +4699,12 @@ table.wp-calendar-table caption {
4776
4699
.entry-content > .alignleft {
4777
4700
max-width : calc (50% - (100vw - min (calc (100vw - 4 * 25px ), 610px )) * 1 );
4778
4701
}
4779
-
4780
4702
@media only screen and (min-width : 482px ) {
4781
4703
4782
4704
.entry-content > .alignleft {
4783
4705
max-width : calc (50% - (100vw - min (calc (100vw - 4 * 25px ), 610px )) * 1 );
4784
4706
}
4785
4707
}
4786
-
4787
4708
@media only screen and (min-width : 822px ) {
4788
4709
4789
4710
.entry-content > .alignleft {
@@ -4844,14 +4765,12 @@ table.wp-calendar-table caption {
4844
4765
.entry-content > .alignright {
4845
4766
max-width : calc (50% - (100vw - min (calc (100vw - 4 * 25px ), 610px )) * 1 );
4846
4767
}
4847
-
4848
4768
@media only screen and (min-width : 482px ) {
4849
4769
4850
4770
.entry-content > .alignright {
4851
4771
max-width : calc (50% - (100vw - min (calc (100vw - 4 * 25px ), 610px )) * 1 );
4852
4772
}
4853
4773
}
4854
-
4855
4774
@media only screen and (min-width : 822px ) {
4856
4775
4857
4776
.entry-content > .alignright {
0 commit comments