robindoc 0.0.0-experimental-233a626 → 0.0.0-experimental-b2c83b2

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 +183 -183
  2. package/package.json +1 -1
package/lib/styles.css CHANGED
@@ -374,6 +374,24 @@
374
374
  --r-cl-60: #86181d;
375
375
  --r-cl-61: #144620;
376
376
  --r-cl-62: #c24e00;
377
+ }.r-blog-container {
378
+ min-height: calc(100dvh - var(--r-header-height));
379
+ overflow-wrap: break-word;
380
+ box-sizing: border-box;
381
+ }
382
+ @media screen and (width >= 1180px) {
383
+ .r-blog-container {
384
+ display: grid;
385
+ justify-content: space-between;
386
+ column-gap: 40px;
387
+ grid-template-areas: "breadcrumbs contents" "content contents" "pagination contents";
388
+ grid-template-columns: 760px 220px;
389
+ grid-template-rows: auto 1fr auto;
390
+ }
391
+ }.r-page-container {
392
+ min-height: calc(100dvh - var(--r-header-height));
393
+ overflow-wrap: break-word;
394
+ box-sizing: border-box;
377
395
  }.r-docs-container {
378
396
  min-height: calc(100dvh - var(--r-header-height));
379
397
  overflow-wrap: break-word;
@@ -396,24 +414,6 @@
396
414
  grid-template-columns: 200px 640px 238px;
397
415
  grid-template-rows: auto 1fr auto;
398
416
  }
