wp-block-styles 1.0.17 → 1.0.20
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +5 -4
- package/index.css +389 -19
- package/index.min.css +1 -51
- package/package.json +1 -1
package/README.md
CHANGED
|
@@ -124,19 +124,20 @@ All variables are overridden automatically in dark mode. You can also target dar
|
|
|
124
124
|
|
|
125
125
|
## What's covered
|
|
126
126
|
|
|
127
|
-
All current WordPress core block types as of
|
|
127
|
+
All current WordPress core block types as of WordPress 7.0 "Armstrong":
|
|
128
128
|
|
|
129
129
|
| Category | Blocks |
|
|
130
130
|
|---|---|
|
|
131
131
|
| Text | Paragraph, Heading, List, Code, Preformatted, Verse/Poetry, Footnotes |
|
|
132
132
|
| Media | Image, Gallery, Video, Audio, Cover, Media & Text, File |
|
|
133
133
|
| Embeds | All oEmbed types with aspect ratio variants (16:9, 4:3, 1:1, 9:16, 21:9) |
|
|
134
|
-
| Design | Columns, Group, Separator, Spacer, Buttons, Table, Details/Accordion |
|
|
135
|
-
| Text | Math (MathML/LaTeX)
|
|
134
|
+
| Design | Columns, Group, Separator, Spacer, Buttons, Table, Details/Accordion, Tabs (experimental) |
|
|
135
|
+
| Text | Math (MathML/LaTeX) |
|
|
136
136
|
| Quotes | Blockquote (default + large style), Pullquote (default + solid style) |
|
|
137
|
-
| Widgets | Latest Posts, Latest Comments, Search |
|
|
137
|
+
| Widgets | Latest Posts, Latest Comments, Search, RSS |
|
|
138
138
|
| Social Embeds | Twitter/X pre-load blockquote, Instagram, TikTok iframe overrides |
|
|
139
139
|
| Misc | Social Icons, Navigation (reset), Classic/Legacy Editor output |
|
|
140
|
+
| New in 7.0 | Icon, Breadcrumbs, Navigation Overlay Close, Playlist (experimental), Form (experimental) |
|
|
140
141
|
| Utilities | Alignment (alignwide, alignfull, alignleft, alignright), text-align helpers, color & font-size palette classes |
|
|
141
142
|
|
|
142
143
|
## Caching
|
package/index.css
CHANGED
|
@@ -39,12 +39,19 @@
|
|
|
39
39
|
* 19. Latest Posts / Latest Comments
|
|
40
40
|
* 20. Math (MathML / LaTeX)
|
|
41
41
|
* 21. Navigation (minimal reset)
|
|
42
|
-
* 22.
|
|
43
|
-
* 23.
|
|
44
|
-
* 24.
|
|
45
|
-
* 25.
|
|
46
|
-
* 26.
|
|
47
|
-
* 27.
|
|
42
|
+
* 22. RSS Block
|
|
43
|
+
* 23. Icon (WordPress 7.0)
|
|
44
|
+
* 24. Breadcrumbs (WordPress 7.0)
|
|
45
|
+
* 25. Navigation Overlay Close (WordPress 7.0)
|
|
46
|
+
* 26. Tabs (experimental — WordPress 7.0)
|
|
47
|
+
* 27. Playlist (experimental — WordPress 7.0)
|
|
48
|
+
* 28. Form (experimental — WordPress 7.0)
|
|
49
|
+
* 29. Alignment Utilities (alignwide, alignfull, alignleft, alignright)
|
|
50
|
+
* 30. Has-text-align helpers
|
|
51
|
+
* 31. Color & Gradient utility classes
|
|
52
|
+
* 32. Legacy / Classic Editor classes
|
|
53
|
+
* 33. Dark Mode (@media prefers-color-scheme: dark) + [data-theme="dark"]
|
|
54
|
+
* 34. Print (@media print)
|
|
48
55
|
* ─────────────────────────────────────────────────────────────────────────────
|
|
49
56
|
*/
|
|
50
57
|
|
|
@@ -784,7 +791,7 @@
|
|
|
784
791
|
.wp-block-table th,
|
|
785
792
|
.wp-block-table td {
|
|
786
793
|
width: max-content;
|
|
787
|
-
max-width:
|
|
794
|
+
max-width: 320px;
|
|
788
795
|
padding: 0.6rem 0.9rem;
|
|
789
796
|
border: 1px solid var(--wp-border-color);
|
|
790
797
|
text-align: left;
|
|
@@ -973,8 +980,9 @@
|
|
|
973
980
|
}
|
|
974
981
|
|
|
975
982
|
/* The Interactivity API toggles inert and .is-open in a live WP environment.
|
|
976
|
-
In headless, the API
|
|
977
|
-
|
|
983
|
+
In headless, the Interactivity API does not run, so panels remain with the
|
|
984
|
+
inert attribute. Override inert so all panels display as expanded static
|
|
985
|
+
sections — no content is hidden. */
|
|
978
986
|
.wp-block-accordion-panel {
|
|
979
987
|
padding: 1rem 1.1rem;
|
|
980
988
|
}
|
|
@@ -1121,7 +1129,6 @@ blockquote.twitter-tweet a {
|
|
|
1121
1129
|
position: static;
|
|
1122
1130
|
width: 100% !important;
|
|
1123
1131
|
max-width: 550px;
|
|
1124
|
-
height: auto !important;
|
|
1125
1132
|
}
|
|
1126
1133
|
|
|
1127
1134
|
/* Instagram */
|
|
@@ -1240,7 +1247,7 @@ blockquote.twitter-tweet a {
|
|
|
1240
1247
|
color: var(--wp-caption-color);
|
|
1241
1248
|
}
|
|
1242
1249
|
|
|
1243
|
-
/* ─── 20. Math (MathML / LaTeX)
|
|
1250
|
+
/* ─── 20. Math (MathML / LaTeX) ────────────────────────────────────────────── */
|
|
1244
1251
|
|
|
1245
1252
|
/*
|
|
1246
1253
|
* The Math block renders MathML markup with wp-block-math as its wrapper.
|
|
@@ -1294,7 +1301,372 @@ blockquote.twitter-tweet a {
|
|
|
1294
1301
|
display: block;
|
|
1295
1302
|
}
|
|
1296
1303
|
|
|
1297
|
-
/* ───
|
|
1304
|
+
/* ─── 22. RSS Block ────────────────────────────────────────────────────────── */
|
|
1305
|
+
.wp-block-rss {
|
|
1306
|
+
padding: 0;
|
|
1307
|
+
list-style: none;
|
|
1308
|
+
margin: 1.75rem 0;
|
|
1309
|
+
}
|
|
1310
|
+
|
|
1311
|
+
.wp-block-rss__item {
|
|
1312
|
+
margin-bottom: 1rem;
|
|
1313
|
+
padding-bottom: 1rem;
|
|
1314
|
+
border-bottom: 1px solid var(--wp-border-color);
|
|
1315
|
+
}
|
|
1316
|
+
|
|
1317
|
+
.wp-block-rss__item:last-child {
|
|
1318
|
+
border-bottom: none;
|
|
1319
|
+
}
|
|
1320
|
+
|
|
1321
|
+
.wp-block-rss__item-title {
|
|
1322
|
+
font-weight: 600;
|
|
1323
|
+
text-decoration: none;
|
|
1324
|
+
display: block;
|
|
1325
|
+
}
|
|
1326
|
+
|
|
1327
|
+
.wp-block-rss__item-title:hover {
|
|
1328
|
+
text-decoration: underline;
|
|
1329
|
+
}
|
|
1330
|
+
|
|
1331
|
+
.wp-block-rss__item-publish-date {
|
|
1332
|
+
font-size: 0.8em;
|
|
1333
|
+
color: var(--wp-caption-color);
|
|
1334
|
+
display: block;
|
|
1335
|
+
margin-top: 0.25rem;
|
|
1336
|
+
}
|
|
1337
|
+
|
|
1338
|
+
.wp-block-rss__item-author {
|
|
1339
|
+
font-size: 0.8em;
|
|
1340
|
+
color: var(--wp-caption-color);
|
|
1341
|
+
display: block;
|
|
1342
|
+
}
|
|
1343
|
+
|
|
1344
|
+
.wp-block-rss__item-excerpt {
|
|
1345
|
+
font-size: 0.9em;
|
|
1346
|
+
margin-top: 0.35rem;
|
|
1347
|
+
}
|
|
1348
|
+
|
|
1349
|
+
.wp-block-rss.is-grid {
|
|
1350
|
+
display: grid;
|
|
1351
|
+
grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
|
|
1352
|
+
gap: var(--wp-gap);
|
|
1353
|
+
}
|
|
1354
|
+
|
|
1355
|
+
/* ─── 23. Icon (WordPress 7.0) ─────────────────────────────────────────────── */
|
|
1356
|
+
|
|
1357
|
+
/*
|
|
1358
|
+
* The Icon block (core/icon) renders an inline SVG wrapped in
|
|
1359
|
+
* <figure class="wp-block-icon">. WordPress injects width/height via inline
|
|
1360
|
+
* styles; these rules provide layout defaults and ensure the SVG fills
|
|
1361
|
+
* currentColor for theme-driven coloring.
|
|
1362
|
+
*/
|
|
1363
|
+
|
|
1364
|
+
.wp-block-icon {
|
|
1365
|
+
display: inline-flex;
|
|
1366
|
+
align-items: center;
|
|
1367
|
+
justify-content: center;
|
|
1368
|
+
margin: 0.25rem 0;
|
|
1369
|
+
}
|
|
1370
|
+
|
|
1371
|
+
.wp-block-icon figure {
|
|
1372
|
+
margin: 0;
|
|
1373
|
+
display: inline-flex;
|
|
1374
|
+
}
|
|
1375
|
+
|
|
1376
|
+
.wp-block-icon svg {
|
|
1377
|
+
display: block;
|
|
1378
|
+
width: 48px;
|
|
1379
|
+
height: 48px;
|
|
1380
|
+
fill: currentColor;
|
|
1381
|
+
max-width: 100%;
|
|
1382
|
+
}
|
|
1383
|
+
|
|
1384
|
+
/* ─── 24. Breadcrumbs (WordPress 7.0) ──────────────────────────────────────── */
|
|
1385
|
+
|
|
1386
|
+
/*
|
|
1387
|
+
* The Breadcrumbs block (core/breadcrumbs) renders a <nav> containing a
|
|
1388
|
+
* sequence of links separated by a configurable separator character.
|
|
1389
|
+
*/
|
|
1390
|
+
|
|
1391
|
+
.wp-block-breadcrumbs {
|
|
1392
|
+
display: flex;
|
|
1393
|
+
flex-wrap: wrap;
|
|
1394
|
+
align-items: center;
|
|
1395
|
+
gap: 0.25rem;
|
|
1396
|
+
margin: 1rem 0;
|
|
1397
|
+
font-size: 0.9em;
|
|
1398
|
+
padding: 0;
|
|
1399
|
+
}
|
|
1400
|
+
|
|
1401
|
+
.wp-block-breadcrumbs ol,
|
|
1402
|
+
.wp-block-breadcrumbs ul {
|
|
1403
|
+
display: flex;
|
|
1404
|
+
flex-wrap: wrap;
|
|
1405
|
+
align-items: center;
|
|
1406
|
+
gap: 0;
|
|
1407
|
+
padding: 0;
|
|
1408
|
+
margin: 0;
|
|
1409
|
+
list-style: none;
|
|
1410
|
+
}
|
|
1411
|
+
|
|
1412
|
+
.wp-block-breadcrumbs li {
|
|
1413
|
+
display: inline-flex;
|
|
1414
|
+
align-items: center;
|
|
1415
|
+
margin: 0;
|
|
1416
|
+
}
|
|
1417
|
+
|
|
1418
|
+
.wp-block-breadcrumbs .wp-block-breadcrumbs__separator,
|
|
1419
|
+
.wp-block-breadcrumbs [aria-hidden="true"] {
|
|
1420
|
+
padding: 0 0.3rem;
|
|
1421
|
+
color: var(--wp-caption-color);
|
|
1422
|
+
}
|
|
1423
|
+
|
|
1424
|
+
.wp-block-breadcrumbs a {
|
|
1425
|
+
text-decoration: none;
|
|
1426
|
+
}
|
|
1427
|
+
|
|
1428
|
+
.wp-block-breadcrumbs a:hover {
|
|
1429
|
+
text-decoration: underline;
|
|
1430
|
+
}
|
|
1431
|
+
|
|
1432
|
+
.wp-block-breadcrumbs .wp-block-breadcrumbs__current {
|
|
1433
|
+
color: var(--wp-caption-color);
|
|
1434
|
+
}
|
|
1435
|
+
|
|
1436
|
+
/* ─── 25. Navigation Overlay Close (WordPress 7.0) ────────────────────────── */
|
|
1437
|
+
|
|
1438
|
+
/*
|
|
1439
|
+
* The Navigation Overlay Close block (core/navigation-overlay-close) renders
|
|
1440
|
+
* a <button> that dismisses the mobile navigation overlay. In headless
|
|
1441
|
+
* environments the overlay is JS-driven; these styles reset the button
|
|
1442
|
+
* and provide a sensible baseline appearance.
|
|
1443
|
+
*/
|
|
1444
|
+
|
|
1445
|
+
.wp-block-navigation-overlay-close {
|
|
1446
|
+
display: inline-flex;
|
|
1447
|
+
align-items: center;
|
|
1448
|
+
justify-content: center;
|
|
1449
|
+
padding: 0.5rem;
|
|
1450
|
+
background: transparent;
|
|
1451
|
+
border: none;
|
|
1452
|
+
cursor: pointer;
|
|
1453
|
+
color: inherit;
|
|
1454
|
+
font-size: 1em;
|
|
1455
|
+
line-height: 1;
|
|
1456
|
+
border-radius: 4px;
|
|
1457
|
+
}
|
|
1458
|
+
|
|
1459
|
+
.wp-block-navigation-overlay-close:hover {
|
|
1460
|
+
opacity: 0.75;
|
|
1461
|
+
}
|
|
1462
|
+
|
|
1463
|
+
/* ─── 26. Tabs — experimental (WordPress 7.0) ─────────────────────────────── */
|
|
1464
|
+
|
|
1465
|
+
/*
|
|
1466
|
+
* The Tabs block (core/tabs) requires the Interactivity API to toggle panels.
|
|
1467
|
+
* In headless environments the Interactivity API does not run, so all panels
|
|
1468
|
+
* render statically. These rules display all panels stacked so no content
|
|
1469
|
+
* is hidden. If you add the Interactivity API to your headless project,
|
|
1470
|
+
* remove the .wp-block-tab-panel override and let [hidden] manage visibility.
|
|
1471
|
+
*/
|
|
1472
|
+
|
|
1473
|
+
.wp-block-tabs {
|
|
1474
|
+
margin: 1.75rem 0;
|
|
1475
|
+
}
|
|
1476
|
+
|
|
1477
|
+
.wp-block-tab-list {
|
|
1478
|
+
display: flex;
|
|
1479
|
+
flex-wrap: wrap;
|
|
1480
|
+
gap: 0;
|
|
1481
|
+
border-bottom: 2px solid var(--wp-border-color);
|
|
1482
|
+
padding: 0;
|
|
1483
|
+
margin: 0 0 1rem;
|
|
1484
|
+
list-style: none;
|
|
1485
|
+
}
|
|
1486
|
+
|
|
1487
|
+
.wp-block-tab {
|
|
1488
|
+
display: inline-block;
|
|
1489
|
+
padding: 0.6rem 1.25rem;
|
|
1490
|
+
background: transparent;
|
|
1491
|
+
border: none;
|
|
1492
|
+
border-bottom: 2px solid transparent;
|
|
1493
|
+
margin-bottom: -2px;
|
|
1494
|
+
font-size: 0.95em;
|
|
1495
|
+
font-weight: 600;
|
|
1496
|
+
color: inherit;
|
|
1497
|
+
cursor: pointer;
|
|
1498
|
+
text-decoration: none;
|
|
1499
|
+
}
|
|
1500
|
+
|
|
1501
|
+
.wp-block-tab[aria-selected="true"],
|
|
1502
|
+
.wp-block-tab.is-active {
|
|
1503
|
+
border-bottom-color: currentColor;
|
|
1504
|
+
}
|
|
1505
|
+
|
|
1506
|
+
.wp-block-tab-panels {
|
|
1507
|
+
position: relative;
|
|
1508
|
+
}
|
|
1509
|
+
|
|
1510
|
+
/* Headless fallback: all panels visible and stacked */
|
|
1511
|
+
.wp-block-tab-panel {
|
|
1512
|
+
display: block;
|
|
1513
|
+
padding: 1rem 0;
|
|
1514
|
+
}
|
|
1515
|
+
|
|
1516
|
+
.wp-block-tab-panel + .wp-block-tab-panel {
|
|
1517
|
+
border-top: 1px solid var(--wp-border-color);
|
|
1518
|
+
}
|
|
1519
|
+
|
|
1520
|
+
/* When Interactivity API is active it sets [hidden] on inactive panels */
|
|
1521
|
+
.wp-block-tab-panel[hidden] {
|
|
1522
|
+
display: none;
|
|
1523
|
+
}
|
|
1524
|
+
|
|
1525
|
+
/* ─── 27. Playlist — experimental (WordPress 7.0) ─────────────────────────── */
|
|
1526
|
+
|
|
1527
|
+
.wp-block-playlist {
|
|
1528
|
+
margin: 1.75rem 0;
|
|
1529
|
+
border: 1px solid var(--wp-border-color);
|
|
1530
|
+
border-radius: 4px;
|
|
1531
|
+
overflow: hidden;
|
|
1532
|
+
}
|
|
1533
|
+
|
|
1534
|
+
.wp-block-playlist figcaption,
|
|
1535
|
+
.wp-block-playlist .wp-element-caption {
|
|
1536
|
+
font-size: 0.85em;
|
|
1537
|
+
color: var(--wp-caption-color);
|
|
1538
|
+
text-align: center;
|
|
1539
|
+
padding: 0.5rem;
|
|
1540
|
+
}
|
|
1541
|
+
|
|
1542
|
+
.wp-block-playlist-track {
|
|
1543
|
+
display: flex;
|
|
1544
|
+
align-items: center;
|
|
1545
|
+
gap: 0.75rem;
|
|
1546
|
+
padding: 0.75rem 1rem;
|
|
1547
|
+
border-bottom: 1px solid var(--wp-border-color);
|
|
1548
|
+
cursor: pointer;
|
|
1549
|
+
}
|
|
1550
|
+
|
|
1551
|
+
.wp-block-playlist-track:last-child {
|
|
1552
|
+
border-bottom: none;
|
|
1553
|
+
}
|
|
1554
|
+
|
|
1555
|
+
.wp-block-playlist-track:hover {
|
|
1556
|
+
background: var(--wp-surface-bg);
|
|
1557
|
+
}
|
|
1558
|
+
|
|
1559
|
+
.wp-block-playlist-track img {
|
|
1560
|
+
width: 48px;
|
|
1561
|
+
height: 48px;
|
|
1562
|
+
object-fit: cover;
|
|
1563
|
+
flex-shrink: 0;
|
|
1564
|
+
border-radius: 2px;
|
|
1565
|
+
}
|
|
1566
|
+
|
|
1567
|
+
.wp-block-playlist-track__title {
|
|
1568
|
+
font-weight: 600;
|
|
1569
|
+
font-size: 0.9em;
|
|
1570
|
+
}
|
|
1571
|
+
|
|
1572
|
+
.wp-block-playlist-track__artist,
|
|
1573
|
+
.wp-block-playlist-track__album {
|
|
1574
|
+
font-size: 0.8em;
|
|
1575
|
+
color: var(--wp-caption-color);
|
|
1576
|
+
}
|
|
1577
|
+
|
|
1578
|
+
.wp-block-playlist-track__length {
|
|
1579
|
+
margin-left: auto;
|
|
1580
|
+
font-size: 0.85em;
|
|
1581
|
+
color: var(--wp-caption-color);
|
|
1582
|
+
font-variant-numeric: tabular-nums;
|
|
1583
|
+
flex-shrink: 0;
|
|
1584
|
+
}
|
|
1585
|
+
|
|
1586
|
+
/* ─── 28. Form — experimental (WordPress 7.0) ─────────────────────────────── */
|
|
1587
|
+
|
|
1588
|
+
.wp-block-form {
|
|
1589
|
+
margin: 1.75rem 0;
|
|
1590
|
+
}
|
|
1591
|
+
|
|
1592
|
+
.wp-block-form-input {
|
|
1593
|
+
margin-bottom: 1rem;
|
|
1594
|
+
}
|
|
1595
|
+
|
|
1596
|
+
.wp-block-form-input label {
|
|
1597
|
+
display: block;
|
|
1598
|
+
font-weight: 600;
|
|
1599
|
+
font-size: 0.9em;
|
|
1600
|
+
margin-bottom: 0.35rem;
|
|
1601
|
+
}
|
|
1602
|
+
|
|
1603
|
+
.wp-block-form-input input,
|
|
1604
|
+
.wp-block-form-input textarea,
|
|
1605
|
+
.wp-block-form-input select {
|
|
1606
|
+
width: 100%;
|
|
1607
|
+
padding: 0.55rem 0.8rem;
|
|
1608
|
+
border: 1px solid var(--wp-border-color);
|
|
1609
|
+
border-radius: 4px;
|
|
1610
|
+
background: var(--wp-input-bg);
|
|
1611
|
+
color: var(--wp-input-color);
|
|
1612
|
+
font-size: 1em;
|
|
1613
|
+
font-family: inherit;
|
|
1614
|
+
}
|
|
1615
|
+
|
|
1616
|
+
.wp-block-form-input input:focus,
|
|
1617
|
+
.wp-block-form-input textarea:focus,
|
|
1618
|
+
.wp-block-form-input select:focus {
|
|
1619
|
+
outline: 2px solid var(--wp-link-color);
|
|
1620
|
+
outline-offset: -1px;
|
|
1621
|
+
}
|
|
1622
|
+
|
|
1623
|
+
.wp-block-form-input textarea {
|
|
1624
|
+
resize: vertical;
|
|
1625
|
+
min-height: 120px;
|
|
1626
|
+
}
|
|
1627
|
+
|
|
1628
|
+
.wp-block-form-submit-button {
|
|
1629
|
+
margin-top: 0.5rem;
|
|
1630
|
+
}
|
|
1631
|
+
|
|
1632
|
+
.wp-block-form-submit-button button,
|
|
1633
|
+
.wp-block-form-submit-button input[type="submit"] {
|
|
1634
|
+
display: inline-block;
|
|
1635
|
+
padding: 0.65em 1.4em;
|
|
1636
|
+
background: var(--wp-button-bg);
|
|
1637
|
+
color: var(--wp-button-color);
|
|
1638
|
+
border: none;
|
|
1639
|
+
border-radius: 4px;
|
|
1640
|
+
font-weight: 600;
|
|
1641
|
+
font-size: 0.95em;
|
|
1642
|
+
cursor: pointer;
|
|
1643
|
+
transition: opacity 0.15s ease;
|
|
1644
|
+
}
|
|
1645
|
+
|
|
1646
|
+
.wp-block-form-submit-button button:hover,
|
|
1647
|
+
.wp-block-form-submit-button input[type="submit"]:hover {
|
|
1648
|
+
opacity: 0.85;
|
|
1649
|
+
}
|
|
1650
|
+
|
|
1651
|
+
.wp-block-form-submission-notification {
|
|
1652
|
+
padding: 0.9rem 1.1rem;
|
|
1653
|
+
border-radius: 4px;
|
|
1654
|
+
font-size: 0.95em;
|
|
1655
|
+
}
|
|
1656
|
+
|
|
1657
|
+
.wp-block-form-submission-notification[data-type="success"] {
|
|
1658
|
+
background: #d1fae5;
|
|
1659
|
+
color: #065f46;
|
|
1660
|
+
border: 1px solid #6ee7b7;
|
|
1661
|
+
}
|
|
1662
|
+
|
|
1663
|
+
.wp-block-form-submission-notification[data-type="error"] {
|
|
1664
|
+
background: #fee2e2;
|
|
1665
|
+
color: #991b1b;
|
|
1666
|
+
border: 1px solid #fca5a5;
|
|
1667
|
+
}
|
|
1668
|
+
|
|
1669
|
+
/* ─── 29. Alignment Utilities ──────────────────────────────────────────────── */
|
|
1298
1670
|
|
|
1299
1671
|
/* Wide alignment — breaks slightly past content column */
|
|
1300
1672
|
.alignwide {
|
|
@@ -1347,12 +1719,12 @@ blockquote.twitter-tweet a {
|
|
|
1347
1719
|
}
|
|
1348
1720
|
}
|
|
1349
1721
|
|
|
1350
|
-
/* ───
|
|
1722
|
+
/* ─── 30. Text Align Helpers ───────────────────────────────────────────────── */
|
|
1351
1723
|
.has-text-align-left { text-align: left; }
|
|
1352
1724
|
.has-text-align-center { text-align: center; }
|
|
1353
1725
|
.has-text-align-right { text-align: right; }
|
|
1354
1726
|
|
|
1355
|
-
/* ───
|
|
1727
|
+
/* ─── 31. Color & Background Utility Classes ───────────────────────────────── */
|
|
1356
1728
|
|
|
1357
1729
|
/* WP generates inline styles for custom colors, but also emits utility classes
|
|
1358
1730
|
for its named palette. We provide neutral fallbacks so layout isn't broken. */
|
|
@@ -1400,7 +1772,7 @@ blockquote.twitter-tweet a {
|
|
|
1400
1772
|
.has-xx-large-font-size { font-size: 2.4em; }
|
|
1401
1773
|
.has-huge-font-size { font-size: 2.8em; }
|
|
1402
1774
|
|
|
1403
|
-
/* ───
|
|
1775
|
+
/* ─── 32. Legacy / Classic Editor Classes ──────────────────────────────────── */
|
|
1404
1776
|
|
|
1405
1777
|
/* Classic block (raw TinyMCE output from pre-Gutenberg content) */
|
|
1406
1778
|
.wp-block-freeform {
|
|
@@ -1427,9 +1799,7 @@ blockquote.twitter-tweet a {
|
|
|
1427
1799
|
margin: 0.35rem 0 0;
|
|
1428
1800
|
}
|
|
1429
1801
|
|
|
1430
|
-
/* ───
|
|
1431
|
-
|
|
1432
|
-
/* ─── 25. Dark Mode ────────────────────────────────────────────────────────── */
|
|
1802
|
+
/* ─── 33. Dark Mode ────────────────────────────────────────────────────────── */
|
|
1433
1803
|
/*
|
|
1434
1804
|
* Dark mode is applied in two ways:
|
|
1435
1805
|
* 1. Automatically via OS preference: @media (prefers-color-scheme: dark)
|
|
@@ -1498,7 +1868,7 @@ blockquote.twitter-tweet a {
|
|
|
1498
1868
|
border-bottom-color: #333;
|
|
1499
1869
|
}
|
|
1500
1870
|
|
|
1501
|
-
/* ───
|
|
1871
|
+
/* ─── 34. Print ────────────────────────────────────────────────────────────── */
|
|
1502
1872
|
@media print {
|
|
1503
1873
|
/* Remove interactive / screen-only blocks */
|
|
1504
1874
|
.wp-block-buttons,
|
package/index.min.css
CHANGED
|
@@ -1,51 +1 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* wp-block-styles.css
|
|
3
|
-
* Comprehensive styles for WordPress Gutenberg block classes
|
|
4
|
-
* rendered via the WP REST API in a headless/Next.js context.
|
|
5
|
-
*
|
|
6
|
-
* Usage (global):
|
|
7
|
-
* import 'wp-block-styles.css' // in _app.js or app/layout.tsx
|
|
8
|
-
*
|
|
9
|
-
* Usage (scoped to a wrapper):
|
|
10
|
-
* All selectors are prefixed with .wp-content so you can scope
|
|
11
|
-
* by adding className="wp-content" to your post content wrapper.
|
|
12
|
-
* In that case, use: import 'wp-block-styles.css' anywhere above the component.
|
|
13
|
-
*
|
|
14
|
-
* Caching:
|
|
15
|
-
* This file is static and side-effect free — safe to cache aggressively.
|
|
16
|
-
* Recommended Cache-Control: public, max-age=31536000, immutable
|
|
17
|
-
* Rename or version the file on updates (e.g. wp-block-styles.v2.css)
|
|
18
|
-
*
|
|
19
|
-
* ─────────────────────────────────────────────────────────────────────────────
|
|
20
|
-
* TABLE OF CONTENTS
|
|
21
|
-
* 1. Reset & Base
|
|
22
|
-
* 2. Typography (paragraph, heading, list, preformatted, code, poetry)
|
|
23
|
-
* 3. Quote & Pullquote
|
|
24
|
-
* 4. Image
|
|
25
|
-
* 5. Gallery
|
|
26
|
-
* 6. Video & Audio
|
|
27
|
-
* 7. Embed (iframe / oEmbed)
|
|
28
|
-
* 8. Media & Text
|
|
29
|
-
* 9. Cover
|
|
30
|
-
* 10. Columns & Column
|
|
31
|
-
* 11. Group
|
|
32
|
-
* 12. Buttons & Button
|
|
33
|
-
* 13. Table
|
|
34
|
-
* 14. Separator & Spacer
|
|
35
|
-
* 15. File Download
|
|
36
|
-
* 16. Details / Accordion
|
|
37
|
-
* 17. Social Icons
|
|
38
|
-
* 18. Search Block
|
|
39
|
-
* 19. Latest Posts / Latest Comments
|
|
40
|
-
* 20. Math (MathML / LaTeX)
|
|
41
|
-
* 21. Navigation (minimal reset)
|
|
42
|
-
* 22. Alignment Utilities (alignwide, alignfull, alignleft, alignright)
|
|
43
|
-
* 23. Has-text-align helpers
|
|
44
|
-
* 24. Color & Gradient utility classes
|
|
45
|
-
* 25. Legacy / Classic Editor classes
|
|
46
|
-
* 26. Dark Mode (@media prefers-color-scheme: dark) + [data-theme="dark"]
|
|
47
|
-
* 27. Print (@media print)
|
|
48
|
-
* ─────────────────────────────────────────────────────────────────────────────
|
|
49
|
-
*/
|
|
50
|
-
|
|
51
|
-
:root{--wp-content-max-width:860px;--wp-wide-max-width:1200px;--wp-gap:1.5rem;--wp-border-color:#e2e2e2;--wp-code-bg:#1e1e1e;--wp-code-color:#f8f8f2;--wp-inline-code-bg:#f4f4f4;--wp-inline-code-color:#1a1a1a;--wp-blockquote-border:#888;--wp-pullquote-border:currentColor;--wp-caption-color:#6b6b6b;--wp-button-bg:#333;--wp-button-color:#fff;--wp-input-bg:#fff;--wp-input-color:inherit;--wp-scrollbar-color:#555;--wp-link-color:#2563eb;--wp-link-visited-color:#7c3aed;--wp-surface-bg:#f9f9f9;--wp-surface-alt-bg:#f5f5f5}.wp-content{max-width:var(--wp-content-max-width);margin:0 auto;padding:0;line-height:1.7;word-break:break-word;overflow-wrap:break-word}.wp-content *{box-sizing:border-box}.wp-content a{word-wrap:break-word;color:var(--wp-link-color,#2563eb);text-decoration:underline}.wp-content a:hover{opacity:0.8}.wp-content a:visited{color:var(--wp-link-visited-color,#7c3aed)}.wp-block-paragraph,.wp-content p{margin-bottom:1.25rem}.wp-block-paragraph.has-drop-cap::first-letter,.has-drop-cap::first-letter{float:left;font-size:4em;line-height:0.68;font-weight:700;margin:0.1em 0.15em 0 0}.wp-block-heading,.wp-content h1,.wp-content h2,.wp-content h3,.wp-content h4,.wp-content h5,.wp-content h6{margin-top:2rem;margin-bottom:0.75rem;line-height:1.25;font-weight:700}.wp-content h1:first-child,.wp-content h2:first-child,.wp-content h3:first-child{margin-top:0}.wp-content h1{font-size:2em}.wp-content h2{font-size:1.6em}.wp-content h3{font-size:1.35em}.wp-content h4{font-size:1.15em}.wp-content h5{font-size:1em}.wp-content h6{font-size:0.9em}.wp-block-list,.wp-content ul,.wp-content ol{padding:0 0 0 1.5rem;margin-bottom:1.25rem}.wp-block-list li,.wp-content ul li,.wp-content ol li{margin-bottom:0.35rem;line-height:1.6}.wp-content ul,.wp-block-list:not(ol){list-style-type:disc;list-style-position:outside}.wp-content ul ul,.wp-content ol ul{list-style-type:circle;list-style-position:outside;margin-left:1.25rem;padding-top:0.25rem}.wp-content ul ul ul{list-style-type:square}.wp-content ol,.wp-block-list[type="ordered"]{list-style-type:decimal;list-style-position:outside}.wp-content ol ol,.wp-content ul ol{list-style-type:lower-latin;list-style-position:outside;margin-left:1.25rem;padding-top:0.25rem}.wp-content ol ol ol{list-style-type:lower-roman}.wp-block-list.is-style-checkmark-list,.wp-block-list.is-style-checked-list{list-style:none;padding-left:0}.wp-block-list.is-style-checkmark-list li::before,.wp-block-list.is-style-checked-list li::before{content:"✓ ";font-weight:700}.wp-block-preformatted{font-family:monospace;font-size:0.9em;white-space:pre-wrap;background:var(--wp-code-bg);color:var(--wp-code-color);padding:1.25rem;border-radius:4px;overflow-x:auto;margin:1.75rem 0}.wp-block-code{background:var(--wp-code-bg);color:var(--wp-code-color);border-radius:4px;margin:1.75rem 0;overflow-x:auto;overflow-y:hidden;scrollbar-width:thin;scrollbar-color:var(--wp-scrollbar-color) var(--wp-code-bg)}.wp-block-code::-webkit-scrollbar{height:6px;background:var(--wp-code-bg)}.wp-block-code::-webkit-scrollbar-track{background:var(--wp-code-bg)}.wp-block-code::-webkit-scrollbar-thumb{background-color:var(--wp-scrollbar-color);border-radius:10px}.wp-block-code code{display:block;padding:1.25rem;font-family:"SFMono-Regular",Consolas,"Liberation Mono",Menlo,monospace;font-size:0.875em;line-height:1.6;white-space:pre}.wp-content code{font-family:"SFMono-Regular",Consolas,monospace;font-size:0.875em;background:var(--wp-inline-code-bg);color:var(--wp-inline-code-color);padding:0.15em 0.4em;border-radius:3px}.wp-block-code code{background:transparent;color:inherit;padding:12px;border-radius:0;font-size:inherit}.wp-block-verse{font-family:inherit;font-style:italic;white-space:pre-wrap;padding:1rem 1.5rem;margin:1.75rem 0;border-left:3px solid var(--wp-blockquote-border)}.wp-block-footnotes{font-size:0.85em;color:var(--wp-caption-color);border-top:1px solid var(--wp-border-color);margin-top:2.5rem;padding-top:1rem}.wp-block-footnotes ol{padding-left:1.25rem}.wp-block-quote{border-left:4px solid var(--wp-blockquote-border);margin:2rem 0;padding:1rem 1.5rem}.wp-block-quote p{margin:0 0 0.5rem;font-style:italic}.wp-block-quote cite{display:block;font-size:0.85em;color:var(--wp-caption-color);font-style:normal}.wp-block-quote.is-style-large,.wp-block-quote.is-large{border-left:none;padding:2rem 2.5rem;text-align:center}.wp-block-quote.is-style-large p,.wp-block-quote.is-large p{font-size:1.4em;font-weight:300}.wp-block-pullquote{border-top:4px solid var(--wp-pullquote-border);border-bottom:4px solid var(--wp-pullquote-border);margin:2rem 0;padding:1.5rem 0;text-align:center}.wp-block-pullquote blockquote{margin:0}.wp-block-pullquote p{font-size:1.4em;font-style:italic;font-weight:300}.wp-block-pullquote cite{font-size:0.85em;color:var(--wp-caption-color);font-style:normal}.wp-block-pullquote.is-style-solid-color{background:var(--wp-button-bg);color:var(--wp-button-color);padding:2rem;border-color:transparent}.wp-block-pullquote.is-style-solid-color a{color:#fff}.wp-block-pullquote.is-style-solid-color cite{color:rgba(255,255,255,0.6)}.wp-block-pullquote.is-style-solid-color code{background:rgba(255,255,255,0.15);color:#fff}.wp-block-image{margin:1.75rem 0}.wp-block-image img{max-width:100%;height:auto;display:block}.wp-block-image figure{margin:0}.wp-block-image figcaption,.wp-block-image .wp-element-caption{font-size:0.85em;color:var(--wp-caption-color);text-align:center;margin-top:0.5rem}.wp-block-image.is-style-rounded img{border-radius:9999px}.wp-block-image.is-style-default img{border-radius:0}.wp-block-gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:var(--wp-gap);margin:1.75rem 0;padding:0;list-style:none}.wp-block-gallery.columns-default,.wp-block-gallery.is-layout-flex{display:grid}.wp-block-gallery.columns-1{grid-template-columns:1fr}.wp-block-gallery.columns-2{grid-template-columns:repeat(2,1fr)}.wp-block-gallery.columns-3{grid-template-columns:repeat(3,1fr)}.wp-block-gallery.columns-4{grid-template-columns:repeat(4,1fr)}.wp-block-gallery.columns-5{grid-template-columns:repeat(5,1fr)}.wp-block-gallery.columns-6{grid-template-columns:repeat(6,1fr)}.wp-block-gallery .wp-block-image,.wp-block-gallery figure{margin:0}.wp-block-gallery .wp-block-image img{width:100%;height:100%;object-fit:cover}.wp-block-gallery figcaption,.wp-block-gallery .wp-element-caption{font-size:0.8em;color:var(--wp-caption-color);text-align:center;margin-top:0.35rem}@media (max-width:640px){.wp-block-gallery.columns-3,.wp-block-gallery.columns-4,.wp-block-gallery.columns-5,.wp-block-gallery.columns-6{grid-template-columns:repeat(2,1fr)}}.wp-block-video{margin:1.75rem 0}.wp-block-video video{width:100%;height:auto;display:block}.wp-block-video figcaption,.wp-block-video .wp-element-caption{font-size:0.85em;color:var(--wp-caption-color);text-align:center;margin-top:0.5rem}.wp-block-audio{margin:1.75rem 0}.wp-block-audio audio{width:100%;display:block}.wp-block-audio figcaption,.wp-block-audio .wp-element-caption{font-size:0.85em;color:var(--wp-caption-color);text-align:center;margin-top:0.5rem}.wp-block-embed{margin:1.75rem 0}.wp-block-embed__wrapper{position:relative;width:100%;height:0;padding-bottom:56.25%;overflow:hidden}.wp-block-embed__wrapper iframe,.wp-block-embed__wrapper video,.wp-block-embed__wrapper object,.wp-block-embed__wrapper embed{position:absolute;top:0;left:0;width:100%;height:100%;border:0}.wp-block-embed.is-type-video.wp-embed-aspect-4-3 .wp-block-embed__wrapper,.wp-block-embed[class*="wp-embed-aspect-4-3"] .wp-block-embed__wrapper{padding-bottom:75%}.wp-block-embed[class*="wp-embed-aspect-1-1"] .wp-block-embed__wrapper{padding-bottom:100%}.wp-block-embed[class*="wp-embed-aspect-9-16"] .wp-block-embed__wrapper{padding-bottom:177.78%}.wp-block-embed[class*="wp-embed-aspect-21-9"] .wp-block-embed__wrapper{padding-bottom:42.86%}.wp-block-embed.is-type-rich .wp-block-embed__wrapper{height:auto;padding-bottom:0}.wp-block-embed.is-type-rich .wp-block-embed__wrapper iframe{position:static;width:100%;height:auto}.wp-block-embed figcaption,.wp-block-embed .wp-element-caption{font-size:0.85em;color:var(--wp-caption-color);text-align:center;margin-top:0.5rem}.wp-block-media-text{display:grid;grid-template-columns:1fr 1fr;gap:var(--wp-gap);align-items:center;margin:1.75rem 0}.wp-block-media-text.has-media-on-the-right{grid-template-columns:1fr 1fr}.wp-block-media-text.has-media-on-the-right .wp-block-media-text__media{order:2}.wp-block-media-text.has-media-on-the-right .wp-block-media-text__content{order:1}.wp-block-media-text__media img,.wp-block-media-text__media video{width:100%;height:auto;display:block}.wp-block-media-text__content{padding:1rem}@media (max-width:768px){.wp-block-media-text.is-stacked-on-mobile{grid-template-columns:1fr}}@media (max-width:768px){.wp-block-media-text{grid-template-columns:1fr}.wp-block-media-text.has-media-on-the-right .wp-block-media-text__media{order:0}.wp-block-media-text.has-media-on-the-right .wp-block-media-text__content{order:0}}.wp-block-cover{position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden;min-height:430px;margin:1.75rem 0;background-size:cover;background-position:center}.wp-block-cover__image-background,.wp-block-cover__video-background{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;z-index:0}.wp-block-cover__image-background[data-object-fit="cover"]{object-fit:cover}.wp-block-cover__image-background[data-object-fit="contain"]{object-fit:contain}.wp-block-cover__background,.wp-block-cover-image__background{position:absolute;inset:0;z-index:1}.wp-block-cover__inner-container{position:relative;z-index:2;width:100%;max-width:var(--wp-content-max-width);padding:2rem;color:#fff;text-align:center}.wp-block-cover.has-left-content .wp-block-cover__inner-container{text-align:left}.wp-block-cover.has-right-content .wp-block-cover__inner-container{text-align:right}.wp-block-cover.is-light .wp-block-cover__inner-container{color:#333}.wp-block-columns{display:flex;flex-wrap:wrap;gap:var(--wp-gap);margin:1.75rem 0}.wp-block-column{flex:1 1 0%;min-width:0}.wp-block-columns.is-not-stacked-on-mobile .wp-block-column{flex-wrap:nowrap}@media (max-width:768px){.wp-block-columns:not(.is-not-stacked-on-mobile){flex-direction:column}.wp-block-columns:not(.is-not-stacked-on-mobile) .wp-block-column{flex-basis:100% !important}}.wp-block-group{margin:1.75rem 0}.wp-block-group.is-layout-flex{display:flex;flex-wrap:wrap;gap:var(--wp-gap);align-items:center}.wp-block-group.is-layout-grid{display:grid;gap:var(--wp-gap)}.wp-block-buttons{display:flex;flex-wrap:wrap;gap:0.75rem;margin:1.75rem 0}.wp-block-buttons.is-vertical{flex-direction:column;align-items:flex-start}.wp-block-button{display:inline-flex}.wp-block-button__link{display:inline-block;padding:0.65em 1.4em;background:var(--wp-button-bg);color:var(--wp-button-color);text-decoration:none;border-radius:4px;font-weight:600;font-size:0.95em;transition:opacity 0.15s ease;cursor:pointer;border:none}.wp-block-button__link:hover{opacity:0.85;color:#fff}.wp-block-button.is-style-outline .wp-block-button__link{background:transparent;border:2px solid currentColor;color:inherit}.wp-block-button.is-style-outline .wp-block-button__link:hover{opacity:0.75}.wp-block-button.is-style-fill .wp-block-button__link{background:var(--wp-button-bg);color:var(--wp-button-color)}.wp-block-table{margin:1.75rem 0;overflow-x:auto;display:block;width:100%}.wp-block-table table{width:max-content;border-collapse:collapse;font-size:0.95em}.wp-block-table th,.wp-block-table td{width:max-content;max-width:160px;padding:0.6rem 0.9rem;border:1px solid var(--wp-border-color);text-align:left;vertical-align:top}.wp-block-table th{background:var(--wp-surface-alt-bg);font-weight:700}.wp-block-table.is-style-stripes tbody tr:nth-child(odd) td{background:var(--wp-surface-bg)}.wp-block-table.is-style-stripes th,.wp-block-table.is-style-stripes td{border-color:transparent}.wp-block-table figcaption,.wp-block-table .wp-element-caption{font-size:0.85em;color:var(--wp-caption-color);text-align:center;margin-top:0.5rem}.wp-block-separator{border:none;border-top:2px solid var(--wp-border-color);margin:2rem auto;width:100%}.wp-block-separator.is-style-wide{width:100%}.wp-block-separator.is-style-dots{border:none;text-align:center;height:1.5rem}.wp-block-separator.is-style-dots::before{content:"· · ·";font-size:1.4em;letter-spacing:0.6em;color:var(--wp-caption-color)}.wp-block-spacer{display:block}.wp-block-file{display:flex;align-items:center;gap:1rem;padding:1rem;border:1px solid var(--wp-border-color);border-radius:4px;margin:1.75rem 0}.wp-block-file .wp-block-file__content-wrapper{flex:1}.wp-block-file .wp-block-file__textlink{font-weight:600;text-decoration:none}.wp-block-file .wp-block-file__textlink:hover{text-decoration:underline}.wp-block-file .wp-block-file__button{display:inline-block;padding:0.5em 1em;background:var(--wp-button-bg);color:var(--wp-button-color);text-decoration:none;border-radius:4px;font-size:0.85em;white-space:nowrap}.wp-block-file .wp-block-file__button:hover{opacity:0.85;color:#fff}.wp-block-details{margin:1.75rem 0;border:1px solid var(--wp-border-color);border-radius:4px;overflow:hidden}.wp-block-details>summary{padding:0.9rem 1.1rem;cursor:pointer;font-weight:600;-webkit-user-select:none;user-select:none;list-style:none;display:flex;align-items:center;justify-content:space-between;background:var(--wp-surface-bg)}.wp-block-details>summary::-webkit-details-marker{display:none}.wp-block-details>summary::after{content:"+";font-size:1.2em;font-weight:300;transition:transform 0.2s ease}.wp-block-details[open]>summary::after{content:"−"}.wp-block-details>:not(summary){padding:0.9rem 1.1rem}.wp-block-accordion{margin:1.75rem 0;border:1px solid var(--wp-border-color);border-radius:4px;overflow:hidden}.wp-block-accordion-item{border-bottom:1px solid var(--wp-border-color)}.wp-block-accordion-item:last-child{border-bottom:none}.wp-block-accordion-heading{padding:0;font-weight:600;cursor:pointer;background:var(--wp-surface-bg);-webkit-user-select:none;user-select:none;margin:0}.wp-block-accordion-heading__toggle{display:flex;align-items:center;justify-content:space-between;width:100%;padding:0.9rem 1.1rem;background:none;border:none;font-size:inherit;font-weight:600;text-align:left;cursor:pointer;color:inherit}.wp-block-accordion-heading__toggle-icon{flex-shrink:0;margin-left:1rem;font-size:1.2em;font-weight:300}.wp-block-accordion-panel{padding:1rem 1.1rem}.wp-block-accordion-panel[inert]{display:block;pointer-events:auto}.wp-block-social-links{display:flex;flex-wrap:wrap;gap:0.5rem;padding:0;list-style:none;margin:1.75rem 0}.wp-block-social-link{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:4px;overflow:hidden}.wp-block-social-link a{display:flex;align-items:center;justify-content:center;width:100%;height:100%;text-decoration:none}.wp-block-social-link svg{width:1.1rem;height:1.1rem;fill:currentColor;display:block;flex-shrink:0}.wp-block-social-link-label.screen-reader-text{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.wp-block-social-links.is-style-pill-shape .wp-block-social-link{border-radius:9999px;padding:0 0.75rem;width:auto}.wp-block-social-links.is-style-logos-only .wp-block-social-link{background:transparent !important}.wp-block-social-link-anchor{color:#fff}.wp-block-social-link{background:#444}.wp-social-link-facebook{background:#1877f2}.wp-social-link-twitter,.wp-social-link-x{background:#000}.wp-social-link-instagram{background:#e1306c}.wp-social-link-linkedin{background:#0a66c2}.wp-social-link-youtube{background:#ff0000}.wp-social-link-github{background:#24292e}.wp-social-link-tiktok{background:#010101}.wp-social-link-pinterest{background:#e60023}.wp-social-link-snapchat{background:#fffc00;color:#000}.wp-social-link-tumblr{background:#35465c}.wp-social-link-reddit{background:#ff4500}.wp-social-link-spotify{background:#1db954}.wp-social-link-mastodon{background:#6364ff}.wp-social-link-chain{background:#444}blockquote.twitter-tweet{display:flex;flex-direction:column;border-left:3px solid #1da1f2;padding:1rem 1rem 2rem 1.25rem;margin:1.75rem 0;font-style:italic;background:transparent}blockquote.twitter-tweet p{margin:0 0 0.75rem}blockquote.twitter-tweet a{color:#1da1f2;word-break:break-word}.is-provider-twitter,.wp-block-embed-twitter{display:flex}.is-provider-twitter>.wp-block-embed__wrapper,.wp-block-embed-twitter>.wp-block-embed__wrapper{position:static;height:auto;padding-bottom:0 !important;width:100%}.is-provider-twitter .twitter-tweet,.wp-block-embed-twitter .twitter-tweet{height:100%}.is-provider-twitter iframe,.wp-block-embed-twitter iframe{position:static;width:100% !important;max-width:550px;height:auto !important}.instagram-media{border-radius:4px;margin:1.5rem auto !important;max-width:540px !important}.tiktok-embed{border-radius:4px;margin:1.5rem auto;max-width:605px}.tiktok-embed a{word-break:break-word}.wp-block-search{margin:1.75rem 0}.wp-block-search__inside-wrapper{display:flex;align-items:stretch;gap:0;border:1px solid var(--wp-border-color);border-radius:4px;overflow:hidden}.wp-block-search__input{flex:1;padding:0.6rem 0.9rem;border:none;font-size:1em;outline:none;background:var(--wp-input-bg);color:var(--wp-input-color)}.wp-block-search__button{padding:0.6rem 1rem;background:var(--wp-button-bg);color:var(--wp-button-color);border:none;cursor:pointer;font-size:0.9em;font-weight:600;white-space:nowrap}.wp-block-search__button:hover{background:#555}.wp-block-search__label{display:block;font-size:0.85em;font-weight:600;margin-bottom:0.35rem}.wp-block-latest-posts{padding:0;list-style:none;margin:1.75rem 0}.wp-block-latest-posts__post-title{font-weight:600;text-decoration:none;display:block}.wp-block-latest-posts__post-title:hover{text-decoration:underline}.wp-block-latest-posts__post-date{font-size:0.8em;color:var(--wp-caption-color);display:block;margin-bottom:0.35rem}.wp-block-latest-posts__post-excerpt{font-size:0.9em;margin-top:0.25rem}.wp-block-latest-posts.is-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:var(--wp-gap)}.wp-block-latest-comments{padding:0;list-style:none;margin:1.75rem 0}.wp-block-latest-comments__comment{margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px solid var(--wp-border-color)}.wp-block-latest-comments__comment-meta{font-size:0.85em;color:var(--wp-caption-color)}.wp-block-math{margin:1.75rem 0;overflow-x:auto;overflow-y:hidden}.wp-block-math math,.wp-block-math .math-inline{display:block;font-size:1.1em;line-height:1.6}.math-inline{display:inline;font-size:1em}.MathJax,.katex-display{overflow-x:auto;overflow-y:hidden;padding:0.25rem 0}.wp-block-navigation{display:flex;flex-wrap:wrap;gap:0.5rem}.wp-block-navigation-item{list-style:none}.wp-block-navigation-item__content{text-decoration:none;padding:0.25rem 0.5rem;display:block}.alignwide{max-width:var(--wp-wide-max-width);margin-left:auto;margin-right:auto;width:100%}.alignfull{width:100vw;max-width:100vw;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw)}.alignleft{float:left;margin:0 1.5rem 1rem 0;max-width:50%}.alignright{float:right;margin:0 0 1rem 1.5rem;max-width:50%}.aligncenter{display:block;margin-left:auto;margin-right:auto}.wp-content::after{content:"";display:table;clear:both}@media (max-width:640px){.alignleft,.alignright{float:none;margin:1rem 0;max-width:100%}}.has-text-align-left{text-align:left}.has-text-align-center{text-align:center}.has-text-align-right{text-align:right}.has-background{padding:1.25rem 1.5rem}[class*="has-"][class*="-background-color"]{padding:0.2em 0}.has-black-color{color:#000}.has-white-color{color:#fff}.has-cyan-bluish-gray-color{color:#abb8c3}.has-pale-pink-color{color:#f78da7}.has-vivid-red-color{color:#cf2e2e}.has-luminous-vivid-orange-color{color:#ff6900}.has-luminous-vivid-amber-color{color:#fcb900}.has-light-green-cyan-color{color:#7bdcb5}.has-vivid-green-cyan-color{color:#00d084}.has-pale-cyan-blue-color{color:#8ed1fc}.has-vivid-cyan-blue-color{color:#0693e3}.has-vivid-purple-color{color:#9b51e0}.has-black-background-color{background-color:#000}.has-white-background-color{background-color:#fff}.has-cyan-bluish-gray-background-color{background-color:#abb8c3}.has-pale-pink-background-color{background-color:#f78da7}.has-vivid-red-background-color{background-color:#cf2e2e}.has-luminous-vivid-orange-background-color{background-color:#ff6900}.has-luminous-vivid-amber-background-color{background-color:#fcb900}.has-light-green-cyan-background-color{background-color:#7bdcb5}.has-vivid-green-cyan-background-color{background-color:#00d084}.has-pale-cyan-blue-background-color{background-color:#8ed1fc}.has-vivid-cyan-blue-background-color{background-color:#0693e3}.has-vivid-purple-background-color{background-color:#9b51e0}.has-small-font-size{font-size:0.8em}.has-medium-font-size{font-size:1em}.has-large-font-size{font-size:1.4em}.has-x-large-font-size{font-size:1.8em}.has-xx-large-font-size{font-size:2.4em}.has-huge-font-size{font-size:2.8em}.wp-block-freeform{line-height:1.7}.wp-caption{max-width:100%;margin:1rem 0}.wp-caption img{display:block;max-width:100%;height:auto}.wp-caption-text,.wp-caption p{font-size:0.85em;color:var(--wp-caption-color);text-align:center;margin:0.35rem 0 0}@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){--wp-border-color:#333;--wp-code-bg:#111;--wp-code-color:#f8f8f2;--wp-inline-code-bg:#1a1a1a;--wp-inline-code-color:#f8f8f2;--wp-blockquote-border:#555;--wp-caption-color:#aaa;--wp-button-bg:#555;--wp-button-color:#fff;--wp-input-bg:#1a1a1a;--wp-input-color:#f0f0f0;--wp-scrollbar-color:#666;--wp-surface-bg:#1a1a1a;--wp-surface-alt-bg:#1a1a1a}:root:not([data-theme="light"]) .wp-block-table.is-style-stripes tbody tr:nth-child(odd) td{background:#161616}:root:not([data-theme="light"]) .wp-block-latest-comments__comment{border-bottom-color:#333}}[data-theme="dark"]{--wp-border-color:#333;--wp-code-bg:#111;--wp-code-color:#f8f8f2;--wp-inline-code-bg:#1a1a1a;--wp-inline-code-color:#f8f8f2;--wp-blockquote-border:#555;--wp-caption-color:#aaa;--wp-button-bg:#555;--wp-button-color:#fff;--wp-input-bg:#1a1a1a;--wp-input-color:#f0f0f0;--wp-scrollbar-color:#666;--wp-surface-bg:#1a1a1a;--wp-surface-alt-bg:#1a1a1a}[data-theme="dark"] .wp-block-table.is-style-stripes tbody tr:nth-child(odd) td{background:#161616}[data-theme="dark"] .wp-block-latest-comments__comment{border-bottom-color:#333}@media print{.wp-block-buttons,.wp-block-button,.wp-block-search,.wp-block-social-links,.wp-block-navigation,.wp-block-cover__video-background{display:none !important}.alignfull,.alignwide{width:100% !important;max-width:100% !important;margin-left:0 !important;margin-right:0 !important}.alignleft,.alignright{float:none !important;max-width:100% !important;margin:1rem 0 !important}.wp-block-image img,.wp-block-gallery .wp-block-image img,.wp-block-media-text__media img{max-width:100% !important;height:auto !important}.wp-block-embed{border:1px solid #ccc;padding:1rem;text-align:center;font-size:0.85em;color:#666}.wp-block-embed__wrapper{position:static !important;height:auto !important;padding-bottom:0 !important}.wp-block-embed__wrapper iframe{display:none !important}.wp-block-embed::before{content:"[Embedded media — view online]";display:block}.wp-block-code,.wp-block-preformatted{overflow:visible !important;white-space:pre-wrap !important;border:1px solid #ccc}.wp-block-columns{flex-direction:column !important}.wp-block-image,.wp-block-table,.wp-block-quote,.wp-block-pullquote,.wp-block-code{break-inside:avoid;page-break-inside:avoid}.wp-content a[href]::after{content:" (" attr(href) ")";font-size:0.8em;color:#555;word-break:break-all}.wp-block-button__link::after,.wp-block-navigation-item__content::after{content:none !important}}
|
|
1
|
+
:root{--wp-content-max-width:860px;--wp-wide-max-width:1200px;--wp-gap:1.5rem;--wp-border-color:#e2e2e2;--wp-code-bg:#1e1e1e;--wp-code-color:#f8f8f2;--wp-inline-code-bg:#f4f4f4;--wp-inline-code-color:#1a1a1a;--wp-blockquote-border:#888;--wp-pullquote-border:currentColor;--wp-caption-color:#6b6b6b;--wp-button-bg:#333;--wp-button-color:#fff;--wp-input-bg:#fff;--wp-input-color:inherit;--wp-scrollbar-color:#555;--wp-link-color:#2563eb;--wp-link-visited-color:#7c3aed;--wp-surface-bg:#f9f9f9;--wp-surface-alt-bg:#f5f5f5}.wp-content{max-width:var(--wp-content-max-width);margin:0 auto;padding:0;line-height:1.7;word-break:break-word;overflow-wrap:break-word}.wp-content *{box-sizing:border-box}.wp-content a{word-wrap:break-word;color:var(--wp-link-color,#2563eb);text-decoration:underline}.wp-content a:hover{opacity:.8}.wp-content a:visited{color:var(--wp-link-visited-color,#7c3aed)}.wp-block-paragraph,.wp-content p{margin-bottom:1.25rem}.has-drop-cap::first-letter,.wp-block-paragraph.has-drop-cap::first-letter{float:left;font-size:4em;line-height:.68;font-weight:700;margin:.1em .15em 0 0}.wp-block-heading,.wp-content h1,.wp-content h2,.wp-content h3,.wp-content h4,.wp-content h5,.wp-content h6{margin-top:2rem;margin-bottom:.75rem;line-height:1.25;font-weight:700}.wp-content h1:first-child,.wp-content h2:first-child,.wp-content h3:first-child{margin-top:0}.wp-content h1{font-size:2em}.wp-content h2{font-size:1.6em}.wp-content h3{font-size:1.35em}.wp-content h4{font-size:1.15em}.wp-content h5{font-size:1em}.wp-content h6{font-size:.9em}.wp-block-list,.wp-content ol,.wp-content ul{padding:0 0 0 1.5rem;margin-bottom:1.25rem}.wp-block-list li,.wp-content ol li,.wp-content ul li{margin-bottom:.35rem;line-height:1.6}.wp-block-list:not(ol),.wp-content ul{list-style-type:disc;list-style-position:outside}.wp-content ol ul,.wp-content ul ul{list-style-type:circle;list-style-position:outside;margin-left:1.25rem;padding-top:.25rem}.wp-content ul ul ul{list-style-type:square}.wp-block-list[type=ordered],.wp-content ol{list-style-type:decimal;list-style-position:outside}.wp-content ol ol,.wp-content ul ol{list-style-type:lower-latin;list-style-position:outside;margin-left:1.25rem;padding-top:.25rem}.wp-content ol ol ol{list-style-type:lower-roman}.wp-block-list.is-style-checked-list,.wp-block-list.is-style-checkmark-list{list-style:none;padding-left:0}.wp-block-list.is-style-checked-list li::before,.wp-block-list.is-style-checkmark-list li::before{content:"✓ ";font-weight:700}.wp-block-preformatted{font-family:monospace;font-size:.9em;white-space:pre-wrap;background:var(--wp-code-bg);color:var(--wp-code-color);padding:1.25rem;border-radius:4px;overflow-x:auto;margin:1.75rem 0}.wp-block-code{background:var(--wp-code-bg);color:var(--wp-code-color);border-radius:4px;margin:1.75rem 0;overflow-x:auto;overflow-y:hidden;scrollbar-width:thin;scrollbar-color:var(--wp-scrollbar-color) var(--wp-code-bg)}.wp-block-code::-webkit-scrollbar{height:6px;background:var(--wp-code-bg)}.wp-block-code::-webkit-scrollbar-track{background:var(--wp-code-bg)}.wp-block-code::-webkit-scrollbar-thumb{background-color:var(--wp-scrollbar-color);border-radius:10px}.wp-block-code code{display:block;padding:1.25rem;font-family:SFMono-Regular,Consolas,"Liberation Mono",Menlo,monospace;font-size:.875em;line-height:1.6;white-space:pre}.wp-content code{font-family:SFMono-Regular,Consolas,monospace;font-size:.875em;background:var(--wp-inline-code-bg);color:var(--wp-inline-code-color);padding:.15em .4em;border-radius:3px}.wp-block-code code{background:0 0;color:inherit;padding:12px;border-radius:0;font-size:inherit}.wp-block-verse{font-family:inherit;font-style:italic;white-space:pre-wrap;padding:1rem 1.5rem;margin:1.75rem 0;border-left:3px solid var(--wp-blockquote-border)}.wp-block-footnotes{font-size:.85em;color:var(--wp-caption-color);border-top:1px solid var(--wp-border-color);margin-top:2.5rem;padding-top:1rem}.wp-block-footnotes ol{padding-left:1.25rem}.wp-block-quote{border-left:4px solid var(--wp-blockquote-border);margin:2rem 0;padding:1rem 1.5rem}.wp-block-quote p{margin:0 0 .5rem;font-style:italic}.wp-block-quote cite{display:block;font-size:.85em;color:var(--wp-caption-color);font-style:normal}.wp-block-quote.is-large,.wp-block-quote.is-style-large{border-left:none;padding:2rem 2.5rem;text-align:center}.wp-block-quote.is-large p,.wp-block-quote.is-style-large p{font-size:1.4em;font-weight:300}.wp-block-pullquote{border-top:4px solid var(--wp-pullquote-border);border-bottom:4px solid var(--wp-pullquote-border);margin:2rem 0;padding:1.5rem 0;text-align:center}.wp-block-pullquote blockquote{margin:0}.wp-block-pullquote p{font-size:1.4em;font-style:italic;font-weight:300}.wp-block-pullquote cite{font-size:.85em;color:var(--wp-caption-color);font-style:normal}.wp-block-pullquote.is-style-solid-color{background:var(--wp-button-bg);color:var(--wp-button-color);padding:2rem;border-color:transparent}.wp-block-pullquote.is-style-solid-color a{color:#fff}.wp-block-pullquote.is-style-solid-color cite{color:rgba(255,255,255,.6)}.wp-block-pullquote.is-style-solid-color code{background:rgba(255,255,255,.15);color:#fff}.wp-block-image{margin:1.75rem 0}.wp-block-image img{max-width:100%;height:auto;display:block}.wp-block-image figure{margin:0}.wp-block-image .wp-element-caption,.wp-block-image figcaption{font-size:.85em;color:var(--wp-caption-color);text-align:center;margin-top:.5rem}.wp-block-image.is-style-rounded img{border-radius:9999px}.wp-block-image.is-style-default img{border-radius:0}.wp-block-gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:var(--wp-gap);margin:1.75rem 0;padding:0;list-style:none}.wp-block-gallery.columns-default,.wp-block-gallery.is-layout-flex{display:grid}.wp-block-gallery.columns-1{grid-template-columns:1fr}.wp-block-gallery.columns-2{grid-template-columns:repeat(2,1fr)}.wp-block-gallery.columns-3{grid-template-columns:repeat(3,1fr)}.wp-block-gallery.columns-4{grid-template-columns:repeat(4,1fr)}.wp-block-gallery.columns-5{grid-template-columns:repeat(5,1fr)}.wp-block-gallery.columns-6{grid-template-columns:repeat(6,1fr)}.wp-block-gallery .wp-block-image,.wp-block-gallery figure{margin:0}.wp-block-gallery .wp-block-image img{width:100%;height:100%;object-fit:cover}.wp-block-gallery .wp-element-caption,.wp-block-gallery figcaption{font-size:.8em;color:var(--wp-caption-color);text-align:center;margin-top:.35rem}@media (max-width:640px){.wp-block-gallery.columns-3,.wp-block-gallery.columns-4,.wp-block-gallery.columns-5,.wp-block-gallery.columns-6{grid-template-columns:repeat(2,1fr)}}.wp-block-video{margin:1.75rem 0}.wp-block-video video{width:100%;height:auto;display:block}.wp-block-video .wp-element-caption,.wp-block-video figcaption{font-size:.85em;color:var(--wp-caption-color);text-align:center;margin-top:.5rem}.wp-block-audio{margin:1.75rem 0}.wp-block-audio audio{width:100%;display:block}.wp-block-audio .wp-element-caption,.wp-block-audio figcaption{font-size:.85em;color:var(--wp-caption-color);text-align:center;margin-top:.5rem}.wp-block-embed{margin:1.75rem 0}.wp-block-embed__wrapper{position:relative;width:100%;height:0;padding-bottom:56.25%;overflow:hidden}.wp-block-embed__wrapper embed,.wp-block-embed__wrapper iframe,.wp-block-embed__wrapper object,.wp-block-embed__wrapper video{position:absolute;top:0;left:0;width:100%;height:100%;border:0}.wp-block-embed.is-type-video.wp-embed-aspect-4-3 .wp-block-embed__wrapper,.wp-block-embed[class*=wp-embed-aspect-4-3] .wp-block-embed__wrapper{padding-bottom:75%}.wp-block-embed[class*=wp-embed-aspect-1-1] .wp-block-embed__wrapper{padding-bottom:100%}.wp-block-embed[class*=wp-embed-aspect-9-16] .wp-block-embed__wrapper{padding-bottom:177.78%}.wp-block-embed[class*=wp-embed-aspect-21-9] .wp-block-embed__wrapper{padding-bottom:42.86%}.wp-block-embed.is-type-rich .wp-block-embed__wrapper{height:auto;padding-bottom:0}.wp-block-embed.is-type-rich .wp-block-embed__wrapper iframe{position:static;width:100%;height:auto}.wp-block-embed .wp-element-caption,.wp-block-embed figcaption{font-size:.85em;color:var(--wp-caption-color);text-align:center;margin-top:.5rem}.wp-block-media-text{display:grid;grid-template-columns:1fr 1fr;gap:var(--wp-gap);align-items:center;margin:1.75rem 0}.wp-block-media-text.has-media-on-the-right{grid-template-columns:1fr 1fr}.wp-block-media-text.has-media-on-the-right .wp-block-media-text__media{order:2}.wp-block-media-text.has-media-on-the-right .wp-block-media-text__content{order:1}.wp-block-media-text__media img,.wp-block-media-text__media video{width:100%;height:auto;display:block}.wp-block-media-text__content{padding:1rem}@media (max-width:768px){.wp-block-media-text.is-stacked-on-mobile{grid-template-columns:1fr}}@media (max-width:768px){.wp-block-media-text{grid-template-columns:1fr}.wp-block-media-text.has-media-on-the-right .wp-block-media-text__media{order:0}.wp-block-media-text.has-media-on-the-right .wp-block-media-text__content{order:0}}.wp-block-cover{position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden;min-height:430px;margin:1.75rem 0;background-size:cover;background-position:center}.wp-block-cover__image-background,.wp-block-cover__video-background{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;z-index:0}.wp-block-cover__image-background[data-object-fit=cover]{object-fit:cover}.wp-block-cover__image-background[data-object-fit=contain]{object-fit:contain}.wp-block-cover-image__background,.wp-block-cover__background{position:absolute;inset:0;z-index:1}.wp-block-cover__inner-container{position:relative;z-index:2;width:100%;max-width:var(--wp-content-max-width);padding:2rem;color:#fff;text-align:center}.wp-block-cover.has-left-content .wp-block-cover__inner-container{text-align:left}.wp-block-cover.has-right-content .wp-block-cover__inner-container{text-align:right}.wp-block-cover.is-light .wp-block-cover__inner-container{color:#333}.wp-block-columns{display:flex;flex-wrap:wrap;gap:var(--wp-gap);margin:1.75rem 0}.wp-block-column{flex:1 1 0%;min-width:0}.wp-block-columns.is-not-stacked-on-mobile .wp-block-column{flex-wrap:nowrap}@media (max-width:768px){.wp-block-columns:not(.is-not-stacked-on-mobile){flex-direction:column}.wp-block-columns:not(.is-not-stacked-on-mobile) .wp-block-column{flex-basis:100%!important}}.wp-block-group{margin:1.75rem 0}.wp-block-group.is-layout-flex{display:flex;flex-wrap:wrap;gap:var(--wp-gap);align-items:center}.wp-block-group.is-layout-grid{display:grid;gap:var(--wp-gap)}.wp-block-buttons{display:flex;flex-wrap:wrap;gap:.75rem;margin:1.75rem 0}.wp-block-buttons.is-vertical{flex-direction:column;align-items:flex-start}.wp-block-button{display:inline-flex}.wp-block-button__link{display:inline-block;padding:.65em 1.4em;background:var(--wp-button-bg);color:var(--wp-button-color);text-decoration:none;border-radius:4px;font-weight:600;font-size:.95em;transition:opacity .15s ease;cursor:pointer;border:none}.wp-block-button__link:hover{opacity:.85;color:#fff}.wp-block-button.is-style-outline .wp-block-button__link{background:0 0;border:2px solid currentColor;color:inherit}.wp-block-button.is-style-outline .wp-block-button__link:hover{opacity:.75}.wp-block-button.is-style-fill .wp-block-button__link{background:var(--wp-button-bg);color:var(--wp-button-color)}.wp-block-table{margin:1.75rem 0;overflow-x:auto;display:block;width:100%}.wp-block-table table{width:max-content;border-collapse:collapse;font-size:.95em}.wp-block-table td,.wp-block-table th{width:max-content;max-width:320px;padding:.6rem .9rem;border:1px solid var(--wp-border-color);text-align:left;vertical-align:top}.wp-block-table th{background:var(--wp-surface-alt-bg);font-weight:700}.wp-block-table.is-style-stripes tbody tr:nth-child(odd) td{background:var(--wp-surface-bg)}.wp-block-table.is-style-stripes td,.wp-block-table.is-style-stripes th{border-color:transparent}.wp-block-table .wp-element-caption,.wp-block-table figcaption{font-size:.85em;color:var(--wp-caption-color);text-align:center;margin-top:.5rem}.wp-block-separator{border:none;border-top:2px solid var(--wp-border-color);margin:2rem auto;width:100%}.wp-block-separator.is-style-wide{width:100%}.wp-block-separator.is-style-dots{border:none;text-align:center;height:1.5rem}.wp-block-separator.is-style-dots::before{content:"· · ·";font-size:1.4em;letter-spacing:.6em;color:var(--wp-caption-color)}.wp-block-spacer{display:block}.wp-block-file{display:flex;align-items:center;gap:1rem;padding:1rem;border:1px solid var(--wp-border-color);border-radius:4px;margin:1.75rem 0}.wp-block-file .wp-block-file__content-wrapper{flex:1}.wp-block-file .wp-block-file__textlink{font-weight:600;text-decoration:none}.wp-block-file .wp-block-file__textlink:hover{text-decoration:underline}.wp-block-file .wp-block-file__button{display:inline-block;padding:.5em 1em;background:var(--wp-button-bg);color:var(--wp-button-color);text-decoration:none;border-radius:4px;font-size:.85em;white-space:nowrap}.wp-block-file .wp-block-file__button:hover{opacity:.85;color:#fff}.wp-block-details{margin:1.75rem 0;border:1px solid var(--wp-border-color);border-radius:4px;overflow:hidden}.wp-block-details>summary{padding:.9rem 1.1rem;cursor:pointer;font-weight:600;-webkit-user-select:none;user-select:none;list-style:none;display:flex;align-items:center;justify-content:space-between;background:var(--wp-surface-bg)}.wp-block-details>summary::-webkit-details-marker{display:none}.wp-block-details>summary::after{content:"+";font-size:1.2em;font-weight:300;transition:transform .2s ease}.wp-block-details[open]>summary::after{content:"−"}.wp-block-details>:not(summary){padding:.9rem 1.1rem}.wp-block-accordion{margin:1.75rem 0;border:1px solid var(--wp-border-color);border-radius:4px;overflow:hidden}.wp-block-accordion-item{border-bottom:1px solid var(--wp-border-color)}.wp-block-accordion-item:last-child{border-bottom:none}.wp-block-accordion-heading{padding:0;font-weight:600;cursor:pointer;background:var(--wp-surface-bg);-webkit-user-select:none;user-select:none;margin:0}.wp-block-accordion-heading__toggle{display:flex;align-items:center;justify-content:space-between;width:100%;padding:.9rem 1.1rem;background:0 0;border:none;font-size:inherit;font-weight:600;text-align:left;cursor:pointer;color:inherit}.wp-block-accordion-heading__toggle-icon{flex-shrink:0;margin-left:1rem;font-size:1.2em;font-weight:300}.wp-block-accordion-panel{padding:1rem 1.1rem}.wp-block-accordion-panel[inert]{display:block;pointer-events:auto}.wp-block-social-links{display:flex;flex-wrap:wrap;gap:.5rem;padding:0;list-style:none;margin:1.75rem 0}.wp-block-social-link{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:4px;overflow:hidden}.wp-block-social-link a{display:flex;align-items:center;justify-content:center;width:100%;height:100%;text-decoration:none}.wp-block-social-link svg{width:1.1rem;height:1.1rem;fill:currentColor;display:block;flex-shrink:0}.wp-block-social-link-label.screen-reader-text{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.wp-block-social-links.is-style-pill-shape .wp-block-social-link{border-radius:9999px;padding:0 .75rem;width:auto}.wp-block-social-links.is-style-logos-only .wp-block-social-link{background:0 0!important}.wp-block-social-link-anchor{color:#fff}.wp-block-social-link{background:#444}.wp-social-link-facebook{background:#1877f2}.wp-social-link-twitter,.wp-social-link-x{background:#000}.wp-social-link-instagram{background:#e1306c}.wp-social-link-linkedin{background:#0a66c2}.wp-social-link-youtube{background:red}.wp-social-link-github{background:#24292e}.wp-social-link-tiktok{background:#010101}.wp-social-link-pinterest{background:#e60023}.wp-social-link-snapchat{background:#fffc00;color:#000}.wp-social-link-tumblr{background:#35465c}.wp-social-link-reddit{background:#ff4500}.wp-social-link-spotify{background:#1db954}.wp-social-link-mastodon{background:#6364ff}.wp-social-link-chain{background:#444}blockquote.twitter-tweet{display:flex;flex-direction:column;border-left:3px solid #1da1f2;padding:1rem 1rem 2rem 1.25rem;margin:1.75rem 0;font-style:italic;background:0 0}blockquote.twitter-tweet p{margin:0 0 .75rem}blockquote.twitter-tweet a{color:#1da1f2;word-break:break-word}.is-provider-twitter,.wp-block-embed-twitter{display:flex}.is-provider-twitter>.wp-block-embed__wrapper,.wp-block-embed-twitter>.wp-block-embed__wrapper{position:static;height:auto;padding-bottom:0!important;width:100%}.is-provider-twitter .twitter-tweet,.wp-block-embed-twitter .twitter-tweet{height:100%}.is-provider-twitter iframe,.wp-block-embed-twitter iframe{position:static;width:100%!important;max-width:550px}.instagram-media{border-radius:4px;margin:1.5rem auto!important;max-width:540px!important}.tiktok-embed{border-radius:4px;margin:1.5rem auto;max-width:605px}.tiktok-embed a{word-break:break-word}.wp-block-search{margin:1.75rem 0}.wp-block-search__inside-wrapper{display:flex;align-items:stretch;gap:0;border:1px solid var(--wp-border-color);border-radius:4px;overflow:hidden}.wp-block-search__input{flex:1;padding:.6rem .9rem;border:none;font-size:1em;outline:0;background:var(--wp-input-bg);color:var(--wp-input-color)}.wp-block-search__button{padding:.6rem 1rem;background:var(--wp-button-bg);color:var(--wp-button-color);border:none;cursor:pointer;font-size:.9em;font-weight:600;white-space:nowrap}.wp-block-search__button:hover{background:#555}.wp-block-search__label{display:block;font-size:.85em;font-weight:600;margin-bottom:.35rem}.wp-block-latest-posts{padding:0;list-style:none;margin:1.75rem 0}.wp-block-latest-posts__post-title{font-weight:600;text-decoration:none;display:block}.wp-block-latest-posts__post-title:hover{text-decoration:underline}.wp-block-latest-posts__post-date{font-size:.8em;color:var(--wp-caption-color);display:block;margin-bottom:.35rem}.wp-block-latest-posts__post-excerpt{font-size:.9em;margin-top:.25rem}.wp-block-latest-posts.is-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:var(--wp-gap)}.wp-block-latest-comments{padding:0;list-style:none;margin:1.75rem 0}.wp-block-latest-comments__comment{margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px solid var(--wp-border-color)}.wp-block-latest-comments__comment-meta{font-size:.85em;color:var(--wp-caption-color)}.wp-block-math{margin:1.75rem 0;overflow-x:auto;overflow-y:hidden}.wp-block-math .math-inline,.wp-block-math math{display:block;font-size:1.1em;line-height:1.6}.math-inline{display:inline;font-size:1em}.MathJax,.katex-display{overflow-x:auto;overflow-y:hidden;padding:.25rem 0}.wp-block-navigation{display:flex;flex-wrap:wrap;gap:.5rem}.wp-block-navigation-item{list-style:none}.wp-block-navigation-item__content{text-decoration:none;padding:.25rem .5rem;display:block}.wp-block-rss{padding:0;list-style:none;margin:1.75rem 0}.wp-block-rss__item{margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px solid var(--wp-border-color)}.wp-block-rss__item:last-child{border-bottom:none}.wp-block-rss__item-title{font-weight:600;text-decoration:none;display:block}.wp-block-rss__item-title:hover{text-decoration:underline}.wp-block-rss__item-publish-date{font-size:.8em;color:var(--wp-caption-color);display:block;margin-top:.25rem}.wp-block-rss__item-author{font-size:.8em;color:var(--wp-caption-color);display:block}.wp-block-rss__item-excerpt{font-size:.9em;margin-top:.35rem}.wp-block-rss.is-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:var(--wp-gap)}.wp-block-icon{display:inline-flex;align-items:center;justify-content:center;margin:.25rem 0}.wp-block-icon figure{margin:0;display:inline-flex}.wp-block-icon svg{display:block;width:48px;height:48px;fill:currentColor;max-width:100%}.wp-block-breadcrumbs{display:flex;flex-wrap:wrap;align-items:center;gap:.25rem;margin:1rem 0;font-size:.9em;padding:0}.wp-block-breadcrumbs ol,.wp-block-breadcrumbs ul{display:flex;flex-wrap:wrap;align-items:center;gap:0;padding:0;margin:0;list-style:none}.wp-block-breadcrumbs li{display:inline-flex;align-items:center;margin:0}.wp-block-breadcrumbs .wp-block-breadcrumbs__separator,.wp-block-breadcrumbs [aria-hidden=true]{padding:0 .3rem;color:var(--wp-caption-color)}.wp-block-breadcrumbs a{text-decoration:none}.wp-block-breadcrumbs a:hover{text-decoration:underline}.wp-block-breadcrumbs .wp-block-breadcrumbs__current{color:var(--wp-caption-color)}.wp-block-navigation-overlay-close{display:inline-flex;align-items:center;justify-content:center;padding:.5rem;background:0 0;border:none;cursor:pointer;color:inherit;font-size:1em;line-height:1;border-radius:4px}.wp-block-navigation-overlay-close:hover{opacity:.75}.wp-block-tabs{margin:1.75rem 0}.wp-block-tab-list{display:flex;flex-wrap:wrap;gap:0;border-bottom:2px solid var(--wp-border-color);padding:0;margin:0 0 1rem;list-style:none}.wp-block-tab{display:inline-block;padding:.6rem 1.25rem;background:0 0;border:none;border-bottom:2px solid transparent;margin-bottom:-2px;font-size:.95em;font-weight:600;color:inherit;cursor:pointer;text-decoration:none}.wp-block-tab.is-active,.wp-block-tab[aria-selected=true]{border-bottom-color:currentColor}.wp-block-tab-panels{position:relative}.wp-block-tab-panel{display:block;padding:1rem 0}.wp-block-tab-panel+.wp-block-tab-panel{border-top:1px solid var(--wp-border-color)}.wp-block-tab-panel[hidden]{display:none}.wp-block-playlist{margin:1.75rem 0;border:1px solid var(--wp-border-color);border-radius:4px;overflow:hidden}.wp-block-playlist .wp-element-caption,.wp-block-playlist figcaption{font-size:.85em;color:var(--wp-caption-color);text-align:center;padding:.5rem}.wp-block-playlist-track{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;border-bottom:1px solid var(--wp-border-color);cursor:pointer}.wp-block-playlist-track:last-child{border-bottom:none}.wp-block-playlist-track:hover{background:var(--wp-surface-bg)}.wp-block-playlist-track img{width:48px;height:48px;object-fit:cover;flex-shrink:0;border-radius:2px}.wp-block-playlist-track__title{font-weight:600;font-size:.9em}.wp-block-playlist-track__album,.wp-block-playlist-track__artist{font-size:.8em;color:var(--wp-caption-color)}.wp-block-playlist-track__length{margin-left:auto;font-size:.85em;color:var(--wp-caption-color);font-variant-numeric:tabular-nums;flex-shrink:0}.wp-block-form{margin:1.75rem 0}.wp-block-form-input{margin-bottom:1rem}.wp-block-form-input label{display:block;font-weight:600;font-size:.9em;margin-bottom:.35rem}.wp-block-form-input input,.wp-block-form-input select,.wp-block-form-input textarea{width:100%;padding:.55rem .8rem;border:1px solid var(--wp-border-color);border-radius:4px;background:var(--wp-input-bg);color:var(--wp-input-color);font-size:1em;font-family:inherit}.wp-block-form-input input:focus,.wp-block-form-input select:focus,.wp-block-form-input textarea:focus{outline:2px solid var(--wp-link-color);outline-offset:-1px}.wp-block-form-input textarea{resize:vertical;min-height:120px}.wp-block-form-submit-button{margin-top:.5rem}.wp-block-form-submit-button button,.wp-block-form-submit-button input[type=submit]{display:inline-block;padding:.65em 1.4em;background:var(--wp-button-bg);color:var(--wp-button-color);border:none;border-radius:4px;font-weight:600;font-size:.95em;cursor:pointer;transition:opacity .15s ease}.wp-block-form-submit-button button:hover,.wp-block-form-submit-button input[type=submit]:hover{opacity:.85}.wp-block-form-submission-notification{padding:.9rem 1.1rem;border-radius:4px;font-size:.95em}.wp-block-form-submission-notification[data-type=success]{background:#d1fae5;color:#065f46;border:1px solid #6ee7b7}.wp-block-form-submission-notification[data-type=error]{background:#fee2e2;color:#991b1b;border:1px solid #fca5a5}.alignwide{max-width:var(--wp-wide-max-width);margin-left:auto;margin-right:auto;width:100%}.alignfull{width:100vw;max-width:100vw;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw)}.alignleft{float:left;margin:0 1.5rem 1rem 0;max-width:50%}.alignright{float:right;margin:0 0 1rem 1.5rem;max-width:50%}.aligncenter{display:block;margin-left:auto;margin-right:auto}.wp-content::after{content:"";display:table;clear:both}@media (max-width:640px){.alignleft,.alignright{float:none;margin:1rem 0;max-width:100%}}.has-text-align-left{text-align:left}.has-text-align-center{text-align:center}.has-text-align-right{text-align:right}.has-background{padding:1.25rem 1.5rem}[class*=has-][class*="-background-color"]{padding:.2em 0}.has-black-color{color:#000}.has-white-color{color:#fff}.has-cyan-bluish-gray-color{color:#abb8c3}.has-pale-pink-color{color:#f78da7}.has-vivid-red-color{color:#cf2e2e}.has-luminous-vivid-orange-color{color:#ff6900}.has-luminous-vivid-amber-color{color:#fcb900}.has-light-green-cyan-color{color:#7bdcb5}.has-vivid-green-cyan-color{color:#00d084}.has-pale-cyan-blue-color{color:#8ed1fc}.has-vivid-cyan-blue-color{color:#0693e3}.has-vivid-purple-color{color:#9b51e0}.has-black-background-color{background-color:#000}.has-white-background-color{background-color:#fff}.has-cyan-bluish-gray-background-color{background-color:#abb8c3}.has-pale-pink-background-color{background-color:#f78da7}.has-vivid-red-background-color{background-color:#cf2e2e}.has-luminous-vivid-orange-background-color{background-color:#ff6900}.has-luminous-vivid-amber-background-color{background-color:#fcb900}.has-light-green-cyan-background-color{background-color:#7bdcb5}.has-vivid-green-cyan-background-color{background-color:#00d084}.has-pale-cyan-blue-background-color{background-color:#8ed1fc}.has-vivid-cyan-blue-background-color{background-color:#0693e3}.has-vivid-purple-background-color{background-color:#9b51e0}.has-small-font-size{font-size:.8em}.has-medium-font-size{font-size:1em}.has-large-font-size{font-size:1.4em}.has-x-large-font-size{font-size:1.8em}.has-xx-large-font-size{font-size:2.4em}.has-huge-font-size{font-size:2.8em}.wp-block-freeform{line-height:1.7}.wp-caption{max-width:100%;margin:1rem 0}.wp-caption img{display:block;max-width:100%;height:auto}.wp-caption p,.wp-caption-text{font-size:.85em;color:var(--wp-caption-color);text-align:center;margin:.35rem 0 0}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--wp-border-color:#333;--wp-code-bg:#111;--wp-code-color:#f8f8f2;--wp-inline-code-bg:#1a1a1a;--wp-inline-code-color:#f8f8f2;--wp-blockquote-border:#555;--wp-caption-color:#aaa;--wp-button-bg:#555;--wp-button-color:#fff;--wp-input-bg:#1a1a1a;--wp-input-color:#f0f0f0;--wp-scrollbar-color:#666;--wp-surface-bg:#1a1a1a;--wp-surface-alt-bg:#1a1a1a}:root:not([data-theme=light]) .wp-block-table.is-style-stripes tbody tr:nth-child(odd) td{background:#161616}:root:not([data-theme=light]) .wp-block-latest-comments__comment{border-bottom-color:#333}}[data-theme=dark]{--wp-border-color:#333;--wp-code-bg:#111;--wp-code-color:#f8f8f2;--wp-inline-code-bg:#1a1a1a;--wp-inline-code-color:#f8f8f2;--wp-blockquote-border:#555;--wp-caption-color:#aaa;--wp-button-bg:#555;--wp-button-color:#fff;--wp-input-bg:#1a1a1a;--wp-input-color:#f0f0f0;--wp-scrollbar-color:#666;--wp-surface-bg:#1a1a1a;--wp-surface-alt-bg:#1a1a1a}[data-theme=dark] .wp-block-table.is-style-stripes tbody tr:nth-child(odd) td{background:#161616}[data-theme=dark] .wp-block-latest-comments__comment{border-bottom-color:#333}@media print{.wp-block-button,.wp-block-buttons,.wp-block-cover__video-background,.wp-block-navigation,.wp-block-search,.wp-block-social-links{display:none!important}.alignfull,.alignwide{width:100%!important;max-width:100%!important;margin-left:0!important;margin-right:0!important}.alignleft,.alignright{float:none!important;max-width:100%!important;margin:1rem 0!important}.wp-block-gallery .wp-block-image img,.wp-block-image img,.wp-block-media-text__media img{max-width:100%!important;height:auto!important}.wp-block-embed{border:1px solid #ccc;padding:1rem;text-align:center;font-size:.85em;color:#666}.wp-block-embed__wrapper{position:static!important;height:auto!important;padding-bottom:0!important}.wp-block-embed__wrapper iframe{display:none!important}.wp-block-embed::before{content:"[Embedded media — view online]";display:block}.wp-block-code,.wp-block-preformatted{overflow:visible!important;white-space:pre-wrap!important;border:1px solid #ccc}.wp-block-columns{flex-direction:column!important}.wp-block-code,.wp-block-image,.wp-block-pullquote,.wp-block-quote,.wp-block-table{break-inside:avoid;page-break-inside:avoid}.wp-content a[href]::after{content:" (" attr(href) ")";font-size:.8em;color:#555;word-break:break-all}.wp-block-button__link::after,.wp-block-navigation-item__content::after{content:none!important}}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "wp-block-styles",
|
|
3
|
-
"version": "1.0.
|
|
3
|
+
"version": "1.0.20",
|
|
4
4
|
"description": "Comprehensive CSS styles for WordPress Gutenberg block classes rendered via the headless WP REST API. Zero dependencies, framework agnostic.",
|
|
5
5
|
"style": "index.css",
|
|
6
6
|
"main": "index.css",
|