robindoc 3.7.3 → 3.7.4

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.
Files changed (2) hide show
  1. package/lib/styles.css +168 -168
  2. package/package.json +1 -1
package/lib/styles.css CHANGED
@@ -396,15 +396,6 @@
396
396
  grid-template-columns: 200px 640px 238px;
397
397
  grid-template-rows: auto 1fr auto;
398
398
  }
399
- }.r-page-container {
400
- min-height: calc(100dvh - var(--r-header-height));
401
- overflow-wrap: break-word;
402
- box-sizing: border-box;
403
- }.keylink-to-content {
404
- position: absolute !important;
405
- top: 8px;
406
- left: 12px;
407
- z-index: 1001;
408
399
  }.r-blog-container {
409
400
  min-height: calc(100dvh - var(--r-header-height));
410
401
  overflow-wrap: break-word;
@@ -419,60 +410,17 @@
419
410
  grid-template-columns: 760px 220px;
420
411
  grid-template-rows: auto 1fr auto;
421
412
  }
413
+ }.r-page-container {
414
+ min-height: calc(100dvh - var(--r-header-height));
415
+ overflow-wrap: break-word;
416
+ box-sizing: border-box;
417
+ }.keylink-to-content {
418
+ position: absolute !important;
419
+ top: 8px;
420
+ left: 12px;
421
+ z-index: 1001;
422
422
  }.r-keylink.keylink-to-navigation:focus {
423
423
  margin-top: -40px;
424
- }.r-article {
425
- padding: 20px 0 40px;
426
- grid-area: content;
427
- }
428
- @media screen and (width >= 1180px) {
429
- .r-article {
430
- padding: 32px 0 40px;
431
- }
432
- }
433
- .r-article > *:first-child {
434
- margin-top: 0;
435
- }
436
- .r-article > *:last-child {
437
- margin-bottom: 0;
438
- }
439
-
440
- .r-checkbox {
441
- cursor: pointer;
442
- width: 20px;
443
- height: 20px;
444
- margin: 4px;
445
- vertical-align: middle;
446
- box-sizing: border-box;
447
- }
448
-
449
- .r-label {
450
- cursor: pointer;
451
- }
452
-
453
- .r-task-ol,
454
- .r-task-ul {
455
- list-style: none;
456
- }
457
-
458
- .r-task-label {
459
- display: block;
460
- width: 100%;
461
- padding-top: 2px;
462
- padding-bottom: 2px;
463
- box-sizing: border-box;
464
- }
465
- .r-task-label:hover .r-checkbox {
466
- filter: brightness(0.8);
467
- }
468
-
469
- .r-task-li.r-task-li {
470
- margin-block-start: 2px;
471
- margin-block-end: 2px;
472
- }
473
-
474
- .r-label-text {
475
- vertical-align: middle;
476
424
  }.r-sidebar {
477
425
  grid-area: sidebar;
478
426
  box-sizing: border-box;
@@ -764,6 +712,58 @@
764
712
 
765
713
  .r-sidebar-drop[open] > .r-sidebar-drop-btn > .r-sidebar-drop-icon {
766
714
  transform: rotate(90deg);
715
+ }.r-article {
716
+ padding: 20px 0 40px;
717
+ grid-area: content;
718
+ }
719
+ @media screen and (width >= 1180px) {
720
+ .r-article {
721
+ padding: 32px 0 40px;
722
+ }
723
+ }
724
+ .r-article > *:first-child {
725
+ margin-top: 0;
726
+ }
727
+ .r-article > *:last-child {
728
+ margin-bottom: 0;
729
+ }
730
+
731
+ .r-checkbox {
732
+ cursor: pointer;
733
+ width: 20px;
734
+ height: 20px;
735
+ margin: 4px;
736
+ vertical-align: middle;
737
+ box-sizing: border-box;
738
+ }
739
+
740
+ .r-label {
741
+ cursor: pointer;
742
+ }
743
+
744
+ .r-task-ol,
745
+ .r-task-ul {
746
+ list-style: none;
747
+ }
748
+
749
+ .r-task-label {
750
+ display: block;
751
+ width: 100%;
752
+ padding-top: 2px;
753
+ padding-bottom: 2px;
754
+ box-sizing: border-box;
755
+ }
756
+ .r-task-label:hover .r-checkbox {
757
+ filter: brightness(0.8);
758
+ }
759
+
760
+ .r-task-li.r-task-li {
761
+ margin-block-start: 2px;
762
+ margin-block-end: 2px;
763
+ }
764
+
765
+ .r-label-text {
766
+ vertical-align: middle;
767
767
  }.r-header-menu {
768
768
  display: flex;
769
769
  justify-content: flex-end;
@@ -1225,78 +1225,6 @@
1225
1225
  user-select: none;
1226
1226
  pointer-events: none;
1227
1227
  box-sizing: border-box;
1228
- }.r-pagination {
1229
- grid-area: pagination;
1230
- display: grid;
1231
- grid-template-columns: repeat(auto-fit, minmax(148px, 1fr));
1232
- gap: 16px;
1233
- margin-bottom: 40px;
1234
- }
1235
-
1236
- .r-pagination-item {
1237
- position: relative;
1238
- padding-top: 8px;
1239
- padding-bottom: 8px;
1240
- text-decoration: none;
1241
- font-size: 14px;
1242
- color: var(--r-main-800);
1243
- }
1244
- .r-pagination-item:hover {
1245
- color: var(--r-main-950);
1246
- }
1247
-
1248
- .r-pagination-item._prev {
1249
- padding-left: 28px;
1250
- }
1251
-
1252
- .r-pagination-item._next {
1253
- text-align: right;
1254
- padding-right: 28px;
1255
- }
1256
-
1257
- .r-pagination-text {
1258
- display: block;
1259
- line-height: 2;
1260
- }
1261
-
1262
- .r-pagination-title {
1263
- font-weight: 600;
1264
- font-size: 16px;
1265
- }
1266
-
1267
- .r-pagination-icon {
1268
- position: absolute;
1269
- top: 50%;
1270
- transform: translateY(-50%);
1271
- transition: transform 0.2s;
1272
- }
1273
-
1274
- .r-pagination-icon._prev {
1275
- left: 0;
1276
- }
1277
- .r-pagination-item:hover .r-pagination-icon._prev {
1278
- transform: translate(-4px, -50%);
1279
- }
1280
- @media screen and (width >= 1180px) {
1281
- .r-pagination-item:hover .r-pagination-icon._prev {
1282
- transform: translate(-8px, -50%);
1283
- }
1284
- }
1285
-
1286
- .r-pagination-icon._next {
1287
- right: 0;
1288
- }
1289
- .r-pagination-item:hover .r-pagination-icon._next {
1290
- transform: translate(4px, -50%);
1291
- }
1292
- @media screen and (width >= 1180px) {
1293
- .r-pagination-item:hover .r-pagination-icon._next {
1294
- transform: translate(8px, -50%);
1295
- }
1296
- }
1297
-
1298
- .r-pagination-svg {
1299
- display: block;
1300
1228
  }.r-contents {
1301
1229
  grid-area: contents;
1302
1230
  }
@@ -1536,9 +1464,6 @@
1536
1464
  }
