robindoc 0.0.0-experimental-dfcffbb → 0.0.0-experimental-fb135e6

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 +225 -225
  2. package/package.json +1 -1
package/lib/styles.css CHANGED
@@ -129,6 +129,28 @@
129
129
  }
130
130
  .r-powered-link:hover {
131
131
  color: var(--r-primary-900);
132
+ }.r-docs-container {
133
+ min-height: calc(100dvh - var(--r-header-height));
134
+ overflow-wrap: break-word;
135
+ box-sizing: border-box;
136
+ }
137
+ @media screen and (width >= 768px) {
138
+ .r-docs-container {
139
+ display: grid;
140
+ justify-content: center;
141
+ column-gap: 32px;
142
+ grid-template-areas: "sidebar breadcrumbs" "sidebar contents" "sidebar content" "sidebar pagination";
143
+ grid-template-columns: 1fr calc(100% - 248px);
144
+ grid-template-rows: auto auto 1fr auto;
145
+ }
146
+ }
147
+ @media screen and (width >= 1180px) {
148
+ .r-docs-container {
149
+ column-gap: 40px;
150
+ grid-template-areas: "sidebar breadcrumbs contents" "sidebar content contents" "sidebar pagination contents";
151
+ grid-template-columns: 200px 640px 238px;
152
+ grid-template-rows: auto 1fr auto;
153
+ }
132
154
  }.r-root {
133
155
  --r-header-height: 60px;
134
156
  position: relative;
@@ -362,28 +384,6 @@
362
384
  --r-cl-60: #86181d;
363
385
  --r-cl-61: #144620;
364
386
  --r-cl-62: #c24e00;
365
- }.r-docs-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 >= 768px) {
371
- .r-docs-container {
372
- display: grid;
373
- justify-content: center;
374
- column-gap: 32px;
375
- grid-template-areas: "sidebar breadcrumbs" "sidebar contents" "sidebar content" "sidebar pagination";
376
- grid-template-columns: 1fr calc(100% - 248px);
377
- grid-template-rows: auto auto 1fr auto;
378
- }
379
- }
380
- @media screen and (width >= 1180px) {
381
- .r-docs-container {
382
- column-gap: 40px;
383
- grid-template-areas: "sidebar breadcrumbs contents" "sidebar content contents" "sidebar pagination contents";
384
- grid-template-columns: 200px 640px 238px;
385
- grid-template-rows: auto 1fr auto;
386
- }
387
387
  }.r-blog-container {
388
388
  min-height: calc(100dvh - var(--r-header-height));
389
389
  overflow-wrap: break-word;
@@ -398,15 +398,15 @@
398
398
  grid-template-columns: 760px 220px;
399
399
  grid-template-rows: auto 1fr auto;
400
400
  }
