robindoc 3.6.5 → 3.7.0

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 (108) hide show
  1. package/lib/client.d.ts +6 -0
  2. package/lib/client.d.ts.map +1 -1
  3. package/lib/components/blocks/anchor-heading/index.d.ts +1 -2
  4. package/lib/components/blocks/anchor-heading/index.d.ts.map +1 -1
  5. package/lib/components/blocks/anchor-heading/index.js.map +1 -1
  6. package/lib/components/elements/article/document.d.ts +6 -10
  7. package/lib/components/elements/article/document.d.ts.map +1 -1
  8. package/lib/components/elements/article/document.js +1 -1
  9. package/lib/components/elements/article/document.js.map +1 -1
  10. package/lib/components/elements/article/index.d.ts +13 -13
  11. package/lib/components/elements/article/index.d.ts.map +1 -1
  12. package/lib/components/elements/article/index.js +1 -1
  13. package/lib/components/elements/article/index.js.map +1 -1
  14. package/lib/components/elements/article/tags.d.ts +30 -0
  15. package/lib/components/elements/article/tags.d.ts.map +1 -0
  16. package/lib/components/elements/article/tags.js +2 -0
  17. package/lib/components/elements/article/tags.js.map +1 -0
  18. package/lib/components/elements/blog-container/index.d.ts +6 -0
  19. package/lib/components/elements/blog-container/index.d.ts.map +1 -1
  20. package/lib/components/elements/blog-container/index.js.map +1 -1
  21. package/lib/components/elements/docs-container/index.d.ts +6 -0
  22. package/lib/components/elements/docs-container/index.d.ts.map +1 -1
  23. package/lib/components/elements/docs-container/index.js.map +1 -1
  24. package/lib/components/elements/footer/index.d.ts +5 -0
  25. package/lib/components/elements/footer/index.d.ts.map +1 -1
  26. package/lib/components/elements/footer/index.js.map +1 -1
  27. package/lib/components/elements/header/index.d.ts +6 -0
  28. package/lib/components/elements/header/index.d.ts.map +1 -1
  29. package/lib/components/elements/header/index.js.map +1 -1
  30. package/lib/components/elements/keylink-to-content/index.d.ts +6 -0
  31. package/lib/components/elements/keylink-to-content/index.d.ts.map +1 -1
  32. package/lib/components/elements/keylink-to-content/index.js.map +1 -1
  33. package/lib/components/elements/keylink-to-navigation/index.d.ts +6 -0
  34. package/lib/components/elements/keylink-to-navigation/index.d.ts.map +1 -1
  35. package/lib/components/elements/keylink-to-navigation/index.js.map +1 -1
  36. package/lib/components/elements/page-container/index.d.ts +6 -0
  37. package/lib/components/elements/page-container/index.d.ts.map +1 -1
  38. package/lib/components/elements/page-container/index.js.map +1 -1
  39. package/lib/components/elements/robin-provider/index.d.ts +16 -0
  40. package/lib/components/elements/robin-provider/index.d.ts.map +1 -1
  41. package/lib/components/elements/robin-provider/index.js.map +1 -1
  42. package/lib/components/elements/sidebar/index.d.ts +6 -0
  43. package/lib/components/elements/sidebar/index.d.ts.map +1 -1
  44. package/lib/components/elements/sidebar/index.js.map +1 -1
  45. package/lib/components/ui/block/index.d.ts +1 -2
  46. package/lib/components/ui/block/index.d.ts.map +1 -1
  47. package/lib/components/ui/block/index.js.map +1 -1
  48. package/lib/components/ui/blockquote/index.d.ts +1 -2
  49. package/lib/components/ui/blockquote/index.d.ts.map +1 -1
  50. package/lib/components/ui/blockquote/index.js.map +1 -1
  51. package/lib/components/ui/code-span/index.d.ts +1 -2
  52. package/lib/components/ui/code-span/index.d.ts.map +1 -1
  53. package/lib/components/ui/code-span/index.js.map +1 -1
  54. package/lib/components/ui/del/index.d.ts +1 -2
  55. package/lib/components/ui/del/index.d.ts.map +1 -1
  56. package/lib/components/ui/del/index.js.map +1 -1
  57. package/lib/components/ui/em/index.d.ts +1 -2
  58. package/lib/components/ui/em/index.d.ts.map +1 -1
  59. package/lib/components/ui/em/index.js.map +1 -1
  60. package/lib/components/ui/heading/index.d.ts +1 -2
  61. package/lib/components/ui/heading/index.d.ts.map +1 -1
  62. package/lib/components/ui/heading/index.js.map +1 -1
  63. package/lib/components/ui/hr/index.d.ts +1 -2
  64. package/lib/components/ui/hr/index.d.ts.map +1 -1
  65. package/lib/components/ui/hr/index.js.map +1 -1
  66. package/lib/components/ui/list/list-item/index.d.ts +1 -2
  67. package/lib/components/ui/list/list-item/index.d.ts.map +1 -1
  68. package/lib/components/ui/list/list-item/index.js.map +1 -1
  69. package/lib/components/ui/list/unordered-list/index.d.ts +1 -2
  70. package/lib/components/ui/list/unordered-list/index.d.ts.map +1 -1
  71. package/lib/components/ui/list/unordered-list/index.js.map +1 -1
  72. package/lib/components/ui/paragraph/index.d.ts +1 -2
  73. package/lib/components/ui/paragraph/index.d.ts.map +1 -1
  74. package/lib/components/ui/paragraph/index.js.map +1 -1
  75. package/lib/components/ui/strong/index.d.ts +1 -2
  76. package/lib/components/ui/strong/index.d.ts.map +1 -1
  77. package/lib/components/ui/strong/index.js.map +1 -1
  78. package/lib/components/ui/table/table/index.d.ts +1 -2
  79. package/lib/components/ui/table/table/index.d.ts.map +1 -1
  80. package/lib/components/ui/table/table/index.js.map +1 -1
  81. package/lib/components/ui/table/tbody/index.d.ts +1 -2
  82. package/lib/components/ui/table/tbody/index.d.ts.map +1 -1
  83. package/lib/components/ui/table/tbody/index.js.map +1 -1
  84. package/lib/components/ui/table/td/index.d.ts +1 -2
  85. package/lib/components/ui/table/td/index.d.ts.map +1 -1
  86. package/lib/components/ui/table/td/index.js.map +1 -1
  87. package/lib/components/ui/table/th/index.d.ts +1 -2
  88. package/lib/components/ui/table/th/index.d.ts.map +1 -1
  89. package/lib/components/ui/table/th/index.js.map +1 -1
  90. package/lib/components/ui/table/thead/index.d.ts +1 -2
  91. package/lib/components/ui/table/thead/index.d.ts.map +1 -1
  92. package/lib/components/ui/table/thead/index.js.map +1 -1
  93. package/lib/components/ui/table/tr/index.d.ts +1 -2
  94. package/lib/components/ui/table/tr/index.d.ts.map +1 -1
  95. package/lib/components/ui/table/tr/index.js.map +1 -1
  96. package/lib/components/ui/task-list/task-list-item/index.d.ts +1 -2
  97. package/lib/components/ui/task-list/task-list-item/index.d.ts.map +1 -1
  98. package/lib/components/ui/task-list/task-list-item/index.js.map +1 -1
  99. package/lib/components/ui/task-list/task-unordered-list/index.d.ts +1 -2
  100. package/lib/components/ui/task-list/task-unordered-list/index.d.ts.map +1 -1
  101. package/lib/components/ui/task-list/task-unordered-list/index.js.map +1 -1
  102. package/lib/core/types/initialize.d.ts +12 -0
  103. package/lib/core/types/initialize.d.ts.map +1 -1
  104. package/lib/core/utils/initialize-robindoc.d.ts +14 -0
  105. package/lib/core/utils/initialize-robindoc.d.ts.map +1 -1
  106. package/lib/core/utils/initialize-robindoc.js.map +1 -1
  107. package/lib/styles.css +349 -349
  108. package/package.json +1 -1
