robindoc 0.0.0-experimental-36b79c8 → 0.0.0-experimental-8735692

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/lib/global.css ADDED
@@ -0,0 +1,24 @@
1
+ html, body {
2
+ margin: 0;
3
+ padding: 0;
4
+ }
5
+
6
+ *,
7
+ *:before,
8
+ *:after {
9
+ box-sizing: border-box;
10
+ }
11
+
12
+ @media (prefers-reduced-motion: reduce) {
13
+ *,
14
+ ::before,
15
+ ::after {
16
+ animation-delay: -1ms !important;
17
+ animation-duration: 1ms !important;
18
+ animation-iteration-count: 1 !important;
19
+ background-attachment: initial !important;
20
+ scroll-behavior: auto !important;
21
+ transition-duration: 1ms !important;
22
+ transition-delay: -1ms !important;
23
+ }
24
+ }
package/lib/styles.css CHANGED
@@ -422,6 +422,20 @@
422
422
  --r-cl-60: #86181d;
423
423
  --r-cl-61: #144620;
424
424
  --r-cl-62: #c24e00;
425
+ }.r-blog-container {
426
+ min-height: calc(100dvh - var(--r-header-height));
427
+ overflow-wrap: break-word;
428
+ box-sizing: border-box;
429
+ }
430
+ @media screen and (width >= 1180px) {
431
+ .r-blog-container {
432
+ display: grid;
433
+ justify-content: space-between;
434
+ column-gap: 40px;
435
+ grid-template-areas: "breadcrumbs contents" "content contents" "pagination contents";
436
+ grid-template-columns: 760px 220px;
437
+ grid-template-rows: auto 1fr auto;
438
+ }
425
439
  }.r-docs-container {
426
440
  min-height: calc(100dvh - var(--r-header-height));
427
441
  overflow-wrap: break-word;
@@ -448,20 +462,6 @@
448
462
  min-height: calc(100dvh - var(--r-header-height));
449
463
  overflow-wrap: break-word;
450
464
  box-sizing: border-box;
451
- }.r-blog-container {
452
- min-height: calc(100dvh - var(--r-header-height));
453
- overflow-wrap: break-word;
454
- box-sizing: border-box;
455
- }
456
- @media screen and (width >= 1180px) {
457
- .r-blog-container {
458
- display: grid;
459
- justify-content: space-between;
460
- column-gap: 40px;
461
- grid-template-areas: "breadcrumbs contents" "content contents" "pagination contents";
462
- grid-template-columns: 760px 220px;
463
- grid-template-rows: auto 1fr auto;
464
- }
465
465
  }.keylink-to-content {
466
466
  position: absolute !important;
467
467
  top: 8px;
@@ -469,55 +469,6 @@
469
469
  z-index: 1001;
470
470
  }.keylink-to-navigation {
471
471
  margin-top: -40px;
472
- }.r-article {
473
- padding: 20px 0 80px;
474
- grid-area: content;
475
- }
476
- @media screen and (width >= 1180px) {
477
- .r-article {
478
- padding: 32px 0 80px;
479
- }
480
- }
481
- .r-article > *:first-child {
482
- margin-top: 0;
483
- }
484
-
485
- .r-checkbox {
486
- cursor: pointer;
487
- width: 20px;
488
- height: 20px;
489
- margin: 4px;
490
- vertical-align: middle;
491
- box-sizing: border-box;
492
- }
493
-
494
- .r-label {
495
- cursor: pointer;
496
- }
497
-
498
- .r-task-ol,
499
- .r-task-ul {
500
- list-style: none;
501
- }
502
-
503
- .r-task-label {
504
- display: block;
505
- width: 100%;
506
- padding-top: 2px;
507
- padding-bottom: 2px;
508
- box-sizing: border-box;
509
- }
510
- .r-task-label:hover .r-checkbox {
511
- filter: brightness(0.8);
512
- }
513
-
514
- .r-task-li.r-task-li {
515
- margin-block-start: 2px;
516
- margin-block-end: 2px;
517
- }
518
-
519
- .r-label-text {
520
- vertical-align: middle;
521
472
  }.r-sidebar {
522
473
  grid-area: sidebar;
523
474
  box-sizing: border-box;
@@ -792,6 +743,55 @@
792
743
 
793
744
  .r-sidebar-drop[open] > .r-sidebar-drop-btn > .r-sidebar-drop-icon {
794
745
  transform: rotate(90deg);
746
+ }.r-article {
747
+ padding: 20px 0 80px;
748
+ grid-area: content;
749
+ }
750
+ @media screen and (width >= 1180px) {
751
+ .r-article {
752
+ padding: 32px 0 80px;
753
+ }
754
+ }
755
+ .r-article > *:first-child {
756
+ margin-top: 0;
757
+ }
758
+
759
+ .r-checkbox {
760
+ cursor: pointer;
761
+ width: 20px;
762
+ height: 20px;
763
+ margin: 4px;
764
+ vertical-align: middle;
765
+ box-sizing: border-box;
766
+ }
767
+
768
+ .r-label {
769
+ cursor: pointer;
770
+ }
771
+
772
+ .r-task-ol,
773
+ .r-task-ul {
774
+ list-style: none;
775
+ }
776
+
777
+ .r-task-label {
778
+ display: block;
779
+ width: 100%;
780
+ padding-top: 2px;
781
+ padding-bottom: 2px;
782
+ box-sizing: border-box;
783
+ }
784
+ .r-task-label:hover .r-checkbox {
785
+ filter: brightness(0.8);
786
+ }
787
+
788
+ .r-task-li.r-task-li {
789
+ margin-block-start: 2px;
790
+ margin-block-end: 2px;
791
+ }
792
+
793
+ .r-label-text {
794
+ vertical-align: middle;
795
795
  }.r-header-menu {
796
796
  display: flex;
797
797
  justify-content: flex-end;
@@ -996,24 +996,6 @@
996
996
  font-size: 14px;
997
997
  color: var(--r-neutral-600);
998
998
  margin: 12px 0 0;
999
- }.r-header-social {
1000
- display: flex;
1001
- flex: 1;
1002
- justify-content: flex-end;
1003
- }
1004
- @media screen and (width >= 1024px) {
1005
- .r-header-social {
1006
- flex: none;
1007
- justify-content: unset;
1008
- }
1009
- }
1010
-
1011
- .r-header-social-git {
1012
- color: var(--r-neutral-700);
1013
- transition: color 0.2s;
1014
- }
1015
- .r-header-social-git:hover, .r-header-social-git:focus {
1016
- color: var(--r-neutral-950);
1017
999
  }.r-dropdown {
1018
1000
  position: relative;
1019
1001
  color: var(--r-neutral-600);
@@ -1093,6 +1075,24 @@
1093
1075
 
1094
1076
  .r-dropdown-link._active {
1095
1077
  color: var(--r-primary-700);
1078
+ }.r-header-social {
1079
+ display: flex;
1080
+ flex: 1;
1081
+ justify-content: flex-end;
1082
+ }
1083
+ @media screen and (width >= 1024px) {
1084
+ .r-header-social {
1085
+ flex: none;
1086
+ justify-content: unset;
1087
+ }
1088
+ }
1089
+
1090
+ .r-header-social-git {
1091
+ color: var(--r-neutral-700);
1092
+ transition: color 0.2s;
1093
+ }
1094
+ .r-header-social-git:hover, .r-header-social-git:focus {
1095
+ color: var(--r-neutral-950);
1096
1096
  }.r-container {
1097
1097
  max-width: 1180px;
1098
1098
  padding-right: 12px;
@@ -1191,47 +1191,6 @@
1191
1191
  user-select: none;
1192
1192
  pointer-events: none;
1193
1193
  box-sizing: border-box;
1194
- }.r-breadcrumbs {
1195
- grid-area: breadcrumbs;
1196
- list-style: none;
1197
- margin: 0;
1198
- padding: 20px 0 0;
1199
- line-height: 2;
1200
- }
1201
- @media screen and (width >= 768px) {
1202
- .r-breadcrumbs {
1203
- padding: 32px 0 0;
1204
- }
1205
- }
1206
-
1207
- .r-breadcrumb {
1208
- display: inline;
1209
- }
1210
-
1211
- .r-breadcrumb._previous::after {
1212
- content: "/";
1213
- font-weight: 600;
1214
- margin-inline: 8px;
1215
- }
1216
-
1217
- .r-breadcrumb-link {
1218
- color: var(--r-neutral-700);
1219
- text-decoration: none;
1220
- }
1221
- .r-breadcrumb-link:hover {
1222
- color: var(--r-primary-800);
1223
- }
1224
-
1225
- .r-breadcrumb-link,
1226
- .r-breadcrumb-title {
1227
- display: inline;
1228
- padding: 6px 0;
1229
- margin: 0;
1230
- }
1231
-
1232
- .r-breadcrumb-title {
1233
- color: var(--r-neutral-950);
1234
- font-weight: 600;
1235
1194
  }.r-contents {
1236
1195
  grid-area: contents;
1237
1196
  }
@@ -1465,6 +1424,47 @@
1465
1424
  }
1466
1425
  .r-contents-git:hover {
1467
1426
  color: var(--r-neutral-900);
1427
+ }.r-breadcrumbs {
1428
+ grid-area: breadcrumbs;
1429
+ list-style: none;
1430
+ margin: 0;
1431
+ padding: 20px 0 0;
1432
+ line-height: 2;
1433
+ }
1434
+ @media screen and (width >= 768px) {
1435
+ .r-breadcrumbs {
1436
+ padding: 32px 0 0;
1437
+ }
1438
+ }
1439
+
1440
+ .r-breadcrumb {
1441
+ display: inline;
1442
+ }
1443
+
1444
+ .r-breadcrumb._previous::after {
1445
+ content: "/";
1446
+ font-weight: 600;
1447
+ margin-inline: 8px;
1448
+ }
1449
+
1450
+ .r-breadcrumb-link {
1451
+ color: var(--r-neutral-700);
1452
+ text-decoration: none;
1453
+ }
1454
+ .r-breadcrumb-link:hover {
1455
+ color: var(--r-primary-800);
1456
+ }
1457
+
1458
+ .r-breadcrumb-link,
1459
+ .r-breadcrumb-title {
1460
+ display: inline;
1461
+ padding: 6px 0;
1462
+ margin: 0;
1463
+ }
1464
+
1465
+ .r-breadcrumb-title {
1466
+ color: var(--r-neutral-950);
1467
+ font-weight: 600;
1468
1468
  }.r-pagination {
1469
1469
  grid-area: pagination;
1470
1470
  display: grid;
@@ -1575,25 +1575,6 @@
1575
1575
  background-color: currentColor;
1576
1576
  border-radius: 0 0 0 4px;
1577
1577
  box-sizing: border-box;
1578
- }.r-anchor-heading:hover .r-anchor-heading-link {
1579
- visibility: visible;
1580
- opacity: 1;
1581
- }
1582
-
1583
- .r-anchor-heading-link {
1584
- visibility: hidden;
1585
- opacity: 0;
1586
- transition: opacity 0.3s allow-discrete;
1587
- padding-inline: 8px;
1588
- margin-inline-start: -4px;
1589
- color: var(--r-neutral-600);
1590
- text-decoration: none;
1591
- }
1592
- .r-anchor-heading-link:hover {
1593
- color: var(--r-link-base-hovered);
1594
- }
1595
- .r-anchor-heading-link::after {
1596
- content: "#";
1597
1578
  }.r-code-section {
1598
1579
  position: relative;
1599
1580
  margin-block-start: 1.5em;
@@ -1638,6 +1619,25 @@
1638
1619
 
1639
1620
  .r-code-section-filename {
1640
1621
  font-family: var(--monospace-font, monospace, monospace);
1622
+ }.r-anchor-heading:hover .r-anchor-heading-link {
1623
+ visibility: visible;
1624
+ opacity: 1;
1625
+ }
1626
+
1627
+ .r-anchor-heading-link {
1628
+ visibility: hidden;
1629
+ opacity: 0;
1630
+ transition: opacity 0.3s allow-discrete;
1631
+ padding-inline: 8px;
1632
+ margin-inline-start: -4px;
1633
+ color: var(--r-neutral-600);
1634
+ text-decoration: none;
1635
+ }
1636
+ .r-anchor-heading-link:hover {
1637
+ color: var(--r-link-base-hovered);
1638
+ }
1639
+ .r-anchor-heading-link::after {
1640
+ content: "#";
1641
1641
  }.r-block {
1642
1642
  width: 100%;
1643
1643
  overflow: auto;
@@ -1915,6 +1915,32 @@
1915
1915
 
1916
1916
  .r-copy-button-svg {
1917
1917
  display: block;
1918
+ }.r-copy-text {
1919
+ position: relative;
1920
+ cursor: pointer;
1921
+ background: none;
1922
+ border: 0;
1923
+ padding: 0;
1924
+ font: inherit;
1925
+ }
1926
+ .r-copy-text:hover {
1927
+ color: var(--r-neutral-950);
1928
+ }
1929
+ .r-copy-text::before {
1930
+ content: "";
1931
+ position: absolute;
1932
+ bottom: -2px;
1933
+ left: 0;
1934
+ width: 100%;
1935
+ height: 1px;
1936
+ background: linear-gradient(to right, currentColor 30%, transparent 0%, transparent 80%, currentColor 80%) repeat-x 0px/8px;
1937
+ transition: background 0.2s;
1938
+ box-sizing: border-box;
1939
+ }
1940
+
1941
+ .r-copy-text:active,
1942
+ .r-copy-text._active {
1943
+ color: var(--r-success);
1918
1944
  }.r-content-link {
1919
1945
  text-decoration: none;
1920
1946
  color: var(--r-link);
@@ -1957,32 +1983,11 @@
1957
1983
  background-color: currentColor;
1958
1984
  border-radius: 0 0 0 4px;
1959
1985
  box-sizing: border-box;
1960
- }.r-copy-text {
1961
- position: relative;
1962
- cursor: pointer;
1963
- background: none;
1964
- border: 0;
1965
- padding: 0;
1966
- font: inherit;
1967
- }
1968
- .r-copy-text:hover {
1969
- color: var(--r-neutral-950);
1970
- }
1971
- .r-copy-text::before {
1972
- content: "";
1973
- position: absolute;
1974
- bottom: -2px;
1975
- left: 0;
1976
- width: 100%;
1977
- height: 1px;
1978
- background: linear-gradient(to right, currentColor 30%, transparent 0%, transparent 80%, currentColor 80%) repeat-x 0px/8px;
1979
- transition: background 0.2s;
1980
- box-sizing: border-box;
1981
- }
1982
-
1983
- .r-copy-text:active,
1984
- .r-copy-text._active {
1985
- color: var(--r-success);
1986
+ }.r-ol {
1987
+ padding-inline-start: 0;
1988
+ list-style-position: inside;
1989
+ margin-block-start: 1em;
1990
+ margin-block-end: 1em;
1986
1991
  }.r-li {
1987
1992
  line-height: 1.8;
1988
1993
  margin-block-start: 6px;
@@ -1994,11 +1999,6 @@
1994
1999
  padding-inline-start: 20px;
1995
2000
  margin-block-start: 6px;
1996
2001
  margin-block-end: 6px;
1997
- }.r-ol {
1998
- padding-inline-start: 0;
1999
- list-style-position: inside;
2000
- margin-block-start: 1em;
2001
- margin-block-end: 1em;
2002
2002
  }.r-ul {
2003
2003
  padding-inline-start: 0;
2004
2004
  list-style-position: inside;
@@ -2009,19 +2009,17 @@
2009
2009
  text-align: left;
2010
2010
  border-collapse: collapse;
2011
2011
  box-sizing: border-box;
2012
+ }.r-td {
2013
+ padding: 6px 12px;
2014
+ border-bottom: 1px solid var(--r-neutral-400);
2015
+ border-collapse: collapse;
2012
2016
  }.r-th {
2013
2017
  padding: 6px 12px;
2014
2018
  border-top: 1px solid var(--r-neutral-500);
2015
2019
  border-bottom: 1px solid var(--r-neutral-500);
2016
2020
  border-collapse: collapse;
2017
- }.r-td {
2018
- padding: 6px 12px;
2019
- border-bottom: 1px solid var(--r-neutral-400);
2020
- border-collapse: collapse;
2021
2021
  }.r-thead {
2022
2022
  background-color: var(--r-neutral-100);
2023
- }.r-task-ol {
2024
- list-style: none;
2025
2023
  }.r-task-li.r-task-li {
2026
2024
  margin-block-start: 2px;
2027
2025
  margin-block-end: 2px;
@@ -2051,6 +2049,8 @@
2051
2049
 
2052
2050
  .r-task-label-text {
2053
2051
  vertical-align: middle;
2052
+ }.r-task-ol {
2053
+ list-style: none;
2054
2054
  }.r-task-ul {
2055
2055
  list-style: none;
2056
2056
  }.r-backdrop {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "robindoc",
3
- "version": "0.0.0-experimental-36b79c8",
3
+ "version": "0.0.0-experimental-8735692",
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": {
@@ -55,6 +55,7 @@
55
55
  "react": "19.2.3",
56
56
  "react-dom": "19.2.3",
57
57
  "rollup": "4.54.0",
58
+ "rollup-plugin-copy": "3.5.0",
58
59
  "rollup-plugin-sass": "1.15.3",
59
60
  "rollup-preserve-directives": "1.1.3",
60
61
  "sass": "1.97.1",