robindoc 0.0.0-experimental-2fd7244 → 0.0.0-experimental-c91268e

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 +236 -236
  2. package/package.json +1 -1
package/lib/styles.css CHANGED
@@ -813,6 +813,110 @@
813
813
  .r-header-input:checked ~ .r-header-burger .r-burger-line._bottom {
814
814
  transform: translateY(0) rotate(-45deg);
815
815
  margin-top: 0;
816
+ }.r-dropdown {
817
+ position: relative;
818
+ color: var(--r-main-600);
819
+ transition: color 0.2s 0.1s;
820
+ }
821
+ .r-dropdown:hover, .r-dropdown:focus-within {
822
+ color: var(--r-main-950);
823
+ }
824
+ .r-dropdown:hover .r-dropdown-drop, .r-dropdown:focus-within .r-dropdown-drop {
825
+ visibility: visible;
826
+ pointer-events: all;
827
+ transform: translateY(20px);
828
+ opacity: 1;
829
+ }
830
+ .r-dropdown:hover .r-dropdown-chevron, .r-dropdown:focus-within .r-dropdown-chevron {
831
+ transform: rotate(180deg);
832
+ }
833
+
834
+ .r-dropdown-summary {
835
+ display: flex;
836
+ justify-content: space-between;
837
+ align-items: center;
838
+ width: 100%;
839
+ position: relative;
840
+ color: inherit;
841
+ cursor: pointer;
842
+ padding: 10px 4px;
843
+ font-size: 16px;
844
+ border: 0;
845
+ background: none;
846
+ z-index: 1;
847
+ box-sizing: border-box;
848
+ }
849
+
850
+ .r-dropdown-chevron {
851
+ display: block;
852
+ margin-left: 6px;
853
+ transition: transform 0.3s 0.1s;
854
+ box-sizing: border-box;
855
+ }
856
+
857
+ .r-dropdown-drop {
858
+ list-style: none;
859
+ position: absolute;
860
+ top: 16px;
861
+ left: -12px;
862
+ visibility: hidden;
863
+ pointer-events: none;
864
+ opacity: 0;
865
+ transition: transform 0.3s 0.1s, opacity 0.3s 0.1s, visibility 0.3s 0.1s;
866
+ background-color: var(--r-main-50);
867
+ border: 1px solid var(--r-main-100);
868
+ border-radius: 8px;
869
+ margin: 0;
870
+ padding: 2px 6px;
871
+ min-width: 120px;
872
+ max-width: 180px;
873
+ box-sizing: border-box;
874
+ }
875
+
876
+ .r-dropdown-link {
877
+ display: block;
878
+ width: 100%;
879
+ text-decoration: none;
880
+ color: var(--r-main-700);
881
+ padding: 4px 8px;
882
+ margin-top: 4px;
883
+ margin-bottom: 4px;
884
+ border-radius: 4px;
885
+ transition: background-color 0.2s;
886
+ box-sizing: border-box;
887
+ }
888
+ .r-dropdown-link:hover {
889
+ color: var(--r-main-900);
890
+ background-color: var(--r-main-100);
891
+ }
892
+
893
+ .r-dropdown-link._active {
894
+ color: var(--r-primary-700);
895
+ }.r-header-social {
896
+ display: flex;
897
+ flex: 1;
898
+ justify-content: flex-end;
899
+ }
900
+ @media screen and (width >= 1024px) {
901
+ .r-header-social {
902
+ flex: none;
903
+ justify-content: unset;
904
+ }
905
+ }
906
+
907
+ .r-header-social-git {
908
+ color: var(--r-main-700);
909
+ transition: color 0.2s;
910
+ }
911
+ .r-header-social-git:hover, .r-header-social-git:focus {
912
+ color: var(--r-main-950);
913
+ }.r-container {
914
+ max-width: 1180px;
915
+ padding-right: 12px;
916
+ padding-left: 12px;
917
+ margin-right: auto;
918
+ margin-left: auto;
919
+ box-sizing: border-box;
816
920
  }.r-search-btn {
817
921
  position: relative;
818
922
  border-radius: 6px;
@@ -929,110 +1033,6 @@
929
1033
  font-size: 14px;
930
1034
  color: var(--r-main-600);
931
1035
  margin: 12px 0 0;
932
- }.r-dropdown {
933
- position: relative;
934
- color: var(--r-main-600);
935
- transition: color 0.2s 0.1s;
936
- }
937
- .r-dropdown:hover, .r-dropdown:focus-within {
938
- color: var(--r-main-950);
939
- }
940
- .r-dropdown:hover .r-dropdown-drop, .r-dropdown:focus-within .r-dropdown-drop {
941
- visibility: visible;
942
- pointer-events: all;
943
- transform: translateY(20px);
944
- opacity: 1;
945
- }
946
- .r-dropdown:hover .r-dropdown-chevron, .r-dropdown:focus-within .r-dropdown-chevron {
947
- transform: rotate(180deg);
948
- }
949
-
950
- .r-dropdown-summary {
951
- display: flex;
952
- justify-content: space-between;
953
- align-items: center;
954
- width: 100%;
955
- position: relative;
956
- color: inherit;
957
- cursor: pointer;
958
- padding: 10px 4px;
959
- font-size: 16px;
960
- border: 0;
961
- background: none;
962
- z-index: 1;
963
- box-sizing: border-box;
964
- }
965
-
966
- .r-dropdown-chevron {
967
- display: block;
968
- margin-left: 6px;
969
- transition: transform 0.3s 0.1s;
970
- box-sizing: border-box;
971
- }
972
-
973
- .r-dropdown-drop {
974
- list-style: none;
975
- position: absolute;
976
- top: 16px;
977
- left: -12px;
978
- visibility: hidden;
979
- pointer-events: none;
980
- opacity: 0;
981
- transition: transform 0.3s 0.1s, opacity 0.3s 0.1s, visibility 0.3s 0.1s;
982
- background-color: var(--r-main-50);
983
- border: 1px solid var(--r-main-100);
984
- border-radius: 8px;
985
- margin: 0;
986
- padding: 2px 6px;
987
- min-width: 120px;
988
- max-width: 180px;
989
- box-sizing: border-box;
990
- }
991
-
992
- .r-dropdown-link {
993
- display: block;
994
- width: 100%;
995
- text-decoration: none;
996
- color: var(--r-main-700);
997
- padding: 4px 8px;
998
- margin-top: 4px;
999
- margin-bottom: 4px;
1000
- border-radius: 4px;
1001
- transition: background-color 0.2s;
1002
- box-sizing: border-box;
1003
- }
1004
- .r-dropdown-link:hover {
1005
- color: var(--r-main-900);
1006
- background-color: var(--r-main-100);
1007
- }
1008
-
1009
- .r-dropdown-link._active {
1010
- color: var(--r-primary-700);
1011
- }.r-header-social {
1012
- display: flex;
1013
- flex: 1;
1014
- justify-content: flex-end;
1015
- }
1016
- @media screen and (width >= 1024px) {
1017
- .r-header-social {
1018
- flex: none;
1019
- justify-content: unset;
1020
- }
1021
- }
1022
-
1023
- .r-header-social-git {
1024
- color: var(--r-main-700);
1025
- transition: color 0.2s;
1026
- }
1027
- .r-header-social-git:hover, .r-header-social-git:focus {
1028
- color: var(--r-main-950);
1029
- }.r-container {
1030
- max-width: 1180px;
1031
- padding-right: 12px;
1032
- padding-left: 12px;
1033
- margin-right: auto;
1034
- margin-left: auto;
1035
- box-sizing: border-box;
1036
1036
  }.r-theme-switcher {
1037
1037
  position: relative;
1038
1038
  display: flex;
@@ -1165,6 +1165,78 @@
1165
1165
  .r-breadcrumb-title {
1166
1166
  color: var(--r-main-950);
1167
1167
  font-weight: 600;
1168
+ }.r-pagination {
1169
+ grid-area: pagination;
1170
+ display: grid;
1171
+ grid-template-columns: repeat(auto-fit, minmax(148px, 1fr));
1172
+ gap: 16px;
1173
+ margin-bottom: 40px;
1174
+ }
1175
+
1176
+ .r-pagination-item {
1177
+ position: relative;
1178
+ padding-top: 8px;
1179
+ padding-bottom: 8px;
1180
+ text-decoration: none;
1181
+ font-size: 14px;
1182
+ color: var(--r-main-800);
1183
+ }
1184
+ .r-pagination-item:hover {
1185
+ color: var(--r-main-950);
1186
+ }
1187
+
1188
+ .r-pagination-item._prev {
1189
+ padding-left: 28px;
1190
+ }
1191
+
1192
+ .r-pagination-item._next {
1193
+ text-align: right;
1194
+ padding-right: 28px;
1195
+ }
1196
+
1197
+ .r-pagination-text {
1198
+ display: block;
1199
+ line-height: 2;
1200
+ }
1201
+
1202
+ .r-pagination-title {
1203
+ font-weight: 600;
1204
+ font-size: 16px;
1205
+ }
1206
+
1207
+ .r-pagination-icon {
1208
+ position: absolute;
1209
+ top: 50%;
1210
+ transform: translateY(-50%);
1211
+ transition: transform 0.2s;
1212
+ }
1213
+
1214
+ .r-pagination-icon._prev {
1215
+ left: 0;
1216
+ }
1217
+ .r-pagination-item:hover .r-pagination-icon._prev {
1218
+ transform: translate(-4px, -50%);
1219
+ }
1220
+ @media screen and (width >= 1180px) {
1221
+ .r-pagination-item:hover .r-pagination-icon._prev {
1222
+ transform: translate(-8px, -50%);
1223
+ }
1224
+ }
1225
+
1226
+ .r-pagination-icon._next {
1227
+ right: 0;
1228
+ }
1229
+ .r-pagination-item:hover .r-pagination-icon._next {
1230
+ transform: translate(4px, -50%);
1231
+ }
1232
+ @media screen and (width >= 1180px) {
1233
+ .r-pagination-item:hover .r-pagination-icon._next {
1234
+ transform: translate(8px, -50%);
1235
+ }
1236
+ }
1237
+
1238
+ .r-pagination-svg {
1239
+ display: block;
1168
1240
  }.r-contents {
1169
1241
  grid-area: contents;
1170
1242
  }
@@ -1398,78 +1470,6 @@
1398
1470
  }