package/lib/styles.css CHANGED
@@ -1,4 +1,41 @@
1
- .r-header {
1
+ .r-footer {
2
+ border-top: 1px solid var(--r-main-300);
3
+ }
4
+
5
+ .r-footer-container.r-footer-container {
6
+ padding: 16px 24px;
7
+ }
8
+
9
+ .r-footer-row {
10
+ display: flex;
11
+ justify-content: space-between;
12
+ align-items: center;
13
+ gap: 32px;
14
+ }
15
+
16
+ .r-footer-additional {
17
+ margin-top: 20px;
18
+ justify-content: flex-end;
19
+ }
20
+
21
+ .r-copyright {
22
+ color: var(--r-main-800);
23
+ }
24
+
25
+ .r-powered {
26
+ font-size: 14px;
27
+ display: block;
28
+ color: var(--r-main-600);
29
+ }
30
+
31
+ .r-powered-link {
32
+ font-weight: 600;
33
+ text-decoration: none;
34
+ color: var(--r-main-950);
35
+ }
36
+ .r-powered-link:hover {
37
+ color: var(--r-primary-900);
38
+ }.r-header {
2
39
  position: sticky;
3
40
  background-color: var(--r-main-50);
4
41
  top: 0;
@@ -92,43 +129,6 @@
92
129
  width: 100%;
93
130
  left: 0;
94
131
  }
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);
132
132
  }.r-root {
133
133
  --r-header-height: 60px;
134
134
  position: relative;
@@ -752,6 +752,79 @@
752
752
 
753
753
  .r-sidebar-drop[open] > .r-sidebar-drop-btn > .r-sidebar-drop-icon {
754
754
  transform: rotate(90deg);
755
+ }.r-theme-switcher {
756
+ position: relative;
757
+ display: flex;
758
+ gap: 4px;
759
+ width: 109px;
760
+ height: 37px;
761
+ padding: 2px;
762
+ background-color: var(--r-main-100);
763
+ border: 1px solid var(--r-main-200);
764
+ border-radius: 100px;
765
+ box-sizing: border-box;
766
+ }
767
+ .r-theme-switcher::before {
768
+ content: "";
769
+ position: absolute;
770
+ display: block;
771
+ height: 32px;
772
+ width: 32px;
773
+ top: 2px;
774
+ left: 2px;
775
+ background-color: var(--r-main-50);
776
+ border: 1px solid var(--r-main-200);
777
+ border-radius: 100px;
778
+ transition: left 0.2s;
779
+ box-sizing: border-box;
780
+ }
781
+
782
+ .r-theme-switcher-btn {
783
+ padding: 8px;
784
+ background: none;
785
+ border: 0;
786
+ border-radius: 100px;
787
+ cursor: pointer;
788
+ color: var(--r-main-700);
789
+ fill: transparent;
790
+ z-index: 1;
791
+ transition: color 0.2s 0.1s, fill 0.2s;
792
+ }
793
+ .r-theme-switcher-btn:hover {
794
+ color: var(--r-main-950);
795
+ fill: var(--r-main-600);
796
+ }
797
+
798
+ .r-theme-dark:not(.r-theme-system) .r-theme-switcher::before {
799
+ left: 2px;
800
+ }
801
+
802
+ .r-theme-dark:not(.r-theme-system) .r-theme-switcher-btn__dark,
803
+ .r-theme-system .r-theme-switcher-btn__system,
804
+ .r-theme-light:not(.r-theme-system) .r-theme-switcher-btn__light {
805
+ color: var(--r-main-950);
806
+ fill: var(--r-main-950);
807
+ pointer-events: none;
808
+ }
809
+
810
+ .r-theme-switcher::before,
811
+ .r-theme-system .r-theme-switcher::before {
812
+ left: 38px;
813
+ }
814
+
815
+ .r-theme-light:not(.r-theme-system) .r-theme-switcher::before {
816
+ left: 74px;
817
+ }
818
+
819
+ .r-theme-switcher-svg {
820
+ display: block;
821
+ }.r-container {
822
+ max-width: 1180px;
823
+ padding-right: 12px;
824
+ padding-left: 12px;
825
+ margin-right: auto;
826
+ margin-left: auto;
827
+ box-sizing: border-box;
755
828
  }.r-header-menu {
756
829
  display: flex;
757
830
  justify-content: flex-end;
@@ -840,6 +913,85 @@
840
913
  .r-header-input:checked ~ .r-header-burger .r-burger-line._bottom {
841
914
  transform: translateY(0) rotate(-45deg);
842
915
  margin-top: 0;
916
+ }.r-dropdown {
917
+ position: relative;
918
+ color: var(--r-main-600);
919
+ transition: color 0.2s 0.1s;
920
+ }
921
+ .r-dropdown:hover, .r-dropdown:focus-within {
922
+ color: var(--r-main-950);
923
+ }
924
+ .r-dropdown:hover .r-dropdown-drop, .r-dropdown:focus-within .r-dropdown-drop {
925
+ visibility: visible;
926
+ pointer-events: all;
927
+ transform: translateY(20px);
928
+ opacity: 1;
929
+ }
930
+ .r-dropdown:hover .r-dropdown-chevron, .r-dropdown:focus-within .r-dropdown-chevron {
931
+ transform: rotate(180deg);
932
+ }
933
+
934
+ .r-dropdown-summary {
935
+ display: flex;
936
+ justify-content: space-between;
937
+ align-items: center;
938
+ width: 100%;
939
+ position: relative;
940
+ color: inherit;
941
+ cursor: pointer;
942
+ padding: 10px 4px;
943
+ font-size: 16px;
944
+ border: 0;
945
+ background: none;
946
+ z-index: 1;
947
+ box-sizing: border-box;
948
+ }
949
+
950
+ .r-dropdown-chevron {
951
+ display: block;
952
+ margin-left: 6px;
953
+ transition: transform 0.3s 0.1s;
954
+ box-sizing: border-box;
955
+ }
956
+
957
+ .r-dropdown-drop {
958
+ list-style: none;
959
+ position: absolute;
960
+ top: 16px;
961
+ left: -12px;
962
+ visibility: hidden;
963
+ pointer-events: none;
964
+ opacity: 0;
965
+ transition: transform 0.3s 0.1s, opacity 0.3s 0.1s, visibility 0.3s 0.1s;
966
+ background-color: var(--r-main-50);
967
+ border: 1px solid var(--r-main-100);
968
+ border-radius: 8px;
969
+ margin: 0;
970
+ padding: 2px 6px;
971
+ min-width: 120px;
972
+ max-width: 180px;
973
+ box-sizing: border-box;
974
+ }
975
+
976
+ .r-dropdown-link {
977
+ display: block;
978
+ width: 100%;
979
+ text-decoration: none;
980
+ color: var(--r-main-700);
981
+ padding: 4px 8px;
982
+ margin-top: 4px;
983
+ margin-bottom: 4px;
984
+ border-radius: 4px;
985
+ transition: background-color 0.2s;
986
+ box-sizing: border-box;
987
+ }
988
+ .r-dropdown-link:hover {
989
+ color: var(--r-main-900);
990
+ background-color: var(--r-main-100);
991
+ }
992
+
993
+ .r-dropdown-link._active {
994
+ color: var(--r-primary-700);
843
995
  }.r-search-btn {
844
996
  position: relative;
845
997
  border-radius: 6px;
@@ -1023,95 +1175,16 @@
1023
1175
  font-size: 14px;
1024
1176
  color: var(--r-main-600);
1025
1177
  margin: 12px 0 0;
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;
1178
+ }.r-header-social {
1179
+ display: flex;
1180
+ flex: 1;
1181
+ justify-content: flex-end;
1039
1182
  }
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;
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);
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
- }
1183
+ @media screen and (width >= 1024px) {
1184
+ .r-header-social {
1185
+ flex: none;
1186
+ justify-content: unset;
1187
+ }
1115
1188
  }
