robindoc 0.0.0-experimental-dd4fde6 → 0.0.0-experimental-692c301

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 +155 -155
  2. package/package.json +1 -1
package/lib/styles.css CHANGED
@@ -362,6 +362,20 @@
362
362
  --r-cl-60: #86181d;
363
363
  --r-cl-61: #144620;
364
364
  --r-cl-62: #c24e00;
365
+ }.r-blog-container {
366
+ min-height: calc(100dvh - var(--r-header-height));
367
+ overflow-wrap: break-word;
368
+ box-sizing: border-box;
369
+ }
370
+ @media screen and (width >= 1180px) {
371
+ .r-blog-container {
372
+ display: grid;
373
+ justify-content: space-between;
374
+ column-gap: 40px;
375
+ grid-template-areas: "breadcrumbs contents" "content contents" "pagination contents";
376
+ grid-template-columns: 760px 220px;
377
+ grid-template-rows: auto 1fr auto;
378
+ }
365
379
  }.r-docs-container {
366
380
  min-height: calc(100dvh - var(--r-header-height));
367
381
  overflow-wrap: break-word;
@@ -384,20 +398,6 @@
384
398
  grid-template-columns: 200px 640px 238px;
385
399
  grid-template-rows: auto 1fr auto;
386
400
  }
387
- }.r-blog-container {
388
- min-height: calc(100dvh - var(--r-header-height));
389
- overflow-wrap: break-word;
390
- box-sizing: border-box;
391
- }
392
- @media screen and (width >= 1180px) {
393
- .r-blog-container {
394
- display: grid;
395
- justify-content: space-between;
396
- column-gap: 40px;
397
- grid-template-areas: "breadcrumbs contents" "content contents" "pagination contents";
398
- grid-template-columns: 760px 220px;
399
- grid-template-rows: auto 1fr auto;
400
- }
401
401
  }.r-page-container {
402
402
  min-height: calc(100dvh - var(--r-header-height));
403
403
  overflow-wrap: break-word;
@@ -937,6 +937,13 @@
937
937
  }
938
938
  .r-header-social-git:hover, .r-header-social-git:focus {
939
939
  color: var(--r-main-950);
940
+ }.r-container {
941
+ max-width: 1180px;
942
+ padding-right: 12px;
943
+ padding-left: 12px;
944
+ margin-right: auto;
945
+ margin-left: auto;
946
+ box-sizing: border-box;
940
947
  }.r-search-btn {
941
948
  position: relative;
942
949
  border-radius: 6px;
@@ -1120,13 +1127,6 @@
1120
1127
  font-size: 14px;
1121
1128
  color: var(--r-main-600);
1122
1129
  margin: 12px 0 0;
1123
- }.r-container {
1124
- max-width: 1180px;
1125
- padding-right: 12px;
1126
- padding-left: 12px;
1127
- margin-right: auto;
1128
- margin-left: auto;
1129
- box-sizing: border-box;
1130
1130
  }.r-theme-switcher {
1131
1131
  position: relative;
1132
1132
  display: flex;
@@ -1254,6 +1254,78 @@
1254
1254
  .r-breadcrumb-title {
1255
1255
  color: var(--r-main-950);
1256
1256
  font-weight: 600;
1257
+ }.r-pagination {
1258
+ grid-area: pagination;
1259
+ display: grid;
1260
+ grid-template-columns: repeat(auto-fit, minmax(148px, 1fr));
1261
+ gap: 16px;
1262
+ margin-bottom: 40px;
1263
+ }
1264
+
1265
+ .r-pagination-item {
1266
+ position: relative;
1267
+ padding-top: 8px;
1268
+ padding-bottom: 8px;
1269
+ text-decoration: none;
1270
+ font-size: 14px;
1271
+ color: var(--r-main-800);
1272
+ }
1273
+ .r-pagination-item:hover {
1274
+ color: var(--r-main-950);
1275
+ }
1276
+
1277
+ .r-pagination-item._prev {
1278
+ padding-left: 28px;
1279
+ }
1280
+
1281
+ .r-pagination-item._next {
1282
+ text-align: right;
1283
+ padding-right: 28px;
1284
+ }
1285
+
1286
+ .r-pagination-text {
1287
+ display: block;
1288
+ line-height: 2;
1289
+ }
1290
+
1291
+ .r-pagination-title {
1292
+ font-weight: 600;
1293
+ font-size: 16px;
1294
+ }
1295
+
1296
+ .r-pagination-icon {
1297
+ position: absolute;
1298
+ top: 50%;
1299
+ transform: translateY(-50%);
1300
+ transition: transform 0.2s;
1301
+ }
1302
+
1303
+ .r-pagination-icon._prev {
1304
+ left: 0;
1305
+ }
1306
+ .r-pagination-item:hover .r-pagination-icon._prev {
1307
+ transform: translate(-4px, -50%);
1308
+ }
1309
+ @media screen and (width >= 1180px) {
1310
+ .r-pagination-item:hover .r-pagination-icon._prev {
1311
+ transform: translate(-8px, -50%);
1312
+ }
1313
+ }
1314
+
1315
+ .r-pagination-icon._next {
1316
+ right: 0;
1317
+ }
1318
+ .r-pagination-item:hover .r-pagination-icon._next {
1319
+ transform: translate(4px, -50%);
1320
+ }
1321
+ @media screen and (width >= 1180px) {
1322
+ .r-pagination-item:hover .r-pagination-icon._next {
1323
+ transform: translate(8px, -50%);
1324
+ }
1325
+ }
1326
+
1327
+ .r-pagination-svg {
1328
+ display: block;
1257
1329
  }.r-contents {
1258
1330
  grid-area: contents;
1259
1331
  }
@@ -1493,78 +1565,6 @@
1493
1565
  }