1399
1471
  .r-contents-git:hover {
1400
1472
  color: var(--r-main-900);
1401
- }.r-pagination {
1402
- grid-area: pagination;
1403
- display: grid;
1404
- grid-template-columns: repeat(auto-fit, minmax(148px, 1fr));
1405
- gap: 16px;
1406
- margin-bottom: 40px;
1407
- }
1408
-
1409
- .r-pagination-item {
1410
- position: relative;
1411
- padding-top: 8px;
1412
- padding-bottom: 8px;
1413
- text-decoration: none;
1414
- font-size: 14px;
1415
- color: var(--r-main-800);
1416
- }
1417
- .r-pagination-item:hover {
1418
- color: var(--r-main-950);
1419
- }
1420
-
1421
- .r-pagination-item._prev {
1422
- padding-left: 28px;
1423
- }
1424
-
1425
- .r-pagination-item._next {
1426
- text-align: right;
1427
- padding-right: 28px;
1428
- }
1429
-
1430
- .r-pagination-text {
1431
- display: block;
1432
- line-height: 2;
1433
- }
1434
-
1435
- .r-pagination-title {
1436
- font-weight: 600;
1437
- font-size: 16px;
1438
- }
1439
-
1440
- .r-pagination-icon {
1441
- position: absolute;
1442
- top: 50%;
1443
- transform: translateY(-50%);
1444
- transition: transform 0.2s;
1445
- }
1446
-
1447
- .r-pagination-icon._prev {
1448
- left: 0;
1449
- }
1450
- .r-pagination-item:hover .r-pagination-icon._prev {
1451
- transform: translate(-4px, -50%);
1452
- }
1453
- @media screen and (width >= 1180px) {
1454
- .r-pagination-item:hover .r-pagination-icon._prev {
1455
- transform: translate(-8px, -50%);
1456
- }
1457
- }
1458
-
1459
- .r-pagination-icon._next {
1460
- right: 0;
1461
- }
1462
- .r-pagination-item:hover .r-pagination-icon._next {
1463
- transform: translate(4px, -50%);
1464
- }
1465
- @media screen and (width >= 1180px) {
1466
- .r-pagination-item:hover .r-pagination-icon._next {
1467
- transform: translate(8px, -50%);
1468
- }
1469
- }
1470
-
1471
- .r-pagination-svg {
1472
- display: block;
1473
1473
  }.r-last-modified {
1474
1474
  color: var(--r-main-700);
1475
1475
  margin-block-start: 16px;
@@ -1569,6 +1569,14 @@
1569
1569
 
1570
1570
  .r-code-section-filename {
1571
1571
  font-family: var(--monospace-font, monospace, monospace);
1572
+ }.r-block {
1573
+ width: 100%;
1574
+ overflow: auto;
1575
+ margin-block-start: 12px;
1576
+ margin-block-end: 12px;
1577
+ scrollbar-width: thin;
1578
+ scrollbar-color: var(--r-main-200) transparent;
1579
+ box-sizing: border-box;
1572
1580
  }.r-blockquote {
1573
1581
  background-color: var(--r-main-100);
1574
1582
  padding: 8px 12px 8px 20px;
@@ -1625,14 +1633,6 @@
1625
1633
  }
1626
1634
  .r-blockquote-caution .r-blockquote-title {
1627
1635
  color: var(--r-caution);
1628
- }.r-block {
1629
- width: 100%;
1630
- overflow: auto;
1631
- margin-block-start: 12px;
1632
- margin-block-end: 12px;
1633
- scrollbar-width: thin;
1634
- scrollbar-color: var(--r-main-200) transparent;
1635
- box-sizing: border-box;
1636
1636
  }.r-code-span {
1637
1637
  font-family: var(--monospace-font, monospace, monospace);
1638
1638
  background-color: var(--r-main-100);
@@ -1647,6 +1647,23 @@
1647
1647
 
1648
1648
  .r-code-span + .r-content-link-external {
1649
1649
  margin-left: -12px;
1650
+ }.r-code-block {
1651
+ font-family: var(--monospace-font, monospace, monospace);
1652
+ font-size: 16px;
1653
+ line-height: 1.33;
1654
+ border-radius: 6px;
1655
+ padding: 16px 20px;
1656
+ margin-block-start: 1.5em;
1657
+ margin-block-end: 1.75em;
1658
+ color: var(--r-primary-800);
1659
+ background-color: var(--r-main-50);
1660
+ overflow-x: auto;
1661
+ scrollbar-width: thin;
1662
+ scrollbar-color: var(--r-main-200) transparent;
1663
+ box-sizing: border-box;
1664
+ }.r-img {
1665
+ max-width: 100%;
1666
+ box-sizing: border-box;
1650
1667
  }.r-h1 {
1651
1668
  font-size: 32px;
1652
1669
  line-height: 1.4;
@@ -1687,23 +1704,6 @@
1687
1704
  line-height: 1.4;
1688
1705
  margin-block-start: 1.8em;
1689
1706
  margin-block-end: 1.8em;
1690
- }.r-code-block {
1691
- font-family: var(--monospace-font, monospace, monospace);
1692
- font-size: 16px;
1693
- line-height: 1.33;
1694
- border-radius: 6px;
1695
- padding: 16px 20px;
1696
- margin-block-start: 1.5em;
1697
- margin-block-end: 1.75em;
1698
- color: var(--r-primary-800);
1699
- background-color: var(--r-main-50);
1700
- overflow-x: auto;
1701
- scrollbar-width: thin;
1702
- scrollbar-color: var(--r-main-200) transparent;
1703
- box-sizing: border-box;
1704
- }.r-img {
1705
- max-width: 100%;
1706
- box-sizing: border-box;
1707
1707
  }.r-p {
1708
1708
  line-height: 1.8;
1709
1709
  margin-block-start: 1em;
@@ -1844,34 +1844,6 @@
1844
1844
 
1845
1845
  .r-copy-button-svg {
1846
1846
  display: block;
1847
- }.r-copy-text {
1848
- position: relative;
1849
- cursor: pointer;
1850
- background: none;
1851
- border: 0;
1852
- padding: 0;
1853
- font: inherit;
1854
- padding: 6px 0;
1855
- }
1856
- .r-copy-text:hover {
1857
- color: var(--r-main-950);
1858
- }
1859
- .r-copy-text::before {
1860
- content: "";
1861
- position: absolute;
1862
- bottom: 0;
1863
- left: 0;
1864
- width: 100%;
1865
- height: 1px;
1866
- background: linear-gradient(to right, currentColor 30%, transparent 0%, transparent 80%, currentColor 80%) repeat-x 0px/8px;
1867
- transition: background 0.2s;
1868
- box-sizing: border-box;
1869
- opacity: 0.6;
1870
- }
1871
-
1872
- .r-copy-text:active,
1873
- .r-copy-text._active {
1874
- color: var(--r-success);
1875
1847
  }.r-content-link {
1876
1848
  text-decoration: none;
1877
1849
  color: inherit;
@@ -1921,6 +1893,39 @@
1921
1893
  background-color: currentColor;
1922
1894
  border-radius: 0 0 0 4px;
1923
1895
  box-sizing: border-box;
1896
+ }.r-copy-text {
1897
+ position: relative;
1898
+ cursor: pointer;
1899
+ background: none;
1900
+ border: 0;
1901
+ padding: 0;
1902
+ font: inherit;
1903
+ padding: 6px 0;
1904
+ }
1905
+ .r-copy-text:hover {
1906
+ color: var(--r-main-950);
1907
+ }
1908
+ .r-copy-text::before {
1909
+ content: "";
1910
+ position: absolute;
1911
+ bottom: 0;
1912
+ left: 0;
1913
+ width: 100%;
1914
+ height: 1px;
1915
+ background: linear-gradient(to right, currentColor 30%, transparent 0%, transparent 80%, currentColor 80%) repeat-x 0px/8px;
1916
+ transition: background 0.2s;
1917
+ box-sizing: border-box;
1918
+ opacity: 0.6;
1919
+ }
1920
+
1921
+ .r-copy-text:active,
1922
+ .r-copy-text._active {
1923
+ color: var(--r-success);
1924
+ }.r-ol {
1925
+ padding-inline-start: 0;
1926
+ list-style-position: inside;
1927
+ margin-block-start: 1em;
1928
+ margin-block-end: 1em;
1924
1929
  }.r-li {
1925
1930
  line-height: 1.8;
1926
1931
  margin-block-start: 6px;
@@ -1932,11 +1937,6 @@
1932
1937
  padding-inline-start: 20px;
1933
1938
  margin-block-start: 6px;
1934
1939
  margin-block-end: 6px;
1935
- }.r-ol {
1936
- padding-inline-start: 0;
1937
- list-style-position: inside;
1938
- margin-block-start: 1em;
1939
- margin-block-end: 1em;
1940
1940
  }.r-ul {
1941
1941
  padding-inline-start: 0;
1942
1942
  list-style-position: inside;
@@ -1958,6 +1958,8 @@
1958
1958
  border-collapse: collapse;
1959
1959
  }.r-thead {
1960
1960
  background-color: var(--r-main-100);
1961
+ }.r-task-ol {
1962
+ list-style: none;
1961
1963
  }.r-task-li.r-task-li {
1962
1964
  margin-block-start: 2px;
1963
1965
  margin-block-end: 2px;
@@ -1987,8 +1989,6 @@
1987
1989
 
1988
1990
  .r-task-label-text {
1989
1991
  vertical-align: middle;
1990
- }.r-task-ol {
1991
- list-style: none;
1992
1992
  }.r-task-ul {
1993
1993
  list-style: none;
1994
1994
  }.r-backdrop {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "robindoc",
3
- "version": "0.0.0-experimental-2fd7244",
3
+ "version": "0.0.0-experimental-c91268e",
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": {