1116
1189
 
1117
1190
  .r-header-social-git {
@@ -1120,79 +1193,6 @@
1120
1193
  }
1121
1194
  .r-header-social-git:hover, .r-header-social-git:focus {
1122
1195
  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
- }.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;
1141
- }
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;
1155
- }
1156
-
1157
- .r-theme-switcher-btn {
1158
- padding: 8px;
1159
- background: none;
1160
- border: 0;
1161
- border-radius: 100px;
1162
- cursor: pointer;
1163
- color: var(--r-main-700);
1164
- fill: transparent;
1165
- z-index: 1;
1166
- transition: color 0.2s 0.1s, fill 0.2s;
1167
- }
1168
- .r-theme-switcher-btn:hover {
1169
- color: var(--r-main-950);
1170
- fill: var(--r-main-600);
1171
- }
1172
-
1173
- .r-theme-dark:not(.r-theme-system) .r-theme-switcher::before {
1174
- left: 2px;
1175
- }
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;
1183
- }
1184
-
1185
- .r-theme-switcher::before,
1186
- .r-theme-system .r-theme-switcher::before {
1187
- left: 38px;
1188
- }
1189
-
1190
- .r-theme-light:not(.r-theme-system) .r-theme-switcher::before {
1191
- left: 74px;
1192
- }
1193
-
1194
- .r-theme-switcher-svg {
1195
- display: block;
1196
1196
  }.r-keylink {
1197
1197
  display: block;
1198
1198
  position: relative;
@@ -1213,119 +1213,6 @@
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;
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;
1263
- }
1264
-
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);
1275
- }
1276
-
1277
- .r-pagination-item._prev {
1278
- padding-left: 28px;
1279
- }
1280
-
1281
- .r-pagination-item._next {
1282
- text-align: right;
1283
- padding-right: 28px;
1284
- }
1285
-
1286
- .r-pagination-text {
1287
- display: block;
1288
- line-height: 2;
1289
- }
1290
-
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;
1329
1216
  }.r-contents {
1330
1217
  grid-area: contents;
1331
1218
  }