401
- }.r-page-container {
402
- min-height: calc(100dvh - var(--r-header-height));
403
- overflow-wrap: break-word;
404
- box-sizing: border-box;
405
401
  }.keylink-to-content {
406
402
  position: absolute !important;
407
403
  top: 8px;
408
404
  left: 12px;
409
405
  z-index: 1001;
406
+ }.r-page-container {
407
+ min-height: calc(100dvh - var(--r-header-height));
408
+ overflow-wrap: break-word;
409
+ box-sizing: border-box;
410
410
  }.r-keylink.keylink-to-navigation:focus {
411
411
  margin-top: -40px;
412
412
  }.r-article {
@@ -1023,6 +1023,31 @@
1023
1023
  font-size: 14px;
1024
1024
  color: var(--r-main-600);
1025
1025
  margin: 12px 0 0;
1026
+ }.r-header-social {
1027
+ display: flex;
1028
+ flex: 1;
1029
+ justify-content: flex-end;
1030
+ }
1031
+ @media screen and (width >= 1024px) {
1032
+ .r-header-social {
1033
+ flex: none;
1034
+ justify-content: unset;
1035
+ }
1036
+ }
1037
+
1038
+ .r-header-social-git {
1039
+ color: var(--r-main-700);
1040
+ transition: color 0.2s;
1041
+ }
1042
+ .r-header-social-git:hover, .r-header-social-git:focus {
1043
+ color: var(--r-main-950);
1044
+ }.r-container {
1045
+ max-width: 1180px;
1046
+ padding-right: 12px;
1047
+ padding-left: 12px;
1048
+ margin-right: auto;
1049
+ margin-left: auto;
1050
+ box-sizing: border-box;
1026
1051
  }.r-dropdown {
1027
1052
  position: relative;
1028
1053
  color: var(--r-main-600);
@@ -1102,31 +1127,6 @@
1102
1127
 
1103
1128
  .r-dropdown-link._active {
1104
1129
  color: var(--r-primary-700);
1105
- }.r-header-social {
1106
- display: flex;
1107
- flex: 1;
1108
- justify-content: flex-end;
1109
- }
1110
- @media screen and (width >= 1024px) {
1111
- .r-header-social {
1112
- flex: none;
1113
- justify-content: unset;
1114
- }
1115
- }
1116
-
1117
- .r-header-social-git {
1118
- color: var(--r-main-700);
1119
- transition: color 0.2s;
1120
- }
1121
- .r-header-social-git:hover, .r-header-social-git:focus {
1122
- color: var(--r-main-950);
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;
@@ -1213,119 +1213,6 @@
1213
1213
  user-select: none;
1214
1214
  pointer-events: none;
1215
1215
  box-sizing: border-box;
1216
- }.r-pagination {
1217
- grid-area: pagination;
1218
- display: grid;
1219
- grid-template-columns: repeat(auto-fit, minmax(148px, 1fr));
1220
- gap: 16px;
1221
- margin-bottom: 40px;
1222
- }
1223
-
1224
- .r-pagination-item {
1225
- position: relative;
1226
- padding-top: 8px;
1227
- padding-bottom: 8px;
1228
- text-decoration: none;
1229
- font-size: 14px;
1230
- color: var(--r-main-800);
1231
- }
1232
- .r-pagination-item:hover {
1233
- color: var(--r-main-950);
1234
- }
1235
-
1236
- .r-pagination-item._prev {
1237
- padding-left: 28px;
1238
- }
1239
-
1240
- .r-pagination-item._next {
1241
- text-align: right;
1242
- padding-right: 28px;
1243
- }
1244
-
1245
- .r-pagination-text {
1246
- display: block;
1247
- line-height: 2;
1248
- }
1249
-
1250
- .r-pagination-title {
1251
- font-weight: 600;
1252
- font-size: 16px;
1253
- }
1254
-
1255
- .r-pagination-icon {
1256
- position: absolute;
1257
- top: 50%;
1258
- transform: translateY(-50%);
1259
- transition: transform 0.2s;
1260
- }
1261
-
1262
- .r-pagination-icon._prev {
1263
- left: 0;
1264
- }
1265
- .r-pagination-item:hover .r-pagination-icon._prev {
1266
- transform: translate(-4px, -50%);
1267
- }
1268
- @media screen and (width >= 1180px) {
1269
- .r-pagination-item:hover .r-pagination-icon._prev {
1270
- transform: translate(-8px, -50%);
1271
- }
1272
- }
1273
-
1274
- .r-pagination-icon._next {
1275
- right: 0;
1276
- }
1277
- .r-pagination-item:hover .r-pagination-icon._next {
1278
- transform: translate(4px, -50%);
1279
- }
1280
- @media screen and (width >= 1180px) {
1281
- .r-pagination-item:hover .r-pagination-icon._next {
1282
- transform: translate(8px, -50%);
1283
- }
1284
- }
1285
-
1286
- .r-pagination-svg {
1287
- display: block;
1288
- }.r-breadcrumbs {
1289
- grid-area: breadcrumbs;
1290
- list-style: none;
1291
- margin: 0;
1292
- padding: 20px 0 0;
1293
- line-height: 2;
1294
- }
1295
- @media screen and (width >= 768px) {
1296
- .r-breadcrumbs {
1297
- padding: 32px 0 0;
1298
- }
1299
- }
1300
-
1301
- .r-breadcrumb {
1302
- display: inline;
1303
- }
1304
-
1305
- .r-breadcrumb._previous::after {
1306
- content: "/";
1307
- font-weight: 600;
1308
- margin-inline: 8px;
1309
- }
1310
-
1311
- .r-breadcrumb-link {
1312
- color: var(--r-main-700);
1313
- text-decoration: none;
1314
- }
1315
- .r-breadcrumb-link:hover {
1316
- color: var(--r-primary-800);
1317
- }
1318
-
1319
- .r-breadcrumb-link,
1320
- .r-breadcrumb-title {
1321
- display: inline;
1322
- padding: 6px 0;
1323
- margin: 0;
1324
- }
1325
-
1326
- .r-breadcrumb-title {
1327
- color: var(--r-main-950);
1328
- font-weight: 600;
1329
1216
  }.r-contents {
1330
1217
  grid-area: contents;
1331
1218
  }
@@ -1565,6 +1452,119 @@
1565
1452
  }