399
- }.r-blog-container {
400
- min-height: calc(100dvh - var(--r-header-height));
401
- overflow-wrap: break-word;
402
- box-sizing: border-box;
403
- }
404
- @media screen and (width >= 1180px) {
405
- .r-blog-container {
406
- display: grid;
407
- justify-content: space-between;
408
- column-gap: 40px;
409
- grid-template-areas: "breadcrumbs contents" "content contents" "pagination contents";
410
- grid-template-columns: 760px 220px;
411
- grid-template-rows: auto 1fr auto;
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
417
  }.keylink-to-content {
418
418
  position: absolute !important;
419
419
  top: 8px;
@@ -1035,6 +1035,31 @@
1035
1035
  font-size: 14px;
1036
1036
  color: var(--r-main-600);
1037
1037
  margin: 12px 0 0;
1038
+ }.r-header-social {
1039
+ display: flex;
1040
+ flex: 1;
1041
+ justify-content: flex-end;
1042
+ }
1043
+ @media screen and (width >= 1024px) {
1044
+ .r-header-social {
1045
+ flex: none;
1046
+ justify-content: unset;
1047
+ }
1048
+ }
1049
+
1050
+ .r-header-social-git {
1051
+ color: var(--r-main-700);
1052
+ transition: color 0.2s;
1053
+ }
1054
+ .r-header-social-git:hover, .r-header-social-git:focus {
1055
+ color: var(--r-main-950);
1056
+ }.r-container {
1057
+ max-width: 1180px;
1058
+ padding-right: 12px;
1059
+ padding-left: 12px;
1060
+ margin-right: auto;
1061
+ margin-left: auto;
1062
+ box-sizing: border-box;
1038
1063
  }.r-dropdown {
1039
1064
  position: relative;
1040
1065
  color: var(--r-main-600);
@@ -1114,31 +1139,6 @@
1114
1139
 
1115
1140
  .r-dropdown-link._active {
1116
1141
  color: var(--r-primary-700);
1117
- }.r-header-social {
1118
- display: flex;
1119
- flex: 1;
1120
- justify-content: flex-end;
1121
- }
1122
- @media screen and (width >= 1024px) {
1123
- .r-header-social {
1124
- flex: none;
1125
- justify-content: unset;
1126
- }
1127
- }
1128
-
1129
- .r-header-social-git {
1130
- color: var(--r-main-700);
1131
- transition: color 0.2s;
1132
- }
1133
- .r-header-social-git:hover, .r-header-social-git:focus {
1134
- color: var(--r-main-950);
1135
- }.r-container {
1136
- max-width: 1180px;
1137
- padding-right: 12px;
1138
- padding-left: 12px;
1139
- margin-right: auto;
1140
- margin-left: auto;
1141
- box-sizing: border-box;
1142
1142
  }.r-theme-switcher {
1143
1143
  position: relative;
1144
1144
  display: flex;
@@ -1266,78 +1266,6 @@
1266
1266
  .r-breadcrumb-title {
1267
1267
  color: var(--r-main-950);
1268
1268
  font-weight: 600;
1269
- }.r-pagination {
1270
- grid-area: pagination;
1271
- display: grid;
1272
- grid-template-columns: repeat(auto-fit, minmax(148px, 1fr));
1273
- gap: 16px;
1274
- margin-bottom: 40px;
1275
- }
1276
-
1277
- .r-pagination-item {
1278
- position: relative;
1279
- padding-top: 8px;
1280
- padding-bottom: 8px;
1281
- text-decoration: none;
1282
- font-size: 14px;
1283
- color: var(--r-main-800);
1284
- }
1285
- .r-pagination-item:hover {
1286
- color: var(--r-main-950);
1287
- }
1288
-
1289
- .r-pagination-item._prev {
1290
- padding-left: 28px;
1291
- }
1292
-
1293
- .r-pagination-item._next {
1294
- text-align: right;
1295
- padding-right: 28px;
1296
- }
1297
-
1298
- .r-pagination-text {
1299
- display: block;
1300
- line-height: 2;
1301
- }
1302
-
1303
- .r-pagination-title {
1304
- font-weight: 600;
1305
- font-size: 16px;
1306
- }
1307
-
1308
- .r-pagination-icon {
1309
- position: absolute;
1310
- top: 50%;
1311
- transform: translateY(-50%);
1312
- transition: transform 0.2s;
1313
- }
1314
-
1315
- .r-pagination-icon._prev {
1316
- left: 0;
1317
- }
1318
- .r-pagination-item:hover .r-pagination-icon._prev {
1319
- transform: translate(-4px, -50%);
1320
- }
1321
- @media screen and (width >= 1180px) {
1322
- .r-pagination-item:hover .r-pagination-icon._prev {
1323
- transform: translate(-8px, -50%);
1324
- }
1325
- }
1326
-
1327
- .r-pagination-icon._next {
1328
- right: 0;
1329
- }
1330
- .r-pagination-item:hover .r-pagination-icon._next {
1331
- transform: translate(4px, -50%);
1332
- }
1333
- @media screen and (width >= 1180px) {
1334
- .r-pagination-item:hover .r-pagination-icon._next {
1335
- transform: translate(8px, -50%);
1336
- }
1337
- }
1338
-
1339
- .r-pagination-svg {
1340
- display: block;
1341
1269
  }.r-contents {
1342
1270
  grid-area: contents;
1343
1271
  }
@@ -1577,6 +1505,78 @@
1577
1505
  }
1578
1506
  .r-contents-git:hover {
1579
1507
  color: var(--r-main-900);
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
1580
  }.r-last-modified {
1581
1581
  color: var(--r-main-700);
1582
1582
  margin-block-start: 16px;
@@ -1782,6 +1782,19 @@
1782
1782
  }
1783
1783
  .r-blockquote-caution .r-blockquote-title {
1784
1784
  color: var(--r-caution);
1785
+ }.r-code-block {
1786
+ font-family: var(--monospace-font, monospace, monospace);
1787
+ font-size: 16px;
1788
+ line-height: 1.33;
1789
+ border-radius: 6px;
1790
+ padding: 16px 20px;
1791
+ margin: 0;
1792
+ color: var(--r-primary-800);
1793
+ background-color: var(--r-main-50);
1794
+ overflow-x: auto;
1795
+ scrollbar-width: thin;
1796
+ scrollbar-color: var(--r-main-200) transparent;
1797
+ box-sizing: border-box;
1785
1798
  }.r-code-span {
1786
1799
  font-family: var(--monospace-font, monospace, monospace);
1787
1800
  background-color: var(--r-main-100);
@@ -1796,19 +1809,6 @@
1796
1809
 
1797
1810
  .r-code-span + .r-content-link-external {
1798
1811
  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
1812
  }.r-h1 {
1813
1813
  font-size: 32px;
1814
1814
  line-height: 1.4;
@@ -1940,34 +1940,6 @@
1940
1940
 
1941
1941
  .r-copy-button-svg {
1942
1942
  display: block;
1943
- }.r-copy-text {
1944
- position: relative;
1945
- cursor: pointer;
1946
- background: none;
1947
- border: 0;
1948
- padding: 0;
1949
- font: inherit;
1950
- padding: 6px 0;
1951
- }
1952
- .r-copy-text:hover {
1953
- color: var(--r-main-950);
1954
- }
1955
- .r-copy-text::before {
1956
- content: "";
1957
- position: absolute;
1958
- bottom: 0;
1959
- left: 0;
1960
- width: 100%;
1961
- height: 1px;
1962
- background: linear-gradient(to right, currentColor 30%, transparent 0%, transparent 80%, currentColor 80%) repeat-x 0px/8px;
1963
- transition: background 0.2s;
1964
- box-sizing: border-box;
1965
- opacity: 0.6;
1966
- }
1967
-
1968
- .r-copy-text:active,
1969
- .r-copy-text._active {
1970
- color: var(--r-success);
1971
1943
  }.r-content-link {
1972
1944
  text-decoration: none;
1973
1945
  color: inherit;
@@ -2017,6 +1989,34 @@
2017
1989
  background-color: currentColor;
2018
1990
  border-radius: 0 0 0 4px;
2019
1991
  box-sizing: border-box;
1992
+ }.r-copy-text {
1993
+ position: relative;
1994
+ cursor: pointer;
1995
+ background: none;
1996
+ border: 0;
1997
+ padding: 0;
1998
+ font: inherit;
1999
+ padding: 6px 0;
2000
+ }
2001
+ .r-copy-text:hover {
2002
+ color: var(--r-main-950);
2003
+ }
2004
+ .r-copy-text::before {
2005
+ content: "";
2006
+ position: absolute;
2007
+ bottom: 0;
2008
+ left: 0;
2009
+ width: 100%;
2010
+ height: 1px;
2011
+ background: linear-gradient(to right, currentColor 30%, transparent 0%, transparent 80%, currentColor 80%) repeat-x 0px/8px;
2012
+ transition: background 0.2s;
2013
+ box-sizing: border-box;
2014
+ opacity: 0.6;
2015
+ }
2016
+
2017
+ .r-copy-text:active,
2018
+ .r-copy-text._active {
2019
+ color: var(--r-success);
2020
2020
  }.r-li {
2021
2021
  line-height: 1.8;
2022
2022
  margin-block-start: 6px;
@@ -2054,59 +2054,55 @@
2054
2054
  z-index: -1;
2055
2055
  border-radius: 8px;
2056
2056
  border: 1px solid var(--r-main-200);
2057
- }.r-th {
2057
+ }.r-td {
2058
2058
  padding: 8px 12px;
2059
2059
  border-collapse: collapse;
2060
- background-color: var(--r-main-100);
2061
- border-bottom: 1px solid var(--r-main-200);
2062
2060
  }
2063
- .r-thead .r-th:first-child {
2064
- border-top-left-radius: 6px;
2065
- }
2066
- .r-thead .r-th:last-child {
2067
- border-top-right-radius: 6px;
2068
- }
2069
- .r-th:not(:last-child) {
2061
+ .r-td:not(:last-child) {
2070
2062
  border-right: 1px solid var(--r-main-200);
2071
2063
  }
2072
2064
 
2073
- .r-th_left {
2065
+ .r-td_left {
2074
2066
  text-align: left;
2075
2067
  }
2076
2068
 
2077
- .r-th_center {
2069
+ .r-td_center {
2078
2070
  text-align: center;
2079
2071
  }
2080
2072
 
2081
- .r-th_right {
2073
+ .r-td_right {
2082
2074
  text-align: right;
2083
- }.r-td {
2075
+ }.r-tr {
2076
+ border-collapse: collapse;
2077
+ }
2078
+ .r-tr:not(:first-child) {
2079
+ border-top: 1px solid var(--r-main-200);
2080
+ }.r-th {
2084
2081
  padding: 8px 12px;
2085
2082
  border-collapse: collapse;
2083
+ background-color: var(--r-main-100);
2084
+ border-bottom: 1px solid var(--r-main-200);
2086
2085
  }
2087
- .r-td:not(:last-child) {
2086
+ .r-thead .r-th:first-child {
2087
+ border-top-left-radius: 6px;
2088
+ }
2089
+ .r-thead .r-th:last-child {
2090
+ border-top-right-radius: 6px;
2091
+ }
2092
+ .r-th:not(:last-child) {
2088
2093
  border-right: 1px solid var(--r-main-200);
2089
2094
  }
2090
2095
 
2091
- .r-td_left {
2096
+ .r-th_left {
2092
2097
  text-align: left;
2093
2098
  }
2094
2099
 
2095
- .r-td_center {
2100
+ .r-th_center {
2096
2101
  text-align: center;
2097
2102
  }
2098
2103
 
2099
- .r-td_right {
2104
+ .r-th_right {
2100
2105
  text-align: right;
2101
- }.r-tr {
2102
- border-collapse: collapse;
2103
- }
2104
- .r-tr:not(:first-child) {
2105
- border-top: 1px solid var(--r-main-200);
2106
- }.r-task-ol {
2107
- list-style: none;
2108
- }.r-task-ul {
2109
- list-style: none;
2110
2106
  }.r-task-li.r-task-li {
2111
2107
  margin-block-start: 2px;
2112
2108
  margin-block-end: 2px;
@@ -2136,6 +2132,10 @@
2136
2132
 
2137
2133
  .r-task-label-text {
2138
2134
  vertical-align: middle;
2135
+ }.r-task-ol {
2136
+ list-style: none;
2137
+ }.r-task-ul {
2138
+ list-style: none;
2139
2139
  }.r-tooltip {
2140
2140
  font-family: var(--monospace-font, monospace, monospace);
2141
2141
  display: none;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "robindoc",
3
- "version": "0.0.0-experimental-233a626",
3
+ "version": "0.0.0-experimental-b2c83b2",
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": {