@@ -1565,25 +1452,122 @@
1565
1452
  }
1566
1453
  .r-contents-git:hover {
1567
1454
  color: var(--r-main-900);
1568
- }.r-last-modified {
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 {
1569
1479
  color: var(--r-main-700);
1570
- margin-block-start: 16px;
1571
- }.r-backdrop {
1572
- position: fixed;
1573
- top: 0;
1574
- right: 0;
1575
- bottom: 0;
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 {
1576
1543
  left: 0;
1577
- opacity: 0;
1578
- visibility: hidden;
1579
- pointer-events: none;
1580
- z-index: 100;
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
+ }
1581
1552
  }
1582
1553
 
1583
- .r-backdrop._visible {
1584
- opacity: 1;
1585
- visibility: visible;
1586
- pointer-events: all;
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
+ }.r-last-modified {
1569
+ color: var(--r-main-700);
1570
+ margin-block-start: 16px;
1587
1571
  }.r-git-logo {
1588
1572
  display: block;
1589
1573
  }.r-external-mark {
@@ -1617,6 +1601,38 @@
1617
1601
  background-color: currentColor;
1618
1602
  border-radius: 0 0 0 4px;
1619
1603
  box-sizing: border-box;
1604
+ }.r-backdrop {
1605
+ position: fixed;
1606
+ top: 0;
1607
+ right: 0;
1608
+ bottom: 0;
1609
+ left: 0;
1610
+ opacity: 0;
1611
+ visibility: hidden;
1612
+ pointer-events: none;
1613
+ z-index: 100;
1614
+ }
1615
+
1616
+ .r-backdrop._visible {
1617
+ opacity: 1;
1618
+ visibility: visible;
1619
+ pointer-events: all;
1620
+ }.r-kbd-container {
1621
+ display: flex;
1622
+ gap: 4px;
1623
+ font-size: 14px;
1624
+ cursor: pointer;
1625
+ }
1626
+ .r-kbd-container:hover {
1627
+ color: var(--r-main-950);
1628
+ }.r-kbd-key {
1629
+ background-color: var(--r-main-200);
1630
+ font-size: 12px;
1631
+ border-radius: 4px;
1632
+ padding: 5px 8px;
1633
+ min-width: 24px;
1634
+ text-align: center;
1635
+ box-sizing: border-box;
1620
1636
  }.r-anchor-heading:hover .r-anchor-heading-link {
1621
1637
  visibility: visible;
1622
1638
  opacity: 1;
@@ -1866,22 +1882,6 @@
1866
1882
 
1867
1883
  .r-tab-header-code {
1868
1884
  font-family: var(--monospace-font, monospace, monospace);
1869
- }.r-kbd-container {
1870
- display: flex;
1871
- gap: 4px;
1872
- font-size: 14px;
1873
- cursor: pointer;
1874
- }
1875
- .r-kbd-container:hover {
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-button {
1886
1886
  position: relative;
1887
1887
  padding: 6px;
@@ -2059,12 +2059,6 @@
2059
2059
 
2060
2060
  .r-th_right {
2061
2061
  text-align: right;
2062
- }.r-thead {
2063
- background-color: var(--r-main-100);
2064
- }.r-task-ol {
2065
- list-style: none;
2066
- }.r-task-ul {
2067
- list-style: none;
2068
2062
  }.r-task-li.r-task-li {
2069
2063
  margin-block-start: 2px;
2070
2064
  margin-block-end: 2px;
@@ -2094,6 +2088,12 @@
2094
2088
 
2095
2089
  .r-task-label-text {
2096
2090
  vertical-align: middle;
2091
+ }.r-thead {
2092
+ background-color: var(--r-main-100);
2093
+ }.r-task-ol {
2094
+ list-style: none;
2095
+ }.r-task-ul {
2096
+ list-style: none;
2097
2097
  }.r-tooltip {
2098
2098
  font-family: var(--monospace-font, monospace, monospace);
2099
2099
  display: none;