1566
1453
  .r-contents-git:hover {
1567
1454
  color: var(--r-main-900);
1455
+ }.r-breadcrumbs {
1456
+ grid-area: breadcrumbs;
1457
+ list-style: none;
1458
+ margin: 0;
1459
+ padding: 20px 0 0;
1460
+ line-height: 2;
1461
+ }
1462
+ @media screen and (width >= 768px) {
1463
+ .r-breadcrumbs {
1464
+ padding: 32px 0 0;
1465
+ }
1466
+ }
1467
+
1468
+ .r-breadcrumb {
1469
+ display: inline;
1470
+ }
1471
+
1472
+ .r-breadcrumb._previous::after {
1473
+ content: "/";
1474
+ font-weight: 600;
1475
+ margin-inline: 8px;
1476
+ }
1477
+
1478
+ .r-breadcrumb-link {
1479
+ color: var(--r-main-700);
1480
+ text-decoration: none;
1481
+ }
1482
+ .r-breadcrumb-link:hover {
1483
+ color: var(--r-primary-800);
1484
+ }
1485
+
1486
+ .r-breadcrumb-link,
1487
+ .r-breadcrumb-title {
1488
+ display: inline;
1489
+ padding: 6px 0;
1490
+ margin: 0;
1491
+ }
1492
+
1493
+ .r-breadcrumb-title {
1494
+ color: var(--r-main-950);
1495
+ font-weight: 600;
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;
@@ -1584,6 +1584,8 @@
1584
1584
  opacity: 1;
1585
1585
  visibility: visible;
1586
1586
  pointer-events: all;
1587
+ }.r-git-logo {
1588
+ display: block;
1587
1589
  }.r-external-mark {
1588
1590
  position: relative;
1589
1591
  vertical-align: text-top;
@@ -1615,8 +1617,6 @@
1615
1617
  background-color: currentColor;
1616
1618
  border-radius: 0 0 0 4px;
1617
1619
  box-sizing: border-box;
1618
- }.r-git-logo {
1619
- display: block;
1620
1620
  }.r-anchor-heading:hover .r-anchor-heading-link {
1621
1621
  visibility: visible;
1622
1622
  opacity: 1;
@@ -1636,14 +1636,6 @@
1636
1636
  }
