robindoc 3.6.3 → 3.6.4

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 +176 -176
  2. package/package.json +1 -1
package/lib/styles.css CHANGED
@@ -92,6 +92,43 @@
92
92
  width: 100%;
93
93
  left: 0;
94
94
  }
95
+ }.r-footer {
96
+ border-top: 1px solid var(--r-main-300);
97
+ }
98
+
99
+ .r-footer-container.r-footer-container {
100
+ padding: 16px 24px;
101
+ }
102
+
103
+ .r-footer-row {
104
+ display: flex;
105
+ justify-content: space-between;
106
+ align-items: center;
107
+ gap: 32px;
108
+ }
109
+
110
+ .r-footer-additional {
111
+ margin-top: 20px;
112
+ justify-content: flex-end;
113
+ }
114
+
115
+ .r-copyright {
116
+ color: var(--r-main-800);
117
+ }
118
+
119
+ .r-powered {
120
+ font-size: 14px;
121
+ display: block;
122
+ color: var(--r-main-600);
123
+ }
124
+
125
+ .r-powered-link {
126
+ font-weight: 600;
127
+ text-decoration: none;
128
+ color: var(--r-main-950);
129
+ }
130
+ .r-powered-link:hover {
131
+ color: var(--r-primary-900);
95
132
  }.r-root {
96
133
  --r-header-height: 60px;
97
134
  position: relative;
@@ -325,43 +362,6 @@
325
362
  --r-cl-60: #86181d;
326
363
  --r-cl-61: #144620;
327
364
  --r-cl-62: #c24e00;
328
- }.r-footer {
329
- border-top: 1px solid var(--r-main-300);
330
- }
331
-
332
- .r-footer-container.r-footer-container {
333
- padding: 16px 24px;
334
- }
335
-
336
- .r-footer-row {
337
- display: flex;
338
- justify-content: space-between;
339
- align-items: center;
340
- gap: 32px;
341
- }
342
-
343
- .r-footer-additional {
344
- margin-top: 20px;
345
- justify-content: flex-end;
346
- }
347
-
348
- .r-copyright {
349
- color: var(--r-main-800);
350
- }
351
-
352
- .r-powered {
353
- font-size: 14px;
354
- display: block;
355
- color: var(--r-main-600);
356
- }
357
-
358
- .r-powered-link {
359
- font-weight: 600;
360
- text-decoration: none;
361
- color: var(--r-main-950);
362
- }
363
- .r-powered-link:hover {
364
- color: var(--r-primary-900);
365
365
  }.r-docs-container {
366
366
  min-height: calc(100dvh - var(--r-header-height));
367
367
  overflow-wrap: break-word;
@@ -402,13 +402,13 @@
402
402
  min-height: calc(100dvh - var(--r-header-height));
403
403
  overflow-wrap: break-word;
404
404
  box-sizing: border-box;
405
+ }.r-keylink.keylink-to-navigation:focus {
406
+ margin-top: -40px;
405
407
  }.keylink-to-content {
406
408
  position: absolute !important;
407
409
  top: 8px;
408
410
  left: 12px;
409
411
  z-index: 1001;
410
- }.r-keylink.keylink-to-navigation:focus {
411
- margin-top: -40px;
412
412
  }.r-article {
413
413
  padding: 20px 0 40px;
414
414
  grid-area: content;
@@ -840,85 +840,6 @@
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
843
  }.r-search-btn {
923
844
  position: relative;
924
845
  border-radius: 6px;
@@ -1102,13 +1023,85 @@
1102
1023
  font-size: 14px;
1103
1024
  color: var(--r-main-600);
1104
1025
  margin: 12px 0 0;
1105
- }.r-container {
1106
- max-width: 1180px;
1107
- padding-right: 12px;
1108
- padding-left: 12px;
1109
- margin-right: auto;
1110
- margin-left: auto;
1026
+ }.r-dropdown {
1027
+ position: relative;
1028
+ color: var(--r-main-600);
1029
+ transition: color 0.2s 0.1s;
1030
+ }
1031
+ .r-dropdown:hover, .r-dropdown:focus-within {
1032
+ color: var(--r-main-950);
1033
+ }
1034
+ .r-dropdown:hover .r-dropdown-drop, .r-dropdown:focus-within .r-dropdown-drop {
1035
+ visibility: visible;
1036
+ pointer-events: all;
1037
+ transform: translateY(20px);
1038
+ opacity: 1;
1039
+ }
1040
+ .r-dropdown:hover .r-dropdown-chevron, .r-dropdown:focus-within .r-dropdown-chevron {
1041
+ transform: rotate(180deg);
1042
+ }
1043
+
1044
+ .r-dropdown-summary {
1045
+ display: flex;
1046
+ justify-content: space-between;
1047
+ align-items: center;
1048
+ width: 100%;
1049
+ position: relative;
1050
+ color: inherit;
1051
+ cursor: pointer;
1052
+ padding: 10px 4px;
1053
+ font-size: 16px;
1054
+ border: 0;
1055
+ background: none;
1056
+ z-index: 1;
1057
+ box-sizing: border-box;
1058
+ }
1059
+
1060
+ .r-dropdown-chevron {
1061
+ display: block;
1062
+ margin-left: 6px;
1063
+ transition: transform 0.3s 0.1s;
1064
+ box-sizing: border-box;
1065
+ }
1066
+
1067
+ .r-dropdown-drop {
1068
+ list-style: none;
1069
+ position: absolute;
1070
+ top: 16px;
1071
+ left: -12px;
1072
+ visibility: hidden;
1073
+ pointer-events: none;
1074
+ opacity: 0;
1075
+ transition: transform 0.3s 0.1s, opacity 0.3s 0.1s, visibility 0.3s 0.1s;
1076
+ background-color: var(--r-main-50);
1077
+ border: 1px solid var(--r-main-100);
1078
+ border-radius: 8px;
1079
+ margin: 0;
1080
+ padding: 2px 6px;
1081
+ min-width: 120px;
1082
+ max-width: 180px;
1111
1083
  box-sizing: border-box;
1084
+ }
1085
+
1086
+ .r-dropdown-link {
1087
+ display: block;
1088
+ width: 100%;
1089
+ text-decoration: none;
1090
+ color: var(--r-main-700);
1091
+ padding: 4px 8px;
1092
+ margin-top: 4px;
1093
+ margin-bottom: 4px;
1094
+ border-radius: 4px;
1095
+ transition: background-color 0.2s;
1096
+ box-sizing: border-box;
1097
+ }
1098
+ .r-dropdown-link:hover {
1099
+ color: var(--r-main-900);
1100
+ background-color: var(--r-main-100);
1101
+ }
1102
+
1103
+ .r-dropdown-link._active {
1104
+ color: var(--r-primary-700);
1112
1105
  }.r-header-social {
1113
1106
  display: flex;
1114
1107
  flex: 1;
@@ -1127,6 +1120,13 @@
1127
1120
  }
