robindoc 0.0.0-experimental-bd77dfe → 0.0.0-experimental-2636347

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 +181 -181
  2. package/package.json +1 -1
package/lib/styles.css CHANGED
@@ -469,6 +469,55 @@
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;
472
521
  }.r-sidebar {
473
522
  grid-area: sidebar;
474
523
  box-sizing: border-box;
@@ -743,55 +792,6 @@
743
792
 
744
793
  .r-sidebar-drop[open] > .r-sidebar-drop-btn > .r-sidebar-drop-icon {
745
794
  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,31 +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
- }.r-container {
1018
- max-width: 1180px;
1019
- padding-right: 12px;
1020
- padding-left: 12px;
1021
- margin-right: auto;
1022
- margin-left: auto;
1023
- box-sizing: border-box;
1024
999
  }.r-dropdown {
1025
1000
  position: relative;
1026
1001
  color: var(--r-neutral-600);
@@ -1100,6 +1075,31 @@
1100
1075
 
1101
1076
  .r-dropdown-link._active {
1102
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
+ }.r-container {
1097
+ max-width: 1180px;
1098
+ padding-right: 12px;
1099
+ padding-left: 12px;
1100
+ margin-right: auto;
1101
+ margin-left: auto;
1102
+ box-sizing: border-box;
1103
1103
  }.r-theme-switcher {
1104
1104
  position: relative;
1105
1105
  display: flex;
@@ -1141,30 +1141,30 @@
1141
1141
  fill: var(--r-neutral-50);
1142
1142
  }
1143
1143
 
1144
- .theme-dark:not(.theme-system) .r-theme-switcher::before {
1144
+ .r-theme-dark:not(.r-theme-system) .r-theme-switcher::before {
1145
1145
  left: 2px;
1146
1146
  }
1147
1147
 
1148
- .theme-dark:not(.theme-system) .r-theme-switcher-btn__dark {
1148
+ .r-theme-dark:not(.r-theme-system) .r-theme-switcher-btn__dark {
1149
1149
  color: var(--r-neutral-950);
1150
1150
  pointer-events: none;
1151
1151
  }
1152
1152
 
1153
1153
  .r-theme-switcher::before,
1154
- .theme-system .r-theme-switcher::before {
1154
+ .r-theme-system .r-theme-switcher::before {
1155
1155
  left: 38px;
1156
1156
  }
1157
1157
 
1158
- .theme-system .r-theme-switcher-btn__system {
1158
+ .r-theme-system .r-theme-switcher-btn__system {
1159
1159
  color: var(--r-neutral-950);
1160
1160
  pointer-events: none;
1161
1161
  }
1162
1162
 
1163
- .theme-light:not(.theme-system) .r-theme-switcher::before {
1163
+ .r-theme-light:not(.r-theme-system) .r-theme-switcher::before {
1164
1164
  left: 74px;
1165
1165
  }
1166
1166
 
1167
- .theme-light:not(.theme-system) .r-theme-switcher-btn__light {
1167
+ .r-theme-light:not(.r-theme-system) .r-theme-switcher-btn__light {
1168
1168
  color: var(--r-neutral-950);
1169
1169
  pointer-events: none;
1170
1170
  }
@@ -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;
@@ -1646,6 +1646,21 @@
1646
1646
  scrollbar-width: thin;
1647
1647
  scrollbar-color: var(--r-neutral-200) transparent;
1648
1648
  box-sizing: border-box;
1649
+ }.r-code-block {
1650
+ font-family: var(--monospace-font, monospace, monospace);
1651
+ font-size: 16px;
1652
+ line-height: 1.33;
1653
+ border-radius: 6px;
1654
+ padding: 16px 20px;
1655
+ margin-block-start: 1.5em;
1656
+ margin-block-end: 1.75em;
1657
+ color: var(--r-primary-800);
1658
+ background-color: var(--r-neutral-50);
1659
+ border: 1px solid var(--r-neutral-300);
1660
+ overflow-x: auto;
1661
+ scrollbar-width: thin;
1662
+ scrollbar-color: var(--r-neutral-200) transparent;
1663
+ box-sizing: border-box;
1649
1664
  }.r-code-span {
1650
1665
  font-family: var(--monospace-font, monospace, monospace);
1651
1666
  background-color: var(--r-neutral-200);
@@ -1714,24 +1729,6 @@
1714
1729
  }
1715
1730
  .r-blockquote-caution .r-blockquote-title {
1716
1731
  color: var(--r-caution);
1717
- }.r-code-block {
1718
- font-family: var(--monospace-font, monospace, monospace);
1719
- font-size: 16px;
1720
- line-height: 1.33;
1721
- border-radius: 6px;
1722
- padding: 16px 20px;
1723
- margin-block-start: 1.5em;
1724
- margin-block-end: 1.75em;
1725
- color: var(--r-primary-800);
1726
- background-color: var(--r-neutral-50);
1727
- border: 1px solid var(--r-neutral-300);
1728
- overflow-x: auto;
1729
- scrollbar-width: thin;
1730
- scrollbar-color: var(--r-neutral-200) transparent;
1731
- box-sizing: border-box;
1732
- }.r-img {
1733
- max-width: 100%;
1734
- box-sizing: border-box;
1735
1732
  }.r-h1 {
1736
1733
  font-size: 32px;
1737
1734
  line-height: 1.4;
@@ -1772,6 +1769,9 @@
1772
1769
  line-height: 1.4;
1773
1770
  margin-block-start: 1.8em;
1774
1771
  margin-block-end: 1.8em;
1772
+ }.r-img {
1773
+ max-width: 100%;
1774
+ box-sizing: border-box;
1775
1775
  }.r-p {
1776
1776
  line-height: 1.8;
1777
1777
  margin-block-start: 1em;
@@ -1854,6 +1854,14 @@
1854
1854
  .r-modal._visible {
1855
1855
  transform: translateX(-50%) scale(1);
1856
1856
  }
1857
+ }.r-kbd-key {
1858
+ background-color: var(--r-neutral-200);
1859
+ font-size: 12px;
1860
+ border-radius: 4px;
1861
+ padding: 5px 8px;
1862
+ min-width: 24px;
1863
+ text-align: center;
1864
+ box-sizing: border-box;
1857
1865
  }.r-kbd-container {
1858
1866
  display: flex;
1859
1867
  gap: 4px;
@@ -1862,14 +1870,32 @@
1862
1870
  }
1863
1871
  .r-kbd-container:hover {
1864
1872
  color: var(--r-neutral-950);
1865
- }.r-kbd-key {
1866
- background-color: var(--r-neutral-200);
1867
- font-size: 12px;
1868
- border-radius: 4px;
1869
- padding: 5px 8px;
1870
- min-width: 24px;
1871
- text-align: center;
1873
+ }.r-copy-text {
1874
+ position: relative;
1875
+ cursor: pointer;
1876
+ background: none;
1877
+ border: 0;
1878
+ padding: 0;
1879
+ font: inherit;
1880
+ }
1881
+ .r-copy-text:hover {
1882
+ color: var(--r-neutral-950);
1883
+ }
1884
+ .r-copy-text::before {
1885
+ content: "";
1886
+ position: absolute;
1887
+ bottom: -2px;
1888
+ left: 0;
1889
+ width: 100%;
1890
+ height: 1px;
1891
+ background: linear-gradient(to right, currentColor 30%, transparent 0%, transparent 80%, currentColor 80%) repeat-x 0px/8px;
1892
+ transition: background 0.2s;
1872
1893
  box-sizing: border-box;
1894
+ }
1895
+
1896
+ .r-copy-text:active,
1897
+ .r-copy-text._active {
1898
+ color: var(--r-success);
1873
1899
  }.r-copy-button {
1874
1900
  position: relative;
1875
1901
  padding: 8px;
@@ -1915,32 +1941,6 @@
1915
1941
 
1916
1942
  .r-copy-button-svg {
1917
1943
  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);
1944
1944
  }.r-content-link {
1945
1945
  text-decoration: none;
1946
1946
  color: var(--r-link);
@@ -2004,20 +2004,22 @@
2004
2004
  list-style-position: inside;
2005
2005
  margin-block-start: 1em;
2006
2006
  margin-block-end: 1em;
2007
- }.r-th {
2008
- padding: 6px 12px;
2009
- border-top: 1px solid var(--r-neutral-500);
2010
- border-bottom: 1px solid var(--r-neutral-500);
2011
- border-collapse: collapse;
2012
2007
  }.r-table {
2013
2008
  min-width: 100%;
2014
2009
  text-align: left;
2015
2010
  border-collapse: collapse;
2016
2011
  box-sizing: border-box;
2012
+ }.r-th {
2013
+ padding: 6px 12px;
2014
+ border-top: 1px solid var(--r-neutral-500);
2015
+ border-bottom: 1px solid var(--r-neutral-500);
2016
+ border-collapse: collapse;
2017
2017
  }.r-td {
2018
2018
  padding: 6px 12px;
2019
2019
  border-bottom: 1px solid var(--r-neutral-400);
2020
2020
  border-collapse: collapse;
2021
+ }.r-thead {
2022
+ background-color: var(--r-neutral-100);
2021
2023
  }.r-task-li.r-task-li {
2022
2024
  margin-block-start: 2px;
2023
2025
  margin-block-end: 2px;
@@ -2047,12 +2049,10 @@
2047
2049
 
2048
2050
  .r-task-label-text {
2049
2051
  vertical-align: middle;
2050
- }.r-task-ul {
2051
- list-style: none;
2052
- }.r-thead {
2053
- background-color: var(--r-neutral-100);
2054
2052
  }.r-task-ol {
2055
2053
  list-style: none;
2054
+ }.r-task-ul {
2055
+ list-style: none;
2056
2056
  }.r-backdrop {
2057
2057
  position: fixed;
2058
2058
  top: 0;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "robindoc",
3
- "version": "0.0.0-experimental-bd77dfe",
3
+ "version": "0.0.0-experimental-2636347",
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": {