1637
1637
  .r-anchor-heading-link::after {
1638
1638
  content: "#";
1639
- }.r-block {
1640
- width: 100%;
1641
- overflow: auto;
1642
- margin-block-start: 12px;
1643
- margin-block-end: 12px;
1644
- scrollbar-width: thin;
1645
- scrollbar-color: var(--r-main-200) transparent;
1646
- box-sizing: border-box;
1647
1639
  }.r-code-section {
1648
1640
  position: relative;
1649
1641
  margin-block-start: 1.5em;
@@ -1695,6 +1687,14 @@
1695
1687
 
1696
1688
  .r-code-section-filename {
1697
1689
  font-family: var(--monospace-font, monospace, monospace);
1690
+ }.r-block {
1691
+ width: 100%;
1692
+ overflow: auto;
1693
+ margin-block-start: 12px;
1694
+ margin-block-end: 12px;
1695
+ scrollbar-width: thin;
1696
+ scrollbar-color: var(--r-main-200) transparent;
1697
+ box-sizing: border-box;
1698
1698
  }.r-blockquote {
1699
1699
  background-color: var(--r-main-100);
1700
1700
  padding: 8px 12px 8px 20px;
@@ -1882,55 +1882,6 @@
1882
1882
  min-width: 24px;
1883
1883
  text-align: center;
1884
1884
  box-sizing: border-box;
1885
- }.r-content-link {
1886
- text-decoration: none;
1887
- color: inherit;
1888
- text-decoration: underline;
1889
- text-decoration-color: var(--r-primary-500);
1890
- text-underline-offset: 3px;
1891
- transition: text-decoration-offset 0.2s ease;
1892
- }
1893
- .r-content-link:hover {
1894
- color: var(--r-main-700);
1895
- text-decoration-color: var(--r-primary-400);
1896
- text-underline-offset: 2px;
1897
- text-decoration-thickness: 2px;
1898
- }
1899
- .r-content-link:active {
1900
- color: var(--r-primary-600);
1901
- }
1902
-
1903
- .r-content-link-external {
1904
- position: relative;
1905
- vertical-align: text-top;
1906
- display: inline-block;
1907
- margin-left: -4px;
1908
- margin-right: 2px;
1909
- width: 6px;
1910
- height: 6px;
1911
- box-sizing: border-box;
1912
- }
1913
- .r-content-link-external::after {
1914
- content: "";
1915
- position: absolute;
1916
- top: 0;
1917
- right: 0;
1918
- width: 100%;
1919
- height: 100%;
1920
- border-top: 1px solid currentColor;
1921
- border-right: 1px solid currentColor;
1922
- box-sizing: border-box;
1923
- }
1924
- .r-content-link-external::before {
1925
- content: "";
1926
- position: absolute;
1927
- top: 0;
1928
- right: 0;
1929
- width: 3px;
1930
- height: 3px;
1931
- background-color: currentColor;
1932
- border-radius: 0 0 0 4px;
1933
- box-sizing: border-box;
1934
1885
  }.r-copy-button {
1935
1886
  position: relative;
1936
1887
  padding: 6px;
@@ -2002,6 +1953,55 @@
2002
1953
  .r-copy-text:active,
2003
1954
  .r-copy-text._active {
2004
1955
  color: var(--r-success);
1956
+ }.r-content-link {
1957
+ text-decoration: none;
1958
+ color: inherit;
1959
+ text-decoration: underline;
1960
+ text-decoration-color: var(--r-primary-500);
1961
+ text-underline-offset: 3px;
1962
+ transition: text-decoration-offset 0.2s ease;
1963
+ }
1964
+ .r-content-link:hover {
1965
+ color: var(--r-main-700);
1966
+ text-decoration-color: var(--r-primary-400);
1967
+ text-underline-offset: 2px;
1968
+ text-decoration-thickness: 2px;
1969
+ }
1970
+ .r-content-link:active {
1971
+ color: var(--r-primary-600);
1972
+ }
1973
+
1974
+ .r-content-link-external {
1975
+ position: relative;
1976
+ vertical-align: text-top;
1977
+ display: inline-block;
1978
+ margin-left: -4px;
1979
+ margin-right: 2px;
1980
+ width: 6px;
1981
+ height: 6px;
1982
+ box-sizing: border-box;
1983
+ }
1984
+ .r-content-link-external::after {
1985
+ content: "";
1986
+ position: absolute;
1987
+ top: 0;
1988
+ right: 0;
1989
+ width: 100%;
1990
+ height: 100%;
1991
+ border-top: 1px solid currentColor;
1992
+ border-right: 1px solid currentColor;
1993
+ box-sizing: border-box;
1994
+ }
1995
+ .r-content-link-external::before {
1996
+ content: "";
1997
+ position: absolute;
1998
+ top: 0;
1999
+ right: 0;
2000
+ width: 3px;
2001
+ height: 3px;
2002
+ background-color: currentColor;
2003
+ border-radius: 0 0 0 4px;
2004
+ box-sizing: border-box;
2005
2005
  }.r-li {
2006
2006
  line-height: 1.8;
2007
2007
  margin-block-start: 6px;
@@ -2026,8 +2026,6 @@
2026
2026
  text-align: left;
2027
2027
  border-collapse: collapse;
2028
2028
  box-sizing: border-box;
2029
- }.r-thead {
2030
- background-color: var(--r-main-100);
2031
2029
  }.r-td {
2032
2030
  padding: 6px 12px;
2033
2031
  border-bottom: 1px solid var(--r-main-400);
@@ -2066,6 +2064,8 @@
2066
2064
 
2067
2065
  .r-task-label-text {
2068
2066
  vertical-align: middle;
2067
+ }.r-thead {
2068
+ background-color: var(--r-main-100);
2069
2069
  }.r-task-ol {
2070
2070
  list-style: none;
2071
2071
  }.r-task-ul {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "robindoc",
3
- "version": "0.0.0-experimental-dfcffbb",
3
+ "version": "0.0.0-experimental-fb135e6",
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": {