1537
1465
  .r-contents-git:hover {
1538
1466
  color: var(--r-main-900);
1539
- }.r-last-modified {
1540
- color: var(--r-main-700);
1541
- margin-block-start: 16px;
1542
1467
  }.r-breadcrumbs {
1543
1468
  grid-area: breadcrumbs;
1544
1469
  list-style: none;
@@ -1580,6 +1505,81 @@
1580
1505
  .r-breadcrumb-title {
1581
1506
  color: var(--r-main-950);
1582
1507
  font-weight: 600;
1508
+ }.r-pagination {
1509
+ grid-area: pagination;
1510
+ display: grid;
1511
+ grid-template-columns: repeat(auto-fit, minmax(148px, 1fr));
1512
+ gap: 16px;
1513
+ margin-bottom: 40px;
1514
+ }
1515
+
1516
+ .r-pagination-item {
1517
+ position: relative;
1518
+ padding-top: 8px;
1519
+ padding-bottom: 8px;
1520
+ text-decoration: none;
1521
+ font-size: 14px;
1522
+ color: var(--r-main-800);
1523
+ }
1524
+ .r-pagination-item:hover {
1525
+ color: var(--r-main-950);
1526
+ }
1527
+
1528
+ .r-pagination-item._prev {
1529
+ padding-left: 28px;
1530
+ }
1531
+
1532
+ .r-pagination-item._next {
1533
+ text-align: right;
1534
+ padding-right: 28px;
1535
+ }
1536
+
1537
+ .r-pagination-text {
1538
+ display: block;
1539
+ line-height: 2;
1540
+ }
1541
+
1542
+ .r-pagination-title {
1543
+ font-weight: 600;
1544
+ font-size: 16px;
1545
+ }
1546
+
1547
+ .r-pagination-icon {
1548
+ position: absolute;
1549
+ top: 50%;
1550
+ transform: translateY(-50%);
1551
+ transition: transform 0.2s;
1552
+ }
1553
+
1554
+ .r-pagination-icon._prev {
1555
+ left: 0;
1556
+ }
1557
+ .r-pagination-item:hover .r-pagination-icon._prev {
1558
+ transform: translate(-4px, -50%);
1559
+ }
1560
+ @media screen and (width >= 1180px) {
1561
+ .r-pagination-item:hover .r-pagination-icon._prev {
1562
+ transform: translate(-8px, -50%);
1563
+ }
1564
+ }
1565
+
1566
+ .r-pagination-icon._next {
1567
+ right: 0;
1568
+ }
1569
+ .r-pagination-item:hover .r-pagination-icon._next {
1570
+ transform: translate(4px, -50%);
1571
+ }
1572
+ @media screen and (width >= 1180px) {
1573
+ .r-pagination-item:hover .r-pagination-icon._next {
1574
+ transform: translate(8px, -50%);
1575
+ }
1576
+ }
1577
+
1578
+ .r-pagination-svg {
1579
+ display: block;
1580
+ }.r-last-modified {
1581
+ color: var(--r-main-700);
1582
+ margin-block-start: 16px;
1583
1583
  }.r-backdrop {
1584
1584
  position: fixed;
1585
1585
  top: 0;
@@ -1629,14 +1629,6 @@
1629
1629
  background-color: currentColor;
1630
1630
  border-radius: 0 0 0 4px;
1631
1631
  box-sizing: border-box;
1632
- }.r-kbd-key {
1633
- background-color: var(--r-main-200);
1634
- font-size: 12px;
1635
- border-radius: 4px;
1636
- padding: 5px 8px;
1637
- min-width: 24px;
1638
- text-align: center;
1639
- box-sizing: border-box;
1640
1632
  }.r-kbd-container {
1641
1633
  display: flex;
1642
1634
  gap: 4px;
@@ -1645,6 +1637,14 @@
1645
1637
  }
1646
1638
  .r-kbd-container:hover {
1647
1639
  color: var(--r-main-950);
1640
+ }.r-kbd-key {
1641
+ background-color: var(--r-main-200);
1642
+ font-size: 12px;
1643
+ border-radius: 4px;
1644
+ padding: 5px 8px;
1645
+ min-width: 24px;
1646
+ text-align: center;
1647
+ box-sizing: border-box;
1648
1648
  }.r-anchor-heading:hover .r-anchor-heading-link {
1649
1649
  visibility: visible;
1650
1650
  opacity: 1;
@@ -1796,22 +1796,6 @@
1796
1796
 
1797
1797
  .r-code-span + .r-content-link-external {
1798
1798
  margin-left: -12px;
1799
- }.r-code-block {
1800
- font-family: var(--monospace-font, monospace, monospace);
1801
- font-size: 16px;
1802
- line-height: 1.33;
1803
- border-radius: 6px;
1804
- padding: 16px 20px;
1805
- margin: 0;
1806
- color: var(--r-primary-800);
1807
- background-color: var(--r-main-50);
1808
- overflow-x: auto;
1809
- scrollbar-width: thin;
1810
- scrollbar-color: var(--r-main-200) transparent;
1811
- box-sizing: border-box;
1812
- }.r-img {
1813
- max-width: 100%;
1814
- box-sizing: border-box;
1815
1799
  }.r-h1 {
1816
1800
  font-size: 32px;
1817
1801
  line-height: 1.4;
@@ -1852,6 +1836,22 @@
1852
1836
  line-height: 1.4;
1853
1837
  margin-block-start: 1.8em;
1854
1838
  margin-block-end: 1.8em;
1839
+ }.r-code-block {
1840
+ font-family: var(--monospace-font, monospace, monospace);
1841
+ font-size: 16px;
1842
+ line-height: 1.33;
1843
+ border-radius: 6px;
1844
+ padding: 16px 20px;
1845
+ margin: 0;
1846
+ color: var(--r-primary-800);
1847
+ background-color: var(--r-main-50);
1848
+ overflow-x: auto;
1849
+ scrollbar-width: thin;
1850
+ scrollbar-color: var(--r-main-200) transparent;
1851
+ box-sizing: border-box;
1852
+ }.r-img {
1853
+ max-width: 100%;
1854
+ box-sizing: border-box;
1855
1855
  }.r-p {
1856
1856
  line-height: 1.8;
1857
1857
  margin-block-start: 1em;
@@ -2017,6 +2017,14 @@
2017
2017
  background-color: currentColor;
2018
2018
  border-radius: 0 0 0 4px;
2019
2019
  box-sizing: border-box;
2020
+ }.r-ol {
2021
+ padding-inline-start: 2rem;
2022
+ margin-block-start: 1em;
2023
+ margin-block-end: 1em;
2024
+ }.r-ul {
2025
+ padding-inline-start: 2rem;
2026
+ margin-block-start: 1em;
2027
+ margin-block-end: 1em;
2020
2028
  }.r-li {
2021
2029
  line-height: 1.8;
2022
2030
  margin-block-start: 6px;
@@ -2028,14 +2036,6 @@
2028
2036
  padding-inline-start: 20px;
2029
2037
  margin-block-start: 6px;
2030
2038
  margin-block-end: 6px;
2031
- }.r-ul {
2032
- padding-inline-start: 2rem;
2033
- margin-block-start: 1em;
2034
- margin-block-end: 1em;
2035
- }.r-ol {
2036
- padding-inline-start: 2rem;
2037
- margin-block-start: 1em;
2038
- margin-block-end: 1em;
2039
2039
  }.r-table {
2040
2040
  position: relative;
2041
2041
  min-width: 100%;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "robindoc",
3
- "version": "3.7.3",
3
+ "version": "3.7.4",
4
4
  "description": "Robindoc is a framework for automatically creating documentation websites based on markdown files, built on React.js Server Components",
5
5
  "main": "./lib/index.js",
6
6
  "scripts": {