1494
1566
  .r-contents-git:hover {
1495
1567
  color: var(--r-main-900);
1496
- }.r-pagination {
1497
- grid-area: pagination;
1498
- display: grid;
1499
- grid-template-columns: repeat(auto-fit, minmax(148px, 1fr));
1500
- gap: 16px;
1501
- margin-bottom: 40px;
1502
- }
1503
-
1504
- .r-pagination-item {
1505
- position: relative;
1506
- padding-top: 8px;
1507
- padding-bottom: 8px;
1508
- text-decoration: none;
1509
- font-size: 14px;
1510
- color: var(--r-main-800);
1511
- }
1512
- .r-pagination-item:hover {
1513
- color: var(--r-main-950);
1514
- }
1515
-
1516
- .r-pagination-item._prev {
1517
- padding-left: 28px;
1518
- }
1519
-
1520
- .r-pagination-item._next {
1521
- text-align: right;
1522
- padding-right: 28px;
1523
- }
1524
-
1525
- .r-pagination-text {
1526
- display: block;
1527
- line-height: 2;
1528
- }
1529
-
1530
- .r-pagination-title {
1531
- font-weight: 600;
1532
- font-size: 16px;
1533
- }
1534
-
1535
- .r-pagination-icon {
1536
- position: absolute;
1537
- top: 50%;
1538
- transform: translateY(-50%);
1539
- transition: transform 0.2s;
1540
- }
1541
-
1542
- .r-pagination-icon._prev {
1543
- left: 0;
1544
- }
1545
- .r-pagination-item:hover .r-pagination-icon._prev {
1546
- transform: translate(-4px, -50%);
1547
- }
1548
- @media screen and (width >= 1180px) {
1549
- .r-pagination-item:hover .r-pagination-icon._prev {
1550
- transform: translate(-8px, -50%);
1551
- }
1552
- }
1553
-
1554
- .r-pagination-icon._next {
1555
- right: 0;
1556
- }
1557
- .r-pagination-item:hover .r-pagination-icon._next {
1558
- transform: translate(4px, -50%);
1559
- }
1560
- @media screen and (width >= 1180px) {
1561
- .r-pagination-item:hover .r-pagination-icon._next {
1562
- transform: translate(8px, -50%);
1563
- }
1564
- }
1565
-
1566
- .r-pagination-svg {
1567
- display: block;
1568
1568
  }.r-last-modified {
1569
1569
  color: var(--r-main-700);
1570
1570
  margin-block-start: 16px;
@@ -1617,25 +1617,6 @@
1617
1617
  background-color: currentColor;
1618
1618
  border-radius: 0 0 0 4px;
1619
1619
  box-sizing: border-box;
1620
- }.r-anchor-heading:hover .r-anchor-heading-link {
1621
- visibility: visible;
1622
- opacity: 1;
1623
- }
1624
-
1625
- .r-anchor-heading-link {
1626
- visibility: hidden;
1627
- opacity: 0;
1628
- transition: opacity 0.3s allow-discrete;
1629
- padding-inline: 8px;
1630
- margin-inline-start: -4px;
1631
- color: var(--r-main-600);
1632
- text-decoration: none;
1633
- }
1634
- .r-anchor-heading-link:hover {
1635
- color: var(--r-primary-800);
1636
- }
1637
- .r-anchor-heading-link::after {
1638
- content: "#";
1639
1620
  }.r-code-section {
1640
1621
  position: relative;
1641
1622
  margin-block-start: 1.5em;
@@ -1687,6 +1668,25 @@
1687
1668
 
1688
1669
  .r-code-section-filename {
1689
1670
  font-family: var(--monospace-font, monospace, monospace);
1671
+ }.r-anchor-heading:hover .r-anchor-heading-link {
1672
+ visibility: visible;
1673
+ opacity: 1;
1674
+ }
1675
+
1676
+ .r-anchor-heading-link {
1677
+ visibility: hidden;
1678
+ opacity: 0;
1679
+ transition: opacity 0.3s allow-discrete;
1680
+ padding-inline: 8px;
1681
+ margin-inline-start: -4px;
1682
+ color: var(--r-main-600);
1683
+ text-decoration: none;
1684
+ }
1685
+ .r-anchor-heading-link:hover {
1686
+ color: var(--r-primary-800);
1687
+ }
1688
+ .r-anchor-heading-link::after {
1689
+ content: "#";
1690
1690
  }.r-block {
1691
1691
  width: 100%;
1692
1692
  overflow: auto;
@@ -1751,19 +1751,6 @@
1751
1751
  }
1752
1752
  .r-blockquote-caution .r-blockquote-title {
1753
1753
  color: var(--r-caution);
1754
- }.r-code-block {
1755
- font-family: var(--monospace-font, monospace, monospace);
1756
- font-size: 16px;
1757
- line-height: 1.33;
1758
- border-radius: 6px;
1759
- padding: 16px 20px;
1760
- margin: 0;
1761
- color: var(--r-primary-800);
1762
- background-color: var(--r-main-50);
1763
- overflow-x: auto;
1764
- scrollbar-width: thin;
1765
- scrollbar-color: var(--r-main-200) transparent;
1766
- box-sizing: border-box;
1767
1754
  }.r-code-span {
1768
1755
  font-family: var(--monospace-font, monospace, monospace);
1769
1756
  background-color: var(--r-main-100);
@@ -1778,6 +1765,19 @@
1778
1765
 
1779
1766
  .r-code-span + .r-content-link-external {
1780
1767
  margin-left: -12px;
1768
+ }.r-code-block {
1769
+ font-family: var(--monospace-font, monospace, monospace);
1770
+ font-size: 16px;
1771
+ line-height: 1.33;
1772
+ border-radius: 6px;
1773
+ padding: 16px 20px;
1774
+ margin: 0;
1775
+ color: var(--r-primary-800);
1776
+ background-color: var(--r-main-50);
1777
+ overflow-x: auto;
1778
+ scrollbar-width: thin;
1779
+ scrollbar-color: var(--r-main-200) transparent;
1780
+ box-sizing: border-box;
1781
1781
  }.r-h1 {
1782
1782
  font-size: 32px;
1783
1783
  line-height: 1.4;
@@ -1882,34 +1882,6 @@
1882
1882
  min-width: 24px;
1883
1883
  text-align: center;
1884
1884
  box-sizing: border-box;
1885
- }.r-copy-text {
1886
- position: relative;
1887
- cursor: pointer;
1888
- background: none;
1889
- border: 0;
1890
- padding: 0;
1891
- font: inherit;
1892
- padding: 6px 0;
1893
- }
1894
- .r-copy-text:hover {
1895
- color: var(--r-main-950);
1896
- }
1897
- .r-copy-text::before {
1898
- content: "";
1899
- position: absolute;
1900
- bottom: 0;
1901
- left: 0;
1902
- width: 100%;
1903
- height: 1px;
1904
- background: linear-gradient(to right, currentColor 30%, transparent 0%, transparent 80%, currentColor 80%) repeat-x 0px/8px;
1905
- transition: background 0.2s;
1906
- box-sizing: border-box;
1907
- opacity: 0.6;
1908
- }
1909
-
1910
- .r-copy-text:active,
1911
- .r-copy-text._active {
1912
- color: var(--r-success);
1913
1885
  }.r-copy-button {
1914
1886
  position: relative;
1915
1887
  padding: 6px;
@@ -1953,6 +1925,34 @@
1953
1925
 
1954
1926
  .r-copy-button-svg {
1955
1927
  display: block;
1928
+ }.r-copy-text {
1929
+ position: relative;
1930
+ cursor: pointer;
1931
+ background: none;
1932
+ border: 0;
1933
+ padding: 0;
1934
+ font: inherit;
1935
+ padding: 6px 0;
1936
+ }
1937
+ .r-copy-text:hover {
1938
+ color: var(--r-main-950);
1939
+ }
1940
+ .r-copy-text::before {
1941
+ content: "";
1942
+ position: absolute;
1943
+ bottom: 0;
1944
+ left: 0;
1945
+ width: 100%;
1946
+ height: 1px;
1947
+ background: linear-gradient(to right, currentColor 30%, transparent 0%, transparent 80%, currentColor 80%) repeat-x 0px/8px;
1948
+ transition: background 0.2s;
1949
+ box-sizing: border-box;
1950
+ opacity: 0.6;
1951
+ }
1952
+
1953
+ .r-copy-text:active,
1954
+ .r-copy-text._active {
1955
+ color: var(--r-success);
1956
1956
  }.r-content-link {
1957
1957
  text-decoration: none;
1958
1958
  color: inherit;
@@ -2039,6 +2039,8 @@
2039
2039
  background-color: var(--r-main-100);
2040
2040
  }.r-task-ol {
2041
2041
  list-style: none;
2042
+ }.r-task-ul {
2043
+ list-style: none;
2042
2044
  }.r-task-li.r-task-li {
2043
2045
  margin-block-start: 2px;
2044
2046
  margin-block-end: 2px;
@@ -2068,8 +2070,6 @@
2068
2070
 
2069
2071
  .r-task-label-text {
2070
2072
  vertical-align: middle;
2071
- }.r-task-ul {
2072
- list-style: none;
2073
2073
  }.r-tooltip {
2074
2074
  font-family: var(--monospace-font, monospace, monospace);
2075
2075
  display: none;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "robindoc",
3
- "version": "0.0.0-experimental-dd4fde6",
3
+ "version": "0.0.0-experimental-692c301",
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": {