robindoc 0.0.0-experimental-fb135e6 → 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 +316 -316
  2. package/package.json +1 -1
package/lib/styles.css CHANGED
@@ -129,28 +129,6 @@
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
- }
154
132
  }.r-root {
155
133
  --r-header-height: 60px;
156
134
  position: relative;
@@ -398,15 +376,37 @@
398
376
  grid-template-columns: 760px 220px;
399
377
  grid-template-rows: auto 1fr auto;
400
378
  }
379
+ }.r-docs-container {
380
+ min-height: calc(100dvh - var(--r-header-height));
381
+ overflow-wrap: break-word;
382
+ box-sizing: border-box;
383
+ }
384
+ @media screen and (width >= 768px) {
385
+ .r-docs-container {
386
+ display: grid;
387
+ justify-content: center;
388
+ column-gap: 32px;
389
+ grid-template-areas: "sidebar breadcrumbs" "sidebar contents" "sidebar content" "sidebar pagination";
390
+ grid-template-columns: 1fr calc(100% - 248px);
391
+ grid-template-rows: auto auto 1fr auto;
392
+ }
393
+ }
394
+ @media screen and (width >= 1180px) {
395
+ .r-docs-container {
396
+ column-gap: 40px;
397
+ grid-template-areas: "sidebar breadcrumbs contents" "sidebar content contents" "sidebar pagination contents";
398
+ grid-template-columns: 200px 640px 238px;
399
+ grid-template-rows: auto 1fr auto;
400
+ }
401
+ }.r-page-container {
402
+ min-height: calc(100dvh - var(--r-header-height));
403
+ overflow-wrap: break-word;
404
+ box-sizing: border-box;
401
405
  }.keylink-to-content {
402
406
  position: absolute !important;
403
407
  top: 8px;
404
408
  left: 12px;
405
409
  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 {
@@ -840,6 +840,110 @@
840
840
  .r-header-input:checked ~ .r-header-burger .r-burger-line._bottom {
841
841
  transform: translateY(0) rotate(-45deg);
842
842
  margin-top: 0;
843
+ }.r-dropdown {
844
+ position: relative;
845
+ color: var(--r-main-600);
846
+ transition: color 0.2s 0.1s;
847
+ }
848
+ .r-dropdown:hover, .r-dropdown:focus-within {
849
+ color: var(--r-main-950);
850
+ }
851
+ .r-dropdown:hover .r-dropdown-drop, .r-dropdown:focus-within .r-dropdown-drop {
852
+ visibility: visible;
853
+ pointer-events: all;
854
+ transform: translateY(20px);
855
+ opacity: 1;
856
+ }
857
+ .r-dropdown:hover .r-dropdown-chevron, .r-dropdown:focus-within .r-dropdown-chevron {
858
+ transform: rotate(180deg);
859
+ }
860
+
861
+ .r-dropdown-summary {
862
+ display: flex;
863
+ justify-content: space-between;
864
+ align-items: center;
865
+ width: 100%;
866
+ position: relative;
867
+ color: inherit;
868
+ cursor: pointer;
869
+ padding: 10px 4px;
870
+ font-size: 16px;
871
+ border: 0;
872
+ background: none;
873
+ z-index: 1;
874
+ box-sizing: border-box;
875
+ }
876
+
877
+ .r-dropdown-chevron {
878
+ display: block;
879
+ margin-left: 6px;
880
+ transition: transform 0.3s 0.1s;
881
+ box-sizing: border-box;
882
+ }
883
+
884
+ .r-dropdown-drop {
885
+ list-style: none;
886
+ position: absolute;
887
+ top: 16px;
888
+ left: -12px;
889
+ visibility: hidden;
890
+ pointer-events: none;
891
+ opacity: 0;
892
+ transition: transform 0.3s 0.1s, opacity 0.3s 0.1s, visibility 0.3s 0.1s;
893
+ background-color: var(--r-main-50);
894
+ border: 1px solid var(--r-main-100);
895
+ border-radius: 8px;
896
+ margin: 0;
897
+ padding: 2px 6px;
898
+ min-width: 120px;
899
+ max-width: 180px;
900
+ box-sizing: border-box;
901
+ }
902
+
903
+ .r-dropdown-link {
904
+ display: block;
905
+ width: 100%;
906
+ text-decoration: none;
907
+ color: var(--r-main-700);
908
+ padding: 4px 8px;
909
+ margin-top: 4px;
910
+ margin-bottom: 4px;
911
+ border-radius: 4px;
912
+ transition: background-color 0.2s;
913
+ box-sizing: border-box;
914
+ }
915
+ .r-dropdown-link:hover {
916
+ color: var(--r-main-900);
917
+ background-color: var(--r-main-100);
918
+ }
919
+
920
+ .r-dropdown-link._active {
921
+ color: var(--r-primary-700);
922
+ }.r-header-social {
923
+ display: flex;
924
+ flex: 1;
925
+ justify-content: flex-end;
926
+ }
927
+ @media screen and (width >= 1024px) {
928
+ .r-header-social {
929
+ flex: none;
930
+ justify-content: unset;
931
+ }
932
+ }
933
+
934
+ .r-header-social-git {
935
+ color: var(--r-main-700);
936
+ transition: color 0.2s;
937
+ }
938
+ .r-header-social-git:hover, .r-header-social-git:focus {
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;
843
947
  }.r-search-btn {
844
948
  position: relative;
845
949
  border-radius: 6px;
@@ -1023,196 +1127,205 @@
1023
1127
  font-size: 14px;
1024
1128
  color: var(--r-main-600);
1025
1129
  margin: 12px 0 0;
1026
- }.r-header-social {
1130
+ }.r-theme-switcher {
1131
+ position: relative;
1027
1132
  display: flex;
1028
- flex: 1;
1029
- justify-content: flex-end;
1133
+ gap: 4px;
1134
+ width: 109px;
1135
+ height: 37px;
1136
+ padding: 2px;
1137
+ background-color: var(--r-main-100);
1138
+ border: 1px solid var(--r-main-200);
1139
+ border-radius: 100px;
1140
+ box-sizing: border-box;
1030
1141
  }
1031
- @media screen and (width >= 1024px) {
1032
- .r-header-social {
1033
- flex: none;
1034
- justify-content: unset;
1035
- }
1142
+ .r-theme-switcher::before {
1143
+ content: "";
1144
+ position: absolute;
1145
+ display: block;
1146
+ height: 32px;
1147
+ width: 32px;
1148
+ top: 2px;
1149
+ left: 2px;
1150
+ background-color: var(--r-main-50);
1151
+ border: 1px solid var(--r-main-200);
1152
+ border-radius: 100px;
1153
+ transition: left 0.2s;
1154
+ box-sizing: border-box;
1036
1155
  }
1037
1156
 
1038
- .r-header-social-git {
1157
+ .r-theme-switcher-btn {
1158
+ padding: 8px;
1159
+ background: none;
1160
+ border: 0;
1161
+ border-radius: 100px;
1162
+ cursor: pointer;
1039
1163
  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;
1051
- }.r-dropdown {
1052
- position: relative;
1053
- color: var(--r-main-600);
1054
- transition: color 0.2s 0.1s;
1164
+ fill: transparent;
1165
+ z-index: 1;
1166
+ transition: color 0.2s 0.1s, fill 0.2s;
1055
1167
  }
1056
- .r-dropdown:hover, .r-dropdown:focus-within {
1168
+ .r-theme-switcher-btn:hover {
1057
1169
  color: var(--r-main-950);
1170
+ fill: var(--r-main-600);
1058
1171
  }
1059
- .r-dropdown:hover .r-dropdown-drop, .r-dropdown:focus-within .r-dropdown-drop {
1060
- visibility: visible;
1061
- pointer-events: all;
1062
- transform: translateY(20px);
1063
- opacity: 1;
1172
+
1173
+ .r-theme-dark:not(.r-theme-system) .r-theme-switcher::before {
1174
+ left: 2px;
1064
1175
  }
1065
- .r-dropdown:hover .r-dropdown-chevron, .r-dropdown:focus-within .r-dropdown-chevron {
1066
- transform: rotate(180deg);
1176
+
1177
+ .r-theme-dark:not(.r-theme-system) .r-theme-switcher-btn__dark,
1178
+ .r-theme-system .r-theme-switcher-btn__system,
1179
+ .r-theme-light:not(.r-theme-system) .r-theme-switcher-btn__light {
1180
+ color: var(--r-main-950);
1181
+ fill: var(--r-main-950);
1182
+ pointer-events: none;
1067
1183
  }
1068
1184
 
1069
- .r-dropdown-summary {
1070
- display: flex;
1071
- justify-content: space-between;
1072
- align-items: center;
1073
- width: 100%;
1074
- position: relative;
1075
- color: inherit;
1076
- cursor: pointer;
1077
- padding: 10px 4px;
1078
- font-size: 16px;
1079
- border: 0;
1080
- background: none;
1081
- z-index: 1;
1082
- box-sizing: border-box;
1185
+ .r-theme-switcher::before,
1186
+ .r-theme-system .r-theme-switcher::before {
1187
+ left: 38px;
1083
1188
  }
1084
1189
 
1085
- .r-dropdown-chevron {
1086
- display: block;
1087
- margin-left: 6px;
1088
- transition: transform 0.3s 0.1s;
1089
- box-sizing: border-box;
1190
+ .r-theme-light:not(.r-theme-system) .r-theme-switcher::before {
1191
+ left: 74px;
1090
1192
  }
1091
1193
 
1092
- .r-dropdown-drop {
1093
- list-style: none;
1094
- position: absolute;
1095
- top: 16px;
1096
- left: -12px;
1097
- visibility: hidden;
1098
- pointer-events: none;
1099
- opacity: 0;
1100
- transition: transform 0.3s 0.1s, opacity 0.3s 0.1s, visibility 0.3s 0.1s;
1101
- background-color: var(--r-main-50);
1102
- border: 1px solid var(--r-main-100);
1103
- border-radius: 8px;
1104
- margin: 0;
1105
- padding: 2px 6px;
1106
- min-width: 120px;
1107
- max-width: 180px;
1108
- box-sizing: border-box;
1109
- }
1110
-
1111
- .r-dropdown-link {
1194
+ .r-theme-switcher-svg {
1112
1195
  display: block;
1113
- width: 100%;
1196
+ }.r-keylink {
1197
+ display: block;
1198
+ position: relative;
1199
+ padding: 8px 12px;
1200
+ border: 2px solid var(--r-main-500);
1201
+ border-radius: 6px;
1114
1202
  text-decoration: none;
1115
- color: var(--r-main-700);
1116
- padding: 4px 8px;
1117
- margin-top: 4px;
1118
- margin-bottom: 4px;
1119
- border-radius: 4px;
1120
- transition: background-color 0.2s;
1203
+ background: var(--r-main-50);
1204
+ }
1205
+
1206
+ .r-keylink:not(:focus) {
1207
+ width: 1px !important;
1208
+ height: 1px !important;
1209
+ padding: 0 !important;
1210
+ overflow: hidden !important;
1211
+ clip: rect(1px, 1px, 1px, 1px) !important;
1212
+ border: 0 !important;
1213
+ user-select: none;
1214
+ pointer-events: none;
1121
1215
  box-sizing: border-box;
1216
+ }.r-breadcrumbs {
1217
+ grid-area: breadcrumbs;
1218
+ list-style: none;
1219
+ margin: 0;
1220
+ padding: 20px 0 0;
1221
+ line-height: 2;
1122
1222
  }
1123
- .r-dropdown-link:hover {
1124
- color: var(--r-main-900);
1125
- background-color: var(--r-main-100);
1223
+ @media screen and (width >= 768px) {
1224
+ .r-breadcrumbs {
1225
+ padding: 32px 0 0;
1226
+ }
1126
1227
  }
1127
1228
 
1128
- .r-dropdown-link._active {
1129
- color: var(--r-primary-700);
1130
- }.r-theme-switcher {
1131
- position: relative;
1132
- display: flex;
1133
- gap: 4px;
1134
- width: 109px;
1135
- height: 37px;
1136
- padding: 2px;
1137
- background-color: var(--r-main-100);
1138
- border: 1px solid var(--r-main-200);
1139
- border-radius: 100px;
1140
- box-sizing: border-box;
1229
+ .r-breadcrumb {
1230
+ display: inline;
1141
1231
  }
1142
- .r-theme-switcher::before {
1143
- content: "";
1144
- position: absolute;
1145
- display: block;
1146
- height: 32px;
1147
- width: 32px;
1148
- top: 2px;
1149
- left: 2px;
1150
- background-color: var(--r-main-50);
1151
- border: 1px solid var(--r-main-200);
1152
- border-radius: 100px;
1153
- transition: left 0.2s;
1154
- box-sizing: border-box;
1232
+
1233
+ .r-breadcrumb._previous::after {
1234
+ content: "/";
1235
+ font-weight: 600;
1236
+ margin-inline: 8px;
1155
1237
  }
1156
1238
 
1157
- .r-theme-switcher-btn {
1158
- padding: 8px;
1159
- background: none;
1160
- border: 0;
1161
- border-radius: 100px;
1162
- cursor: pointer;
1239
+ .r-breadcrumb-link {
1163
1240
  color: var(--r-main-700);
1164
- fill: transparent;
1165
- z-index: 1;
1166
- transition: color 0.2s 0.1s, fill 0.2s;
1241
+ text-decoration: none;
1167
1242
  }
1168
- .r-theme-switcher-btn:hover {
1169
- color: var(--r-main-950);
1170
- fill: var(--r-main-600);
1243
+ .r-breadcrumb-link:hover {
1244
+ color: var(--r-primary-800);
1171
1245
  }
1172
1246
 
1173
- .r-theme-dark:not(.r-theme-system) .r-theme-switcher::before {
1174
- left: 2px;
1247
+ .r-breadcrumb-link,
1248
+ .r-breadcrumb-title {
1249
+ display: inline;
1250
+ padding: 6px 0;
1251
+ margin: 0;
1175
1252
  }
1176
1253
 
1177
- .r-theme-dark:not(.r-theme-system) .r-theme-switcher-btn__dark,
1178
- .r-theme-system .r-theme-switcher-btn__system,
1179
- .r-theme-light:not(.r-theme-system) .r-theme-switcher-btn__light {
1254
+ .r-breadcrumb-title {
1180
1255
  color: var(--r-main-950);
1181
- fill: var(--r-main-950);
1182
- pointer-events: none;
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;
1183
1263
  }
1184
1264
 
1185
- .r-theme-switcher::before,
1186
- .r-theme-system .r-theme-switcher::before {
1187
- left: 38px;
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);
1188
1275
  }
1189
1276
 
1190
- .r-theme-light:not(.r-theme-system) .r-theme-switcher::before {
1191
- left: 74px;
1277
+ .r-pagination-item._prev {
1278
+ padding-left: 28px;
1192
1279
  }
1193
1280
 
1194
- .r-theme-switcher-svg {
1195
- display: block;
1196
- }.r-keylink {
1281
+ .r-pagination-item._next {
1282
+ text-align: right;
1283
+ padding-right: 28px;
1284
+ }
1285
+
1286
+ .r-pagination-text {
1197
1287
  display: block;
1198
- position: relative;
1199
- padding: 8px 12px;
1200
- border: 2px solid var(--r-main-500);
1201
- border-radius: 6px;
1202
- text-decoration: none;
1203
- background: var(--r-main-50);
1288
+ line-height: 2;
1204
1289
  }
1205
1290
 
1206
- .r-keylink:not(:focus) {
1207
- width: 1px !important;
1208
- height: 1px !important;
1209
- padding: 0 !important;
1210
- overflow: hidden !important;
1211
- clip: rect(1px, 1px, 1px, 1px) !important;
1212
- border: 0 !important;
1213
- user-select: none;
1214
- pointer-events: none;
1215
- box-sizing: border-box;
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;
1216
1329
  }.r-contents {
1217
1330
  grid-area: contents;
1218
1331
  }
@@ -1452,122 +1565,11 @@
1452
1565
  }
1453
1566
  .r-contents-git:hover {
1454
1567
  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;
1571
+ }.r-git-logo {
1572
+ display: block;
1571
1573
  }.r-backdrop {
1572
1574
  position: fixed;
1573
1575
  top: 0;
@@ -1584,8 +1586,6 @@
1584
1586
  opacity: 1;
1585
1587
  visibility: visible;
1586
1588
  pointer-events: all;
1587
- }.r-git-logo {
1588
- display: block;
1589
1589
  }.r-external-mark {
1590
1590
  position: relative;
1591
1591
  vertical-align: text-top;
@@ -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;
@@ -2035,6 +2035,12 @@
2035
2035
  border-top: 1px solid var(--r-main-500);
2036
2036
  border-bottom: 1px solid var(--r-main-500);
2037
2037
  border-collapse: collapse;
2038
+ }.r-thead {
2039
+ background-color: var(--r-main-100);
2040
+ }.r-task-ol {
2041
+ list-style: none;
2042
+ }.r-task-ul {
2043
+ list-style: none;
2038
2044
  }.r-task-li.r-task-li {
2039
2045
  margin-block-start: 2px;
2040
2046
  margin-block-end: 2px;
@@ -2064,12 +2070,6 @@
2064
2070
 
2065
2071
  .r-task-label-text {
2066
2072
  vertical-align: middle;
2067
- }.r-thead {
2068
- background-color: var(--r-main-100);
2069
- }.r-task-ol {
2070
- list-style: none;
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-fb135e6",
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": {