1128
1121
  .r-header-social-git:hover, .r-header-social-git:focus {
1129
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,6 +1213,47 @@
1213
1213
  user-select: none;
1214
1214
  pointer-events: none;
1215
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;
1222
+ }
1223
+ @media screen and (width >= 768px) {
1224
+ .r-breadcrumbs {
1225
+ padding: 32px 0 0;
1226
+ }
1227
+ }
1228
+
1229
+ .r-breadcrumb {
1230
+ display: inline;
1231
+ }
1232
+
1233
+ .r-breadcrumb._previous::after {
1234
+ content: "/";
1235
+ font-weight: 600;
1236
+ margin-inline: 8px;
1237
+ }
1238
+
1239
+ .r-breadcrumb-link {
1240
+ color: var(--r-main-700);
1241
+ text-decoration: none;
1242
+ }
1243
+ .r-breadcrumb-link:hover {
1244
+ color: var(--r-primary-800);
1245
+ }
1246
+
1247
+ .r-breadcrumb-link,
1248
+ .r-breadcrumb-title {
1249
+ display: inline;
1250
+ padding: 6px 0;
1251
+ margin: 0;
1252
+ }
1253
+
1254
+ .r-breadcrumb-title {
1255
+ color: var(--r-main-950);
1256
+ font-weight: 600;
1216
1257
  }.r-contents {
1217
1258
  grid-area: contents;
1218
1259
  }
@@ -1452,47 +1493,6 @@
1452
1493
  }
1453
1494
  .r-contents-git:hover {
1454
1495
  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
1496
  }.r-pagination {
1497
1497
  grid-area: pagination;
1498
1498
  display: grid;
@@ -1778,9 +1778,6 @@
1778
1778
 
1779
1779
  .r-code-span + .r-content-link-external {
1780
1780
  margin-left: -12px;
1781
- }.r-img {
1782
- max-width: 100%;
1783
- box-sizing: border-box;
1784
1781
  }.r-h1 {
1785
1782
  font-size: 32px;
1786
1783
  line-height: 1.4;
@@ -1821,6 +1818,9 @@
1821
1818
  line-height: 1.4;
1822
1819
  margin-block-start: 1.8em;
1823
1820
  margin-block-end: 1.8em;
1821
+ }.r-img {
1822
+ max-width: 100%;
1823
+ box-sizing: border-box;
1824
1824
  }.r-p {
1825
1825
  line-height: 1.8;
1826
1826
  margin-block-start: 1em;
@@ -1866,14 +1866,6 @@
1866
1866
 
1867
1867
  .r-tab-header-code {
1868
1868
  font-family: var(--monospace-font, monospace, monospace);
1869
- }.r-kbd-key {
1870
- background-color: var(--r-main-200);
1871
- font-size: 12px;
1872
- border-radius: 4px;
1873
- padding: 5px 8px;
1874
- min-width: 24px;
1875
- text-align: center;
1876
- box-sizing: border-box;
1877
1869
  }.r-kbd-container {
1878
1870
  display: flex;
1879
1871
  gap: 4px;
@@ -1882,6 +1874,14 @@
1882
1874
  }
1883
1875
  .r-kbd-container:hover {
1884
1876
  color: var(--r-main-950);
1877
+ }.r-kbd-key {
1878
+ background-color: var(--r-main-200);
1879
+ font-size: 12px;
1880
+ border-radius: 4px;
1881
+ padding: 5px 8px;
1882
+ min-width: 24px;
1883
+ text-align: center;
1884
+ box-sizing: border-box;
1885
1885
  }.r-copy-text {
1886
1886
  position: relative;
1887
1887
  cursor: pointer;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "robindoc",
3
- "version": "3.6.3",
3
+ "version": "3.6